0x2620/pandora_leftovers
2
0
Fork 0
Code Issues Pull requests Releases Wiki Activity

use entities for group/publication descriptions

Browse source
This commit is contained in:
j 2021-02-07 11:40:46 +01:00
parent ecb3e9f65e
commit 762c5e773c
3 changed files with 137 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

21
config.jsonc
View file

@ -557,7 +557,26 @@
"id" and "name" keys are required. If "alternativeNames" is present, these
will act as synonyms when autocompleting values entered as annotations.
*/
"entities": [],
"entities": [
{
"id": "group",
"title": "Group",
"keys": [
{"id": "id", "title": "ID", "type": "string"},
{"id": "name", "title": "Name", "type": "string"},
{"id": "description", "title": "Description", "type": "text"}
]
},
{
"id": "publication",
"title": "Publication",
"keys": [
{"id": "id", "title": "ID", "type": "string"},
{"id": "name", "title": "Name", "type": "string"},
{"id": "description", "title": "Description", "type": "text"}
]
}
],
/*
"flags", if set to true, will cause flag icons to appear in filters.
*/

8
static/html/entities.publication.entity.html Normal file
View file

@ -0,0 +1,8 @@
<div>
<div style="position: absolute; left: 16px; right: 16px; top: 16px">
<div style="font-weight: bold; font-size: 13px">About {name}:</div>
<div style="height: 8px"></div>
<div>{description}</div>
<div style="height: 8px"></div>
</div>
</div>

112
static/js/documentInfoView.leftovers.js
View file

@ -112,6 +112,12 @@ pandora.ui.documentInfoView = function(data, isMixed) {
});
if (!isMultiple) {
var $left = Ox.Element()
.css({
position: 'absolute'
})
.appendTo($info);
var $icon = Ox.Element({
element: '<img>',
})
@ -128,7 +134,7 @@ pandora.ui.documentInfoView = function(data, isMixed) {
.bindEvent({
singleclick: toggleIconSize
})
.appendTo($info),
.appendTo($left),
$reflection = $('<div>')
.addClass('OxReflection')
@ -140,7 +146,7 @@ pandora.ui.documentInfoView = function(data, isMixed) {
height: iconSize / 2 + 'px',
overflow: 'hidden'
})
.appendTo($info),
.appendTo($left),
$reflectionIcon = $('<img>')
.attr({
@ -163,6 +169,16 @@ pandora.ui.documentInfoView = function(data, isMixed) {
.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()
.addClass('OxTextPage')
.css({
@ -201,6 +217,83 @@ pandora.ui.documentInfoView = function(data, isMixed) {
if (!canEdit) {
pandora.createLinks($info);
}
// Group & Publication description -----------------------------------------------------
if (!isMultiple) {
;['group', 'publication'].forEach(key => {
var $box = $('<div>').appendTo($data);
(data[key] ? pandora.api.findEntities : Ox.noop)({
query: {
conditions: [{
key: 'type', operator: '==', value: key
}, {
key: 'name', operator: '==', value: data[key]
}],
operator: '&'
},
keys: ['id', 'name', 'description']
}, function(result) {
if ((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>')
.append(
Ox.EditableContent({
clickLink: pandora.clickLink,
editable: false,
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='
);
},
placeholder: formatLight(Ox._('No {0} Description', [Ox._(Ox.toTitleCase(key))])),
tooltip: canEdit ? pandora.getEditTooltip() : '',
type: 'textarea',
value: entity.description || ''
})
.css(css)
.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 -------------------------------------------------------------------
@ -242,8 +335,14 @@ pandora.ui.documentInfoView = function(data, isMixed) {
renderGroup(['tags']);
// Description -------------------------------------------------------------
if (canEdit || data.description) {
$('<div>')
.html('Description:')
.css({
'padding-top': '4px',
'font-weight': 'bold'
})
.appendTo($text);
$('<div>')
.append(
Ox.EditableContent({
@ -276,6 +375,13 @@ pandora.ui.documentInfoView = function(data, isMixed) {
}
if (canEdit || data.content) {
$('<div>')
.html('Content:')
.css({
'padding-top': '4px',
'font-weight': 'bold'
})
.appendTo($text);
$('<div>')
.append(
Ox.EditableContent({