add poster script
This commit is contained in:
parent
2d5bd3fb23
commit
a6b5d8d40e
2 changed files with 96 additions and 8 deletions
1
.gitignore
vendored
1
.gitignore
vendored
|
|
@ -1 +1,2 @@
|
||||||
*.pyc
|
*.pyc
|
||||||
|
*.swp
|
||||||
|
|
|
||||||
|
|
@ -122,6 +122,12 @@ pandora.ui.infoView = function(data, isMixed) {
|
||||||
orientation: 'vertical'
|
orientation: 'vertical'
|
||||||
});
|
});
|
||||||
|
|
||||||
|
var $left = Ox.Element()
|
||||||
|
.css({
|
||||||
|
position: 'absolute'
|
||||||
|
})
|
||||||
|
.appendTo($info);
|
||||||
|
|
||||||
if (!isMultiple) {
|
if (!isMultiple) {
|
||||||
var $icon = Ox.Element({
|
var $icon = Ox.Element({
|
||||||
element: '<img>',
|
element: '<img>',
|
||||||
|
|
@ -143,7 +149,7 @@ pandora.ui.infoView = function(data, isMixed) {
|
||||||
.bindEvent({
|
.bindEvent({
|
||||||
singleclick: toggleIconSize
|
singleclick: toggleIconSize
|
||||||
})
|
})
|
||||||
.appendTo($info),
|
.appendTo($left),
|
||||||
|
|
||||||
$reflection = $('<div>')
|
$reflection = $('<div>')
|
||||||
.addClass('OxReflection')
|
.addClass('OxReflection')
|
||||||
|
|
@ -155,7 +161,7 @@ pandora.ui.infoView = function(data, isMixed) {
|
||||||
height: iconSize / 2 + 'px',
|
height: iconSize / 2 + 'px',
|
||||||
overflow: 'hidden'
|
overflow: 'hidden'
|
||||||
})
|
})
|
||||||
.appendTo($info),
|
.appendTo($left),
|
||||||
|
|
||||||
$reflectionIcon = $('<img>')
|
$reflectionIcon = $('<img>')
|
||||||
.attr({
|
.attr({
|
||||||
|
|
@ -181,6 +187,16 @@ pandora.ui.infoView = function(data, isMixed) {
|
||||||
.appendTo($reflection);
|
.appendTo($reflection);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
var $data = $('<div>')
|
||||||
|
.addClass('OxTextPage')
|
||||||
|
.css({
|
||||||
|
position: 'absolute',
|
||||||
|
left: margin + 'px',
|
||||||
|
top: margin + iconHeight + margin + 'px',
|
||||||
|
width: iconSize + 'px',
|
||||||
|
})
|
||||||
|
.appendTo($left)
|
||||||
|
|
||||||
var $text = Ox.Element()
|
var $text = Ox.Element()
|
||||||
.addClass('OxTextPage')
|
.addClass('OxTextPage')
|
||||||
.css({
|
.css({
|
||||||
|
|
@ -218,6 +234,82 @@ pandora.ui.infoView = function(data, isMixed) {
|
||||||
pandora.createLinks($info);
|
pandora.createLinks($info);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
// Show description -----------------------------------------------------
|
||||||
|
if (!isMultiple) {
|
||||||
|
;['show'].forEach(key => {
|
||||||
|
var $box = $('<div>').appendTo($data);
|
||||||
|
(data[key] ? pandora.api.findEntities : Ox.noop)({
|
||||||
|
query: {
|
||||||
|
conditions: [{
|
||||||
|
key: 'type', operator: '==', value: Ox.decodeHTMLEntities(key)
|
||||||
|
}, {
|
||||||
|
key: 'name', operator: '==', value: Ox.decodeHTMLEntities(data[key][0] || '')
|
||||||
|
}],
|
||||||
|
operator: '&'
|
||||||
|
},
|
||||||
|
keys: ['id', 'name', 'description', 'image']
|
||||||
|
}, function(result) {
|
||||||
|
if (data[key] && ((result && result.data.items.length == 1) || canEdit)) {
|
||||||
|
var entity = {}
|
||||||
|
if (result && result.data.items.length) {
|
||||||
|
entity = result.data.items[0]
|
||||||
|
}
|
||||||
|
$('<div>')
|
||||||
|
.html(Ox._('About {0}:', [data[key]]))
|
||||||
|
.css({
|
||||||
|
'padding-top': '4px',
|
||||||
|
'font-weight': 'bold'
|
||||||
|
})
|
||||||
|
.appendTo($box);
|
||||||
|
$('<div>')
|
||||||
|
.addClass("InlineImages")
|
||||||
|
.append(
|
||||||
|
Ox.EditableContent({
|
||||||
|
clickLink: pandora.clickLink,
|
||||||
|
editable: false,
|
||||||
|
placeholder: formatLight(Ox._('No {0} Description', [Ox._(Ox.toTitleCase(key))])),
|
||||||
|
tooltip: canEdit ? pandora.getEditTooltip() : '',
|
||||||
|
type: 'textarea',
|
||||||
|
value: entity.description || ''
|
||||||
|
})
|
||||||
|
.css(css)
|
||||||
|
.css({
|
||||||
|
'text-align': ''
|
||||||
|
})
|
||||||
|
.bindEvent({
|
||||||
|
doubleclick: function(event) {
|
||||||
|
if (!canEdit) {
|
||||||
|
return
|
||||||
|
}
|
||||||
|
if (entity.id) {
|
||||||
|
var set = {}
|
||||||
|
set['entitiesType'] = key
|
||||||
|
set['entitiesSelection.' + key] = [entity.id];
|
||||||
|
pandora.UI.set(set);
|
||||||
|
pandora.$ui.entitiesDialog = pandora.ui.entitiesDialog().open();
|
||||||
|
} else {
|
||||||
|
pandora.api.addEntity({
|
||||||
|
type: key,
|
||||||
|
name: data[key]
|
||||||
|
}, function(result) {
|
||||||
|
var set = {}
|
||||||
|
set['entitiesType'] = key
|
||||||
|
set['entitiesSelection.' + key] = [result.data.id];
|
||||||
|
pandora.UI.set(set);
|
||||||
|
pandora.$ui.entitiesDialog = pandora.ui.entitiesDialog().open();
|
||||||
|
})
|
||||||
|
}
|
||||||
|
}
|
||||||
|
})
|
||||||
|
).css({
|
||||||
|
margin: '12px 0',
|
||||||
|
})
|
||||||
|
.appendTo($box);
|
||||||
|
}
|
||||||
|
})
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
// Title -------------------------------------------------------------------
|
// Title -------------------------------------------------------------------
|
||||||
|
|
||||||
$('<div>')
|
$('<div>')
|
||||||
|
|
@ -260,16 +352,11 @@ pandora.ui.infoView = function(data, isMixed) {
|
||||||
|
|
||||||
if (canEdit || data.summary) {
|
if (canEdit || data.summary) {
|
||||||
$('<div>')
|
$('<div>')
|
||||||
|
.addClass("InlineImages")
|
||||||
.append(
|
.append(
|
||||||
Ox.EditableContent({
|
Ox.EditableContent({
|
||||||
clickLink: pandora.clickLink,
|
clickLink: pandora.clickLink,
|
||||||
editable: canEdit,
|
editable: canEdit,
|
||||||
format: function(value) {
|
|
||||||
return value.replace(
|
|
||||||
/<img src=/g,
|
|
||||||
'<img style="float: left; max-width: 256px; max-height: 256px; margin: 0 16px 16px 0" src='
|
|
||||||
);
|
|
||||||
},
|
|
||||||
maxHeight: Infinity,
|
maxHeight: Infinity,
|
||||||
placeholder: formatLight(Ox._( isMixed.summary ? 'Mixed Summary' : 'No Summary')),
|
placeholder: formatLight(Ox._( isMixed.summary ? 'Mixed Summary' : 'No Summary')),
|
||||||
tooltip: canEdit ? pandora.getEditTooltip() : '',
|
tooltip: canEdit ? pandora.getEditTooltip() : '',
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue