decentral1se/pandora
1
0
Fork 0
forked from 0x2620/pandora
Code Issues Pull requests Projects Releases Wiki Activity

batch item/documents edit

Browse source
This commit is contained in:
j 2018-09-18 23:17:32 +02:00
parent 38315e0c60
commit 0a4c507346
12 changed files with 879 additions and 510 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
pandora/app/config.py
View file

@ -262,6 +262,8 @@ def update_static():
pandora_json = os.path.join(settings.STATIC_ROOT, 'json/pandora.json') pandora_json = os.path.join(settings.STATIC_ROOT, 'json/pandora.json')
for root, folders, files in os.walk(os.path.join(settings.STATIC_ROOT, 'js')): for root, folders, files in os.walk(os.path.join(settings.STATIC_ROOT, 'js')):
for f in files: for f in files:
if f.startswith('._'):
continue
f = os.path.join(root, f) f = os.path.join(root, f)
#ignore old embed js file #ignore old embed js file
if 'js/embed/' in f: if 'js/embed/' in f:

19
pandora/document/views.py
View file

@ -132,14 +132,19 @@ def editDocument(request, data):
response = json_response() response = json_response()
item = 'item' in data and Item.objects.get(public_id=data['item']) or None item = 'item' in data and Item.objects.get(public_id=data['item']) or None
if data['id']: if data['id']:
document = models.Document.get(data['id']) if isinstance(data['id'], list):
if document.editable(request.user, item): documents = models.Document.objects.filter(pk__in=map(ox.fromAZ, data['id']))
add_changelog(request, data)
document.edit(data, request.user, item)
document.save()
response['data'] = document.json(user=request.user, item=item)
else: else:
response = json_response(status=403, text='permission denied') documents = [models.Document.get(data['id'])]
for document in documents:
if document.editable(request.user, item):
if document == documents[0]:
add_changelog(request, data)
document.edit(data, request.user, item)
document.save()
response['data'] = document.json(user=request.user, item=item)
else:
response = json_response(status=403, text='permission denied')
else: else:
response = json_response(status=500, text='invalid request') response = json_response(status=500, text='invalid request')
return render_to_json_response(response) return render_to_json_response(response)

19
pandora/item/views.py
View file

@ -622,14 +622,19 @@ def edit(request, data):
} }
see: add, find, get, lookup, remove, upload see: add, find, get, lookup, remove, upload
''' '''
item = get_object_or_404_json(models.Item, public_id=data['id']) if isinstance(data['id'], list):
if item.editable(request.user): items = models.Item.objects.filter(public_id__in=data['id'])
request_data = data.copy()
response = edit_item(request, item, data)
response['data'] = item.json()
add_changelog(request, request_data)
else: else:
response = json_response(status=403, text='permission denied') items = [get_object_or_404_json(models.Item, public_id=data['id'])]
for item in items:
if item.editable(request.user):
request_data = data.copy()
response = edit_item(request, item, data)
response['data'] = item.json()
if item == items[0]:
add_changelog(request, request_data)
else:
response = json_response(status=403, text='permission denied')
return render_to_json_response(response) return render_to_json_response(response)
actions.register(edit, cache=False) actions.register(edit, cache=False)

158
static/js/documentInfoView.js
View file

@ -1,9 +1,11 @@
'use strict'; 'use strict';
pandora.ui.documentInfoView = function(data) { pandora.ui.documentInfoView = function(data, isMixed) {
isMixed = isMixed || {};
var ui = pandora.user.ui, var ui = pandora.user.ui,
canEdit = pandora.hasCapability('canEditMetadata') || data.editable, isMultiple = arguments.length == 2,
canEdit = pandora.hasCapability('canEditMetadata') || isMultiple || data.editable,
canRemove = pandora.hasCapability('canRemoveItems'), canRemove = pandora.hasCapability('canRemoveItems'),
css = { css = {
marginTop: '4px', marginTop: '4px',
@ -11,8 +13,8 @@ pandora.ui.documentInfoView = function(data) {
}, },
html, html,
iconRatio = data.ratio, iconRatio = data.ratio,
iconSize = ui.infoIconSize, iconSize = isMultiple ? 0 : ui.infoIconSize,
iconWidth = iconRatio > 1 ? iconSize : Math.round(iconSize * iconRatio), iconWidth = isMultiple ? 0 : iconRatio > 1 ? iconSize : Math.round(iconSize * iconRatio),
iconHeight = iconRatio < 1 ? iconSize : Math.round(iconSize / iconRatio), iconHeight = iconRatio < 1 ? iconSize : Math.round(iconSize / iconRatio),
iconLeft = iconSize == 256 ? Math.floor((iconSize - iconWidth) / 2) : 0, iconLeft = iconSize == 256 ? Math.floor((iconSize - iconWidth) / 2) : 0,
margin = 16, margin = 16,
@ -103,63 +105,65 @@ pandora.ui.documentInfoView = function(data) {
that = Ox.SplitPanel({ that = Ox.SplitPanel({
elements: [ elements: [
{element: $bar, size: 16}, {element: $bar, size: isMultiple ? 0 : 16},
{element: $info} {element: $info}
], ],
orientation: 'vertical' orientation: 'vertical'
}), });
$icon = Ox.Element({ if (!isMultiple) {
element: '<img>', var $icon = Ox.Element({
}) element: '<img>',
.attr({ })
src: '/documents/' + data.id + '/512p.jpg?' + data.modified .attr({
}) src: '/documents/' + data.id + '/512p.jpg?' + data.modified
.css({ })
position: 'absolute', .css({
left: margin + iconLeft + 'px', position: 'absolute',
top: margin + 'px', left: margin + iconLeft + 'px',
width: iconWidth + 'px', top: margin + 'px',
height: iconHeight + 'px' width: iconWidth + 'px',
}) height: iconHeight + 'px'
.bindEvent({ })
// singleclick: toggleIconSize .bindEvent({
}) // singleclick: toggleIconSize
.appendTo($info), })
.appendTo($info),
$reflection = $('<div>') $reflection = $('<div>')
.addClass('OxReflection') .addClass('OxReflection')
.css({ .css({
position: 'absolute', position: 'absolute',
left: margin + 'px', left: margin + 'px',
top: margin + iconHeight + 'px', top: margin + iconHeight + 'px',
width: iconSize + 'px', width: iconSize + 'px',
height: iconSize / 2 + 'px', height: iconSize / 2 + 'px',
overflow: 'hidden' overflow: 'hidden'
}) })
.appendTo($info), .appendTo($info),
$reflectionIcon = $('<img>') $reflectionIcon = $('<img>')
.attr({ .attr({
src: '/documents/' + data.id + '/512p.jpg?' + data.modified src: '/documents/' + data.id + '/512p.jpg?' + data.modified
}) })
.css({ .css({
position: 'absolute', position: 'absolute',
left: iconLeft + 'px', left: iconLeft + 'px',
width: iconWidth + 'px', width: iconWidth + 'px',
height: iconHeight + 'px', height: iconHeight + 'px',
}) })
.appendTo($reflection), .appendTo($reflection),
$reflectionGradient = $('<div>') $reflectionGradient = $('<div>')
.css({ .css({
position: 'absolute', position: 'absolute',
width: iconSize + 'px', width: iconSize + 'px',
height: iconSize / 2 + 'px' height: iconSize / 2 + 'px'
}) })
.appendTo($reflection), .appendTo($reflection);
}
$text = Ox.Element() var $text = Ox.Element()
.addClass('OxTextPage') .addClass('OxTextPage')
.css({ .css({
position: 'absolute', position: 'absolute',
@ -263,13 +267,13 @@ pandora.ui.documentInfoView = function(data) {
} }
// Referenced -------------------------------------------------------------- // Referenced --------------------------------------------------------------
if ( if (
!isMultiple && (
data.referenced.items.length data.referenced.items.length
|| data.referenced.annotations.length || data.referenced.annotations.length
|| data.referenced.documents.length || data.referenced.documents.length
|| data.referenced.entities.length || data.referenced.entities.length
) { )) {
var itemsById = {} var itemsById = {}
data.referenced.items.forEach(function(item) { data.referenced.items.forEach(function(item) {
@ -287,7 +291,6 @@ pandora.ui.documentInfoView = function(data) {
itemsById[itemId].annotations = itemsById[itemId].annotations.concat(annotation); itemsById[itemId].annotations = itemsById[itemId].annotations.concat(annotation);
}); });
var html = Ox.sortBy(Object.values(itemsById), 'title').map(function(item) { var html = Ox.sortBy(Object.values(itemsById), 'title').map(function(item) {
console.log('item', item)
return (item.referenced ? '<a href="/' + item.id + '/documents">' : '') return (item.referenced ? '<a href="/' + item.id + '/documents">' : '')
+ item.title //Ox.encodeHTMLEntities(item.title) + item.title //Ox.encodeHTMLEntities(item.title)
+ (item.referenced ? '</a>' : '') + (item.referenced ? '</a>' : '')
@ -360,7 +363,9 @@ pandora.ui.documentInfoView = function(data) {
function editMetadata(key, value) { function editMetadata(key, value) {
if (value != data[key]) { if (value != data[key]) {
var edit = {id: data.id}; var edit = {
id: isMultiple ? ui.collectionSelection : data.id,
};
if (key == 'title') { if (key == 'title') {
edit[key] = value; edit[key] = value;
} else if (listKeys.indexOf(key) >= 0) { } else if (listKeys.indexOf(key) >= 0) {
@ -369,17 +374,20 @@ pandora.ui.documentInfoView = function(data) {
edit[key] = value ? value : null; edit[key] = value ? value : null;
} }
pandora.api.editDocument(edit, function(result) { pandora.api.editDocument(edit, function(result) {
var src; if (!isMultiple) {
data[key] = result.data[key]; var src;
Ox.Request.clearCache(); // fixme: too much? can change filter/list etc data[key] = result.data[key];
if (result.data.id != data.id) { Ox.Request.clearCache(); // fixme: too much? can change filter/list etc
pandora.UI.set({document: result.data.id}); if (result.data.id != data.id) {
pandora.$ui.browser.value(data.id, 'id', result.data.id); pandora.UI.set({document: result.data.id});
pandora.$ui.browser.value(data.id, 'id', result.data.id);
}
//pandora.updateItemContext();
//pandora.$ui.browser.value(result.data.id, key, result.data[key]);
pandora.$ui.itemTitle
.options({title: '<b>' + (pandora.getDocumentTitle(result.data)) + '</b>'});
} }
//pandora.updateItemContext(); that.triggerEvent('change', Ox.extend({}, key, value));
//pandora.$ui.browser.value(result.data.id, key, result.data[key]);
pandora.$ui.itemTitle
.options({title: '<b>' + (pandora.getDocumentTitle(result.data)) + '</b>'});
}); });
} }
} }
@ -421,7 +429,11 @@ pandora.ui.documentInfoView = function(data) {
} else if (['type', 'publisher'].indexOf(key) > -1) { } else if (['type', 'publisher'].indexOf(key) > -1) {
ret = formatLink(value, key); ret = formatLink(value, key);
} else { } else {
ret = pandora.formatDocumentKey(Ox.getObjectById(pandora.site.documentKeys, key), data); if (isMixed[key]) {
ret = 'Mixed'
} else {
ret = pandora.formatDocumentKey(Ox.getObjectById(pandora.site.documentKeys, key), data);
}
} }
return ret; return ret;
} }
@ -533,7 +545,7 @@ pandora.ui.documentInfoView = function(data) {
format: function(value) { format: function(value) {
return formatValue(key, value); return formatValue(key, value);
}, },
placeholder: formatLight(Ox._('unknown')), placeholder: formatLight(Ox._(isMixed[key] ? 'mixed' : 'unknown')),
tooltip: canEdit ? pandora.getEditTooltip() : '', tooltip: canEdit ? pandora.getEditTooltip() : '',
value: getValue(key, data[key]) value: getValue(key, data[key])
}) })
@ -576,8 +588,12 @@ pandora.ui.documentInfoView = function(data) {
.css({background: $rightsLevelElement.css('background')}) .css({background: $rightsLevelElement.css('background')})
.data({OxColor: $rightsLevelElement.data('OxColor')}) .data({OxColor: $rightsLevelElement.data('OxColor')})
//renderCapabilities(rightsLevel); //renderCapabilities(rightsLevel);
pandora.api.editDocument({id: data.id, rightslevel: rightsLevel}, function(result) { var edit = {
// ... id: isMultiple ? ui.collectionSelection : data.id,
rightslevel: rightsLevel
};
pandora.api.editDocument(edit, function(result) {
that.triggerEvent('change', Ox.extend({}, 'rightslevel', rightsLevel));
}); });
} }
}) })

124
static/js/editDialog.js Normal file
View file

@ -0,0 +1,124 @@
'use strict';
pandora.ui.editDialog = function() {
var ui = pandora.user.ui,
hasChanged = false,
ids = ui.listSelection.filter(function(id) {
return pandora.$ui.list.value(id, 'editable');
}),
keys = pandora.site.itemKeys.filter(function(key) {
return key.id != '*'
}).map(function(key) {
return key.id
}),
listKeys = pandora.site.itemKeys.filter(function(key) {
return Ox.isArray(key.type);
}).map(function(key){
return key.id;
}),
mixed = ' ',
separator = '; ',
tooltip = Ox._('Doubleclick to edit'),
$info = Ox.Element()
.addClass('OxSelectable')
.css({padding: '16px'});
var that = Ox.Dialog({
buttons: [
Ox.Button({
style: 'squared',
title: Ox._('Done')
})
.bindEvent({
click: function() {
if (!ui.updateResults && hasChanged) {
pandora.$ui.list.reloadList()
}
that.close();
}
})
],
closeButton: true,
content: Ox.LoadingScreen().start(),
height: 576,
removeOnClose: true,
title: Ox._('Edit Metadata for {0}', [
Ox.formatNumber(ids.length) + ' ' + Ox._(
ids.length == 1 ? pandora.site.itemName.singular : pandora.site.itemName.plural
)
]),
width: 768
}),
$updateCheckbox = Ox.Checkbox({
style: 'squared',
title: Ox._('Update Results in the Background'),
value: ui.updateResults
})
.css({
float: 'left',
margin: '4px'
})
.bindEvent({
change: function(data) {
pandora.UI.set({updateResults: data.value});
}
});
/*
$($updateCheckbox.find('.OxButton')[0]).css({margin: 0});
$(that.find('.OxBar')[1]).append($updateCheckbox);
*/
getMetadata();
function getMetadata(callback) {
pandora.api.find({
keys: keys,
query: {
conditions: ids.map(function(id) {
return {
key: 'id',
operator: '==',
value: id
};
}),
operator: '|'
}
}, function(result) {
var data = {},
isMixed = {},
items = result.data.items;
keys.forEach(function(key) {
var isArray = Ox.contains(listKeys, key),
values = items.map(function(item) {
return item[key];
});
if (isArray) {
values = values.map(function(value) {
return (value || []).join(separator);
});
}
if (Ox.unique(values).length > 1) {
isMixed[key] = true;
}
data[key] = isMixed[key] ? null
: isArray ? values[0].split(separator)
: values[0];
});
that.options({
content: pandora.ui.infoView(data, isMixed).bindEvent({
change: function() {
hasChanged = true;
Ox.Request.clearCache();
}
})
});
});
}
return that;
};

124
static/js/editDocumentsDialog.js Normal file
View file

@ -0,0 +1,124 @@
'use strict';
pandora.ui.editDocumentsDialog = function() {
var ui = pandora.user.ui,
hasChanged = false,
ids = ui.collectionSelection.filter(function(id) {
return pandora.$ui.list.value(id, 'editable');
}),
keys = pandora.site.documentKeys.filter(function(key) {
return key.id != '*'
}).map(function(key) {
return key.id
}),
listKeys = pandora.site.documentKeys.filter(function(key) {
return Ox.isArray(key.type);
}).map(function(key){
return key.id;
}),
mixed = ' ',
separator = '; ',
tooltip = Ox._('Doubleclick to edit'),
$info = Ox.Element()
.addClass('OxSelectable')
.css({padding: '16px'});
var that = Ox.Dialog({
buttons: [
Ox.Button({
style: 'squared',
title: Ox._('Done')
})
.bindEvent({
click: function() {
if (!ui.updateResults && hasChanged) {
pandora.$ui.list.reloadList()
}
that.close();
}
})
],
closeButton: true,
content: Ox.LoadingScreen().start(),
height: 576,
removeOnClose: true,
title: Ox._('Edit Metadata for {0}', [
Ox.formatNumber(ids.length) + ' ' + Ox._(
ids.length == 1 ? 'Document' : 'Documents'
)
]),
width: 768
}),
$updateCheckbox = Ox.Checkbox({
style: 'squared',
title: Ox._('Update Results in the Background'),
value: ui.updateResults
})
.css({
float: 'left',
margin: '4px'
})
.bindEvent({
change: function(data) {
pandora.UI.set({updateResults: data.value});
}
});
/*
$($updateCheckbox.find('.OxButton')[0]).css({margin: 0});
$(that.find('.OxBar')[1]).append($updateCheckbox);
*/
getMetadata();
function getMetadata(callback) {
pandora.api.findDocuments({
keys: keys,
query: {
conditions: ids.map(function(id) {
return {
key: 'id',
operator: '==',
value: id
};
}),
operator: '|'
}
}, function(result) {
var data = {},
isMixed = {},
items = result.data.items;
keys.forEach(function(key) {
var isArray = Ox.contains(listKeys, key),
values = items.map(function(item) {
return item[key];
});
if (isArray) {
values = values.map(function(value) {
return (value || []).join(separator);
});
}
if (Ox.unique(values).length > 1) {
isMixed[key] = true;
}
console.log(key, values)
data[key] = isMixed[key] ? null
: isArray && values.length ? values[0].split(separator)
: values[0];
});
that.options({
content: pandora.ui.documentInfoView(data, isMixed).bindEvent({
change: function() {
hasChanged = true;
Ox.Request.clearCache();
}
})
});
});
}
return that;
};

205
static/js/infoView.0xdb.js
View file

@ -1,14 +1,16 @@
'use strict'; 'use strict';
pandora.ui.infoView = function(data) { pandora.ui.infoView = function(data, isMixed) {
isMixed = isMixed || {};
// fixme: given that currently, the info view doesn't scroll into view nicely // fixme: given that currently, the info view doesn't scroll into view nicely
// when collapsing the movies browser, the info view should become a split panel // when collapsing the movies browser, the info view should become a split panel
var ui = pandora.user.ui, var ui = pandora.user.ui,
canEdit = pandora.hasCapability('canEditMetadata'), isMultiple = arguments.length == 2,
canEdit = pandora.hasCapability('canEditMetadata') || isMultiple || data.editable,
canRemove = pandora.hasCapability('canRemoveItems'), canRemove = pandora.hasCapability('canRemoveItems'),
canSeeAllMetadata = pandora.user.level != 'guest', canSeeAllMetadata = pandora.user.level != 'guest' && !isMultiple,
css = { css = {
marginTop: '4px', marginTop: '4px',
textAlign: 'justify' textAlign: 'justify'
@ -16,12 +18,15 @@ pandora.ui.infoView = function(data) {
iconRatio = ui.icons == 'posters' ? ( iconRatio = ui.icons == 'posters' ? (
ui.showSitePosters ? pandora.site.posters.ratio : data.posterRatio ui.showSitePosters ? pandora.site.posters.ratio : data.posterRatio
) : 1, ) : 1,
iconSize = ui.infoIconSize, iconSize = isMultiple ? 0 : ui.infoIconSize,
iconWidth = iconRatio > 1 ? iconSize : Math.round(iconSize * iconRatio), iconWidth = isMultiple ? 0 : iconRatio > 1 ? iconSize : Math.round(iconSize * iconRatio),
iconHeight = iconRatio < 1 ? iconSize : Math.round(iconSize / iconRatio), iconHeight = iconRatio < 1 ? iconSize : Math.round(iconSize / iconRatio),
iconLeft = iconSize == 256 ? Math.floor((iconSize - iconWidth) / 2) : 0, iconLeft = iconSize == 256 ? Math.floor((iconSize - iconWidth) / 2) : 0,
borderRadius = ui.icons == 'posters' ? 0 : iconSize / 8, borderRadius = ui.icons == 'posters' ? 0 : iconSize / 8,
isEditable = canEdit && data.id.slice(0, 2) == '0x', isEditable = canEdit && (isMultiple
? !ui.listSelection.some(function(id) { return id.slice(0, 2) != '0x' })
: data.id.slice(0, 2) == '0x'
),
listWidth = 144 + Ox.UI.SCROLLBAR_SIZE, listWidth = 144 + Ox.UI.SCROLLBAR_SIZE,
margin = 16, margin = 16,
statisticsWidth = 128, statisticsWidth = 128,
@ -101,7 +106,7 @@ pandora.ui.infoView = function(data) {
that = Ox.SplitPanel({ that = Ox.SplitPanel({
elements: [ elements: [
{element: $bar, size: 16}, {element: $bar, size: isMultiple ? 0 : 16},
{element: $main} {element: $main}
], ],
orientation: 'vertical' orientation: 'vertical'
@ -126,73 +131,75 @@ pandora.ui.infoView = function(data) {
right: 0, right: 0,
height: getHeight() + 'px' height: getHeight() + 'px'
}) })
.appendTo($info), .appendTo($info);
$icon = Ox.Element({ if (!isMultiple) {
element: '<img>', var $icon = Ox.Element({
tooltip: canEdit ? ( element: '<img>',
!ui.showIconBrowser tooltip: canEdit ? (
? Ox._('Doubleclick to edit icon') !ui.showIconBrowser
: Ox._('Doubleclick to hide icons') ? Ox._('Doubleclick to edit icon')
) : '' : Ox._('Doubleclick to hide icons')
}) ) : ''
.attr({ })
src: pandora.getMediaURL('/' + data.id + '/' + ( .attr({
ui.icons == 'posters' src: pandora.getMediaURL('/' + data.id + '/' + (
? (ui.showSitePosters ? 'siteposter' : 'poster') : 'icon' ui.icons == 'posters'
) + '512.jpg?' + data.modified) ? (ui.showSitePosters ? 'siteposter' : 'poster') : 'icon'
}) ) + '512.jpg?' + data.modified)
.css({ })
position: 'absolute', .css({
left: margin + iconLeft + 'px', position: 'absolute',
top: margin + 'px', left: margin + iconLeft + 'px',
width: iconWidth + 'px', top: margin + 'px',
height: iconHeight + 'px', width: iconWidth + 'px',
borderRadius: borderRadius + 'px', height: iconHeight + 'px',
cursor: 'pointer' borderRadius: borderRadius + 'px',
}) cursor: 'pointer'
.bindEvent({ })
singleclick: toggleIconSize .bindEvent({
}) singleclick: toggleIconSize
.appendTo($data.$element), })
.appendTo($data.$element),
$reflection = $('<div>') $reflection = $('<div>')
.addClass('OxReflection') .addClass('OxReflection')
.css({ .css({
position: 'absolute', position: 'absolute',
left: margin + 'px', left: margin + 'px',
top: margin + iconHeight + 'px', top: margin + iconHeight + 'px',
width: iconSize + 'px', width: iconSize + 'px',
height: Math.round(iconSize / 2) + 'px', height: Math.round(iconSize / 2) + 'px',
overflow: 'hidden' overflow: 'hidden'
}) })
.appendTo($data.$element), .appendTo($data.$element),
$reflectionIcon = $('<img>') $reflectionIcon = $('<img>')
.attr({ .attr({
src: pandora.getMediaURL('/' + data.id + '/' + ( src: pandora.getMediaURL('/' + data.id + '/' + (
ui.icons == 'posters' ui.icons == 'posters'
? (ui.showSitePosters ? 'siteposter' : 'poster') : 'icon' ? (ui.showSitePosters ? 'siteposter' : 'poster') : 'icon'
) + '512.jpg?' + data.modified) ) + '512.jpg?' + data.modified)
}) })
.css({ .css({
position: 'absolute', position: 'absolute',
left: iconLeft + 'px', left: iconLeft + 'px',
width: iconWidth + 'px', width: iconWidth + 'px',
height: iconHeight + 'px', height: iconHeight + 'px',
borderRadius: borderRadius + 'px' borderRadius: borderRadius + 'px'
}) })
.appendTo($reflection), .appendTo($reflection),
$reflectionGradient = $('<div>') $reflectionGradient = $('<div>')
.css({ .css({
position: 'absolute', position: 'absolute',
width: iconSize + 'px', width: iconSize + 'px',
height: Math.round(iconSize / 2) + 'px' height: Math.round(iconSize / 2) + 'px'
}) })
.appendTo($reflection), .appendTo($reflection);
}
$text = Ox.Element() var $text = Ox.Element()
.addClass('OxTextPage') .addClass('OxTextPage')
.css({ .css({
position: 'absolute', position: 'absolute',
@ -228,7 +235,7 @@ pandora.ui.infoView = function(data) {
pandora.createLinks($text); pandora.createLinks($text);
// Title ------------------------------------------------------------------- // Title -------------------------------------------------------------------
if (!isMultiple) {
$('<div>') $('<div>')
.css({ .css({
marginTop: '-2px' marginTop: '-2px'
@ -255,6 +262,7 @@ pandora.ui.infoView = function(data) {
}) })
) )
.appendTo($text); .appendTo($text);
}
// Director ---------------------------------------------------------------- // Director ----------------------------------------------------------------
@ -270,7 +278,7 @@ pandora.ui.infoView = function(data) {
format: function(value) { format: function(value) {
return formatValue(value.split(', '), 'name'); return formatValue(value.split(', '), 'name');
}, },
placeholder: formatLight(Ox._('Unknown Director')), placeholder: formatLight(Ox._(isMixed.director ? 'Mixed Director' : 'Unknown Director')),
tooltip: isEditable ? pandora.getEditTooltip() : '', tooltip: isEditable ? pandora.getEditTooltip() : '',
value: data.director ? data.director.join(', ') : '' value: data.director ? data.director.join(', ') : ''
}) })
@ -306,7 +314,7 @@ pandora.ui.infoView = function(data) {
format: function(value) { format: function(value) {
return formatValue(value.split(', '), key) return formatValue(value.split(', '), key)
}, },
placeholder: formatLight('unknown'), placeholder: formatLight(isMixed[key] ? 'mixed' : 'unknown'),
tooltip: pandora.getEditTooltip(), tooltip: pandora.getEditTooltip(),
value: key == 'country' value: key == 'country'
? (data[key] ? data[key].join(', ') : ['']) ? (data[key] ? data[key].join(', ') : [''])
@ -320,7 +328,7 @@ pandora.ui.infoView = function(data) {
}) })
.appendTo($div); .appendTo($div);
}); });
} else if (data.country || data.year || data.language || data.runtime || data.color || data.sound) { } else if (!isMultiple && (data.country || data.year || data.language || data.runtime || data.color || data.sound)) {
var html = []; var html = [];
['country', 'year', 'language', 'runtime', 'color', 'sound'].forEach(function(key) { ['country', 'year', 'language', 'runtime', 'color', 'sound'].forEach(function(key) {
if (data[key]) { if (data[key]) {
@ -379,7 +387,7 @@ pandora.ui.infoView = function(data) {
key == 'episodeDirector' ? 'name' : 'year' key == 'episodeDirector' ? 'name' : 'year'
); );
}, },
placeholder: formatLight('unknown'), placeholder: formatLight(Ox._(isMixed[key] ? 'mixed' : 'unknown')),
tooltip: pandora.getEditTooltip(), tooltip: pandora.getEditTooltip(),
value: key == 'episodeDirector' value: key == 'episodeDirector'
? (data[key] ? data[key].join(', ') : ['']) ? (data[key] ? data[key].join(', ') : [''])
@ -393,7 +401,7 @@ pandora.ui.infoView = function(data) {
}) })
.appendTo($div); .appendTo($div);
}); });
} else if (data.episodeDirector || data.writer || data.producer || data.cinematographer || data.editor) { } else if (!isMultiple && (data.episodeDirector || data.writer || data.producer || data.cinematographer || data.editor)) {
$div = $('<div>') $div = $('<div>')
.addClass('OxSelectable') .addClass('OxSelectable')
.css(css) .css(css)
@ -435,7 +443,7 @@ pandora.ui.infoView = function(data) {
.appendTo($text); .appendTo($text);
} }
if (data.genre || (data.keyword && canSeeAllMetadata)) { if (!isMultiple && (data.genre || (data.keyword && canSeeAllMetadata))) {
$div = $('<div>') $div = $('<div>')
.addClass('OxSelectable') .addClass('OxSelectable')
.css(css) .css(css)
@ -456,8 +464,7 @@ pandora.ui.infoView = function(data) {
.html(formatKey('summary') + data.summary) .html(formatKey('summary') + data.summary)
.appendTo($text); .appendTo($text);
if (canSeeAllMetadata) { if (!isMultiple && canSeeAllMetadata) {
data.trivia && data.trivia.forEach(function(value) { data.trivia && data.trivia.forEach(function(value) {
$('<div>') $('<div>')
.css({ .css({
@ -570,7 +577,7 @@ pandora.ui.infoView = function(data) {
$('<div>').css({height: '16px'}).appendTo($text); $('<div>').css({height: '16px'}).appendTo($text);
// Mainstream Score, Arthouse Score ---------------------------------------- // Mainstream Score, Arthouse Score ----------------------------------------
if (!isMultiple) {
['votes', 'likes'].forEach(function(key) { ['votes', 'likes'].forEach(function(key) {
var value = data[key] || 0; var value = data[key] || 0;
$('<div>') $('<div>')
@ -597,7 +604,6 @@ pandora.ui.infoView = function(data) {
}); });
// Duration, Aspect Ratio -------------------------------------------------- // Duration, Aspect Ratio --------------------------------------------------
['duration', 'aspectratio'].forEach(function(key) { ['duration', 'aspectratio'].forEach(function(key) {
var itemKey = Ox.getObjectById(pandora.site.itemKeys, key), var itemKey = Ox.getObjectById(pandora.site.itemKeys, key),
value = data[key] || 0; value = data[key] || 0;
@ -669,6 +675,7 @@ pandora.ui.infoView = function(data) {
) )
.appendTo($statistics); .appendTo($statistics);
}); });
}
// Rights Level ------------------------------------------------------------ // Rights Level ------------------------------------------------------------
@ -689,7 +696,7 @@ pandora.ui.infoView = function(data) {
.append( .append(
Ox.EditableContent({ Ox.EditableContent({
clickLink: pandora.clickLink, clickLink: pandora.clickLink,
placeholder: formatLight(Ox._('No notes')), placeholder: formatLight(Ox._(isMixed.notes ? 'Mixed notes' : 'No notes')),
tooltip: pandora.getEditTooltip(), tooltip: pandora.getEditTooltip(),
type: 'textarea', type: 'textarea',
value: data.notes || '', value: data.notes || '',
@ -697,12 +704,7 @@ pandora.ui.infoView = function(data) {
}) })
.bindEvent({ .bindEvent({
submit: function(event) { submit: function(event) {
pandora.api.edit({ editMetadata('notes', event.value);
id: data.id,
notes: event.value
}, function(result) {
// ...
});
} }
}) })
) )
@ -711,7 +713,7 @@ pandora.ui.infoView = function(data) {
$('<div>').css({height: '16px'}).appendTo($statistics); $('<div>').css({height: '16px'}).appendTo($statistics);
if (canEdit) { if (canEdit && !isMultiple) {
$icon.bindEvent({ $icon.bindEvent({
doubleclick: function() { doubleclick: function() {
pandora.UI.set({showIconBrowser: !ui.showIconBrowser}); pandora.UI.set({showIconBrowser: !ui.showIconBrowser});
@ -730,7 +732,7 @@ pandora.ui.infoView = function(data) {
function editMetadata(key, value) { function editMetadata(key, value) {
if (value != data[key]) { if (value != data[key]) {
var edit = {id: data.id}; var edit = {id: isMultiple ? ui.listSelection : data.id};
if (key == 'title') { if (key == 'title') {
Ox.extend(edit, parseTitle(value)); Ox.extend(edit, parseTitle(value));
} else if (['director', 'country'].indexOf(key) > -1) { } else if (['director', 'country'].indexOf(key) > -1) {
@ -739,14 +741,17 @@ pandora.ui.infoView = function(data) {
edit[key] = value; edit[key] = value;
} }
pandora.api.edit(edit, function(result) { pandora.api.edit(edit, function(result) {
if (result.data.id != data.id) { if (!isMultiple) {
Ox.Request.clearCache(); // fixme: too much if (result.data.id != data.id) {
pandora.UI.set({item: result.data.id}); Ox.Request.clearCache(); // fixme: too much
pandora.$ui.browser.value(data.id, 'id', result.data.id); pandora.UI.set({item: result.data.id});
// FIXME: does this update selected? pandora.$ui.browser.value(data.id, 'id', result.data.id);
// FIXME: does this update selected?
}
pandora.updateItemContext();
pandora.$ui.browser.value(result.data.id, key, result.data[key]);
} }
pandora.updateItemContext(); that.triggerEvent('change', Ox.extend({}, key, value));
pandora.$ui.browser.value(result.data.id, key, result.data[key]);
}); });
} }
} }
@ -1059,8 +1064,12 @@ pandora.ui.infoView = function(data) {
.css({background: $rightsLevelElement.css('background')}) .css({background: $rightsLevelElement.css('background')})
.data({OxColor: $rightsLevelElement.data('OxColor')}) .data({OxColor: $rightsLevelElement.data('OxColor')})
renderCapabilities(rightsLevel); renderCapabilities(rightsLevel);
pandora.api.edit({id: data.id, rightslevel: rightsLevel}, function(result) { var edit = {
// ... id: isMultiple ? ui.listSelection : data.id,
rightslevel: rightsLevel
};
pandora.api.edit(edit, function(result) {
that.triggerEvent('change', Ox.extend({}, 'rightslevel', rightsLevel));
}); });
} }
}) })

213
static/js/infoView.indiancinema.js
View file

@ -1,9 +1,11 @@
'use strict'; 'use strict';
pandora.ui.infoView = function(data) { pandora.ui.infoView = function(data, isMixed) {
isMixed = isMixed || {};
var ui = pandora.user.ui, var ui = pandora.user.ui,
canEdit = pandora.hasCapability('canEditMetadata'), isMultiple = arguments.length == 2,
canEdit = pandora.hasCapability('canEditMetadata') || isMultiple || data.editable,
canRemove = pandora.hasCapability('canRemoveItems'), canRemove = pandora.hasCapability('canRemoveItems'),
canSeeAllMetadata = pandora.user.level != 'guest', canSeeAllMetadata = pandora.user.level != 'guest',
css = { css = {
@ -13,8 +15,8 @@ pandora.ui.infoView = function(data) {
iconRatio = ui.icons == 'posters' ? ( iconRatio = ui.icons == 'posters' ? (
ui.showSitePosters ? pandora.site.posters.ratio : data.posterRatio ui.showSitePosters ? pandora.site.posters.ratio : data.posterRatio
) : 1, ) : 1,
iconSize = ui.infoIconSize, iconSize = isMultiple ? 0 : ui.infoIconSize,
iconWidth = iconRatio > 1 ? iconSize : Math.round(iconSize * iconRatio), iconWidth = isMultiple ? 0 : iconRatio > 1 ? iconSize : Math.round(iconSize * iconRatio),
iconHeight = iconRatio < 1 ? iconSize : Math.round(iconSize / iconRatio), iconHeight = iconRatio < 1 ? iconSize : Math.round(iconSize / iconRatio),
iconLeft = iconSize == 256 ? Math.floor((iconSize - iconWidth) / 2) : 0, iconLeft = iconSize == 256 ? Math.floor((iconSize - iconWidth) / 2) : 0,
borderRadius = ui.icons == 'posters' ? 0 : iconSize / 8, borderRadius = ui.icons == 'posters' ? 0 : iconSize / 8,
@ -133,71 +135,73 @@ pandora.ui.infoView = function(data) {
that = Ox.SplitPanel({ that = Ox.SplitPanel({
elements: [ elements: [
{element: $bar, size: 16}, {element: $bar, size: isMultiple ? 0 : 16},
{element: $info} {element: $info}
], ],
orientation: 'vertical' orientation: 'vertical'
}), });
$icon = Ox.Element({ if (!isMultiple) {
element: '<img>' var $icon = Ox.Element({
}) element: '<img>'
.attr({ })
src: pandora.getMediaURL('/' + data.id + '/' + ( .attr({
ui.icons == 'posters' ? 'poster' : 'icon' src: pandora.getMediaURL('/' + data.id + '/' + (
) + '512.jpg?' + data.modified) ui.icons == 'posters' ? 'poster' : 'icon'
}) ) + '512.jpg?' + data.modified)
.css({ })
position: 'absolute', .css({
left: margin + iconLeft + 'px', position: 'absolute',
top: margin + 'px', left: margin + iconLeft + 'px',
width: iconWidth + 'px', top: margin + 'px',
height: iconHeight + 'px', width: iconWidth + 'px',
borderRadius: borderRadius + 'px', height: iconHeight + 'px',
cursor: 'pointer' borderRadius: borderRadius + 'px',
}) cursor: 'pointer'
.bindEvent({ })
singleclick: toggleIconSize .bindEvent({
}) singleclick: toggleIconSize
.appendTo($info), })
.appendTo($info),
$reflection = $('<div>') $reflection = $('<div>')
.addClass('OxReflection') .addClass('OxReflection')
.css({ .css({
position: 'absolute', position: 'absolute',
left: margin + 'px', left: margin + 'px',
top: margin + iconHeight + 'px', top: margin + iconHeight + 'px',
width: iconSize + 'px', width: iconSize + 'px',
height: Math.round(iconSize / 2) + 'px', height: Math.round(iconSize / 2) + 'px',
overflow: 'hidden' overflow: 'hidden'
}) })
.appendTo($info), .appendTo($info),
$reflectionIcon = $('<img>') $reflectionIcon = $('<img>')
.attr({ .attr({
src: pandora.getMediaURL('/' + data.id + '/' + ( src: pandora.getMediaURL('/' + data.id + '/' + (
ui.icons == 'posters' ui.icons == 'posters'
? (ui.showSitePosters ? 'siteposter' : 'poster') : 'icon' ? (ui.showSitePosters ? 'siteposter' : 'poster') : 'icon'
) + '512.jpg?' + data.modified) ) + '512.jpg?' + data.modified)
}) })
.css({ .css({
position: 'absolute', position: 'absolute',
left: iconLeft + 'px', left: iconLeft + 'px',
width: iconWidth + 'px', width: iconWidth + 'px',
height: iconHeight + 'px', height: iconHeight + 'px',
borderRadius: borderRadius + 'px' borderRadius: borderRadius + 'px'
}) })
.appendTo($reflection), .appendTo($reflection),
$reflectionGradient = $('<div>') $reflectionGradient = $('<div>')
.css({ .css({
position: 'absolute', position: 'absolute',
width: iconSize + 'px', width: iconSize + 'px',
height: Math.round(iconSize / 2) + 'px' height: Math.round(iconSize / 2) + 'px'
}) })
.appendTo($reflection), .appendTo($reflection);
}
$text = Ox.Element() var $text = Ox.Element()
.addClass('OxTextPage') .addClass('OxTextPage')
.css({ .css({
position: 'absolute', position: 'absolute',
@ -243,6 +247,7 @@ pandora.ui.infoView = function(data) {
}); });
// Title ------------------------------------------------------------------- // Title -------------------------------------------------------------------
if (!isMultiple) {
$('<div>') $('<div>')
.css({ .css({
@ -270,6 +275,7 @@ pandora.ui.infoView = function(data) {
}) })
) )
.appendTo($text); .appendTo($text);
}
// Director ---------------------------------------------------------------- // Director ----------------------------------------------------------------
@ -285,7 +291,7 @@ pandora.ui.infoView = function(data) {
format: function(value) { format: function(value) {
return formatLink(value.split(', '), 'name'); return formatLink(value.split(', '), 'name');
}, },
placeholder: formatLight(Ox._('Unknown Director')), placeholder: formatLight(Ox._(isMixed.director ? 'Mixed Director' : 'Unknown Director')),
tooltip: canEdit ? pandora.getEditTooltip() : '', tooltip: canEdit ? pandora.getEditTooltip() : '',
value: data.director ? data.director.join(', ') : '' value: data.director ? data.director.join(', ') : ''
}) })
@ -355,7 +361,7 @@ pandora.ui.infoView = function(data) {
'<img style="float: left; max-width: 256px; max-height: 256px; margin: 0 16px 16px 0" src=' '<img style="float: left; max-width: 256px; max-height: 256px; margin: 0 16px 16px 0" src='
); );
}, },
placeholder: formatLight(Ox._('No Summary')), placeholder: formatLight(Ox._(isMixed.summary ? 'Mixed Summary' : 'No Summary')),
tooltip: canEdit ? pandora.getEditTooltip() : '', tooltip: canEdit ? pandora.getEditTooltip() : '',
type: 'textarea', type: 'textarea',
value: data.summary || '' value: data.summary || ''
@ -435,7 +441,7 @@ pandora.ui.infoView = function(data) {
'<img style="float: left; max-width: 256px; max-height: 256px; margin: 0 16px 16px 0" src=' '<img style="float: left; max-width: 256px; max-height: 256px; margin: 0 16px 16px 0" src='
); );
}, },
placeholder: formatLight(Ox._('No Songs')), placeholder: formatLight(Ox._(isMixed.songs ? 'Mixed Songs' : 'No Songs')),
tooltip: canEdit ? pandora.getEditTooltip() : '', tooltip: canEdit ? pandora.getEditTooltip() : '',
type: 'textarea', type: 'textarea',
value: data.songs || '' value: data.songs || ''
@ -455,6 +461,7 @@ pandora.ui.infoView = function(data) {
} }
// Descriptions ------------------------------------------------------------ // Descriptions ------------------------------------------------------------
if (!isMultiple) {
$descriptions = $('<div>').attr({id: 'descriptions'}).appendTo($text); $descriptions = $('<div>').attr({id: 'descriptions'}).appendTo($text);
@ -550,6 +557,8 @@ pandora.ui.infoView = function(data) {
// no video placeholder // no video placeholder
} }
}
// Rights Level ------------------------------------------------------------ // Rights Level ------------------------------------------------------------
var $rightsLevel = $('<div>'); var $rightsLevel = $('<div>');
@ -581,7 +590,7 @@ pandora.ui.infoView = function(data) {
.append( .append(
Ox.EditableContent({ Ox.EditableContent({
clickLink: pandora.clickLink, clickLink: pandora.clickLink,
placeholder: formatLight(Ox._('No comments')), placeholder: formatLight(Ox._(isMixed.comments ? 'Mixed comments' : 'No comments')),
tooltip: pandora.getEditTooltip(), tooltip: pandora.getEditTooltip(),
type: 'textarea', type: 'textarea',
value: data.comments || '', value: data.comments || '',
@ -589,12 +598,7 @@ pandora.ui.infoView = function(data) {
}) })
.bindEvent({ .bindEvent({
submit: function(event) { submit: function(event) {
pandora.api.edit({ editMetadata('comments', event.value);
id: data.id,
comments: event.value
}, function(result) {
// ...
});
} }
}) })
) )
@ -605,7 +609,7 @@ pandora.ui.infoView = function(data) {
function editMetadata(key, value) { function editMetadata(key, value) {
if (value != data[key]) { if (value != data[key]) {
var edit = {id: data.id}; var edit = {id: isMultiple ? ui.listSelection : data.id};
if (key == 'alternativeTitles') { if (key == 'alternativeTitles') {
edit[key] = value ? Ox.decodeHTMLEntities(value).split('; ').map(function(value) { edit[key] = value ? Ox.decodeHTMLEntities(value).split('; ').map(function(value) {
return [Ox.encodeHTMLEntities(value), []]; return [Ox.encodeHTMLEntities(value), []];
@ -629,33 +633,36 @@ pandora.ui.infoView = function(data) {
edit[key] = value; edit[key] = value;
} }
pandora.api.edit(edit, function(result) { pandora.api.edit(edit, function(result) {
var src; if (!isMultiple) {
data[key] = result.data[key]; var src;
if (result.data.id != data.id) { data[key] = result.data[key];
Ox.Request.clearCache(); // fixme: too much if (result.data.id != data.id) {
pandora.UI.set({item: result.data.id}); Ox.Request.clearCache(); // fixme: too much
pandora.$ui.browser.value(data.id, 'id', result.data.id); pandora.UI.set({item: result.data.id});
} else { pandora.$ui.browser.value(data.id, 'id', result.data.id);
Ox.Request.clearCache('autocomplete'); } else {
} Ox.Request.clearCache('autocomplete');
pandora.updateItemContext(); }
pandora.$ui.browser.value(result.data.id, key, result.data[key]); pandora.updateItemContext();
if (Ox.contains(posterKeys, key) && ui.icons == 'posters') { pandora.$ui.browser.value(result.data.id, key, result.data[key]);
src = pandora.getMediaURL('/' + data.id + '/poster512.jpg?' + Ox.uid()); if (Ox.contains(posterKeys, key) && ui.icons == 'posters') {
$icon.attr({src: src}); src = pandora.getMediaURL('/' + data.id + '/poster512.jpg?' + Ox.uid());
$reflectionIcon.attr({src: src}); $icon.attr({src: src});
} $reflectionIcon.attr({src: src});
if (Ox.contains(nameKeys, key)) { }
data['namedescription'] = result.data['namedescription']; if (Ox.contains(nameKeys, key)) {
descriptions.names = getNames(); data['namedescription'] = result.data['namedescription'];
renderDescriptions(); descriptions.names = getNames();
} else if (key == 'productionCompany') { renderDescriptions();
data['productionCompanydescription'] = result.data['productionCompanydescription']; } else if (key == 'productionCompany') {
descriptions.studios = getStudios(); data['productionCompanydescription'] = result.data['productionCompanydescription'];
renderDescriptions(); descriptions.studios = getStudios();
} else if (key == 'imdbId') { renderDescriptions();
updateIMDb(); } else if (key == 'imdbId') {
updateIMDb();
}
} }
that.triggerEvent('change', Ox.extend({}, key, value));
}); });
} }
} }
@ -1060,7 +1067,7 @@ pandora.ui.infoView = function(data) {
format: function(value) { format: function(value) {
return formatValue(key, value); return formatValue(key, value);
}, },
placeholder: formatLight(Ox._('unknown')), placeholder: formatLight(Ox._(isMixed[key] ? 'mixed': 'unknown')),
tooltip: canEdit ? pandora.getEditTooltip() : '', tooltip: canEdit ? pandora.getEditTooltip() : '',
value: getValue(key, data[key]) value: getValue(key, data[key])
}) })
@ -1130,8 +1137,12 @@ pandora.ui.infoView = function(data) {
.css({background: $rightsLevelElement.css('background')}) .css({background: $rightsLevelElement.css('background')})
.data({OxColor: $rightsLevelElement.data('OxColor')}) .data({OxColor: $rightsLevelElement.data('OxColor')})
// renderCapabilities(rightsLevel); // renderCapabilities(rightsLevel);
pandora.api.edit({id: data.id, rightslevel: rightsLevel}, function(result) { var edit = {
// ... id: isMultiple ? ui.listSelection : data.id,
rightslevel: rightsLevel
};
pandora.api.edit(edit, function(result) {
that.triggerEvent('change', Ox.extend({}, 'rightslevel', rightsLevel));
}); });
} }
}) })

264
static/js/infoView.js
View file

@ -1,10 +1,12 @@
'use strict'; 'use strict';
pandora.ui.infoView = function(data) { pandora.ui.infoView = function(data, isMixed) {
isMixed = isMixed || {};
var ui = pandora.user.ui, var ui = pandora.user.ui,
descriptions = [], descriptions = [],
canEdit = pandora.hasCapability('canEditMetadata') || data.editable, isMultiple = arguments.length == 2,
canEdit = pandora.hasCapability('canEditMetadata') || isMultiple || data.editable,
canRemove = pandora.hasCapability('canRemoveItems'), canRemove = pandora.hasCapability('canRemoveItems'),
css = { css = {
marginTop: '4px', marginTop: '4px',
@ -12,10 +14,10 @@ pandora.ui.infoView = function(data) {
}, },
html, html,
iconRatio = ui.icons == 'posters' ? data.posterRatio : 1, iconRatio = ui.icons == 'posters' ? data.posterRatio : 1,
iconSize = ui.infoIconSize, iconSize = isMultiple ? 0 : ui.infoIconSize,
iconWidth = iconRatio > 1 ? iconSize : Math.round(iconSize * iconRatio), iconWidth = isMultiple ? 0 : iconRatio > 1 ? iconSize : Math.round(iconSize * iconRatio),
iconHeight = iconRatio < 1 ? iconSize : Math.round(iconSize / iconRatio), iconHeight = iconRatio < 1 ? iconSize : Math.round(iconSize / iconRatio),
iconLeft = iconSize == 256 ? Math.floor((iconSize - iconWidth) / 2) : 0, iconLeft = isMultiple ? 0 : iconSize == 256 ? Math.floor((iconSize - iconWidth) / 2) : 0,
borderRadius = ui.icons == 'posters' ? 0 : iconSize / 8, borderRadius = ui.icons == 'posters' ? 0 : iconSize / 8,
margin = 16, margin = 16,
nameKeys = pandora.site.itemKeys.filter(function(key) { nameKeys = pandora.site.itemKeys.filter(function(key) {
@ -98,70 +100,72 @@ pandora.ui.infoView = function(data) {
that = Ox.SplitPanel({ that = Ox.SplitPanel({
elements: [ elements: [
{element: $bar, size: 16}, {element: $bar, size: isMultiple ? 0 : 16},
{element: $info} {element: $info}
], ],
orientation: 'vertical' orientation: 'vertical'
}), });
$icon = Ox.Element({ if (!isMultiple) {
element: '<img>', var $icon = Ox.Element({
}) element: '<img>',
.attr({ })
src: '/' + data.id + '/' + ( .attr({
ui.icons == 'posters' ? 'poster' : 'icon' src: '/' + data.id + '/' + (
) + '512.jpg?' + data.modified ui.icons == 'posters' ? 'poster' : 'icon'
}) ) + '512.jpg?' + data.modified
.css({ })
position: 'absolute', .css({
left: margin + iconLeft + 'px', position: 'absolute',
top: margin + 'px', left: margin + iconLeft + 'px',
width: iconWidth + 'px', top: margin + 'px',
height: iconHeight + 'px', width: iconWidth + 'px',
borderRadius: borderRadius + 'px', height: iconHeight + 'px',
cursor: 'pointer' borderRadius: borderRadius + 'px',
}) cursor: 'pointer'
.bindEvent({ })
singleclick: toggleIconSize .bindEvent({
}) singleclick: toggleIconSize
.appendTo($info), })
.appendTo($info),
$reflection = $('<div>') $reflection = $('<div>')
.addClass('OxReflection') .addClass('OxReflection')
.css({ .css({
position: 'absolute', position: 'absolute',
left: margin + 'px', left: margin + 'px',
top: margin + iconHeight + 'px', top: margin + iconHeight + 'px',
width: iconSize + 'px', width: iconSize + 'px',
height: iconSize / 2 + 'px', height: iconSize / 2 + 'px',
overflow: 'hidden' overflow: 'hidden'
}) })
.appendTo($info), .appendTo($info),
$reflectionIcon = $('<img>') $reflectionIcon = $('<img>')
.attr({ .attr({
src: '/' + data.id + '/' + ( src: '/' + data.id + '/' + (
ui.icons == 'posters' ? 'poster' : 'icon' ui.icons == 'posters' ? 'poster' : 'icon'
) + '512.jpg?' + data.modified ) + '512.jpg?' + data.modified
}) })
.css({ .css({
position: 'absolute', position: 'absolute',
left: iconLeft + 'px', left: iconLeft + 'px',
width: iconWidth + 'px', width: iconWidth + 'px',
height: iconHeight + 'px', height: iconHeight + 'px',
borderRadius: borderRadius + 'px' borderRadius: borderRadius + 'px'
}) })
.appendTo($reflection), .appendTo($reflection),
$reflectionGradient = $('<div>') $reflectionGradient = $('<div>')
.css({ .css({
position: 'absolute', position: 'absolute',
width: iconSize + 'px', width: iconSize + 'px',
height: iconSize / 2 + 'px' height: iconSize / 2 + 'px'
}) })
.appendTo($reflection), .appendTo($reflection);
}
$text = Ox.Element() var $text = Ox.Element()
.addClass('OxTextPage') .addClass('OxTextPage')
.css({ .css({
position: 'absolute', position: 'absolute',
@ -248,7 +252,7 @@ pandora.ui.infoView = function(data) {
); );
}, },
maxHeight: Infinity, maxHeight: Infinity,
placeholder: formatLight(Ox._('No Summary')), placeholder: formatLight(Ox._( isMixed.summary ? 'Mixed Summary' : 'No Summary')),
tooltip: canEdit ? pandora.getEditTooltip() : '', tooltip: canEdit ? pandora.getEditTooltip() : '',
type: 'textarea', type: 'textarea',
value: data.summary || '' value: data.summary || ''
@ -268,49 +272,50 @@ pandora.ui.infoView = function(data) {
} }
// Duration, Aspect Ratio -------------------------------------------------- // Duration, Aspect Ratio --------------------------------------------------
if (!isMultiple) {
['duration', 'aspectratio'].forEach(function(key) {
var itemKey = Ox.getObjectById(pandora.site.itemKeys, key),
value = data[key] || 0;
$('<div>')
.css({marginBottom: '4px'})
.append(formatKey(itemKey.title, 'statistics'))
.append(
Ox.Theme.formatColor(null, 'gradient')
.css({textAlign: 'right'})
.html(
Ox['format' + Ox.toTitleCase(itemKey.format.type)]
.apply(null, [value].concat(itemKey.format.args))
)
)
.appendTo($statistics);
});
// Hue, Saturation, Lightness, Volume --------------------------------------
['hue', 'saturation', 'lightness', 'volume'].forEach(function(key) {
$('<div>')
.css({marginBottom: '4px'})
.append(formatKey(key, 'statistics'))
.append(
Ox.Theme.formatColor(
data[key] || 0, key == 'volume' ? 'lightness' : key
).css({textAlign: 'right'})
)
.appendTo($statistics);
});
// Cuts per Minute ---------------------------------------------------------
['duration', 'aspectratio'].forEach(function(key) {
var itemKey = Ox.getObjectById(pandora.site.itemKeys, key),
value = data[key] || 0;
$('<div>') $('<div>')
.css({marginBottom: '4px'}) .css({marginBottom: '4px'})
.append(formatKey(itemKey.title, 'statistics')) .append(formatKey('cuts per minute', 'statistics'))
.append( .append(
Ox.Theme.formatColor(null, 'gradient') Ox.Theme.formatColor(null, 'gradient')
.css({textAlign: 'right'}) .css({textAlign: 'right'})
.html( .html(Ox.formatNumber(data['cutsperminute'] || 0, 3))
Ox['format' + Ox.toTitleCase(itemKey.format.type)]
.apply(null, [value].concat(itemKey.format.args))
)
) )
.appendTo($statistics); .appendTo($statistics);
}); }
// Hue, Saturation, Lightness, Volume --------------------------------------
['hue', 'saturation', 'lightness', 'volume'].forEach(function(key) {
$('<div>')
.css({marginBottom: '4px'})
.append(formatKey(key, 'statistics'))
.append(
Ox.Theme.formatColor(
data[key] || 0, key == 'volume' ? 'lightness' : key
).css({textAlign: 'right'})
)
.appendTo($statistics);
});
// Cuts per Minute ---------------------------------------------------------
$('<div>')
.css({marginBottom: '4px'})
.append(formatKey('cuts per minute', 'statistics'))
.append(
Ox.Theme.formatColor(null, 'gradient')
.css({textAlign: 'right'})
.html(Ox.formatNumber(data['cutsperminute'] || 0, 3))
)
.appendTo($statistics);
// Rights Level ------------------------------------------------------------ // Rights Level ------------------------------------------------------------
@ -342,7 +347,7 @@ pandora.ui.infoView = function(data) {
.append( .append(
Ox.EditableContent({ Ox.EditableContent({
height: 128, height: 128,
placeholder: formatLight(Ox._('No notes')), placeholder: formatLight(Ox._(isMixed ? 'Mixed notes' : 'No notes')),
tooltip: pandora.getEditTooltip(), tooltip: pandora.getEditTooltip(),
type: 'textarea', type: 'textarea',
value: data.notes || '', value: data.notes || '',
@ -361,7 +366,7 @@ pandora.ui.infoView = function(data) {
function editMetadata(key, value) { function editMetadata(key, value) {
if (value != data[key]) { if (value != data[key]) {
var edit = {id: data.id}; var edit = {id: isMultiple ? ui.listSelection : data.id};
if (key == 'title') { if (key == 'title') {
edit[key] = value; edit[key] = value;
} else if (listKeys.indexOf(key) >= 0) { } else if (listKeys.indexOf(key) >= 0) {
@ -370,31 +375,34 @@ pandora.ui.infoView = function(data) {
edit[key] = value ? value : null; edit[key] = value ? value : null;
} }
pandora.api.edit(edit, function(result) { pandora.api.edit(edit, function(result) {
var src; if (!isMultiple) {
data[key] = result.data[key]; var src;
descriptions[key] && descriptions[key].options({ data[key] = result.data[key];
value: result.data[key + 'description'] descriptions[key] && descriptions[key].options({
}); value: result.data[key + 'description']
Ox.Request.clearCache(); // fixme: too much? can change filter/list etc
if (result.data.id != data.id) {
pandora.UI.set({item: result.data.id});
pandora.$ui.browser.value(data.id, 'id', result.data.id);
}
pandora.updateItemContext();
pandora.$ui.browser.value(result.data.id, key, result.data[key]);
if (Ox.contains(posterKeys, key) && ui.icons == 'posters') {
src = pandora.getMediaURL('/' + data.id + '/poster512.jpg?' + Ox.uid());
$icon.attr({src: src});
$reflectionIcon.attr({src: src});
}
pandora.$ui.itemTitle
.options({
title: '<b>' + result.data.title
+ (Ox.len(result.data.director)
? ' (' + result.data.director.join(', ') + ')'
: '')
+ (result.data.year ? ' ' + result.data.year : '') + '</b>'
}); });
Ox.Request.clearCache(); // fixme: too much? can change filter/list etc
if (result.data.id != data.id) {
pandora.UI.set({item: result.data.id});
pandora.$ui.browser.value(data.id, 'id', result.data.id);
}
pandora.updateItemContext();
pandora.$ui.browser.value(result.data.id, key, result.data[key]);
if (Ox.contains(posterKeys, key) && ui.icons == 'posters') {
src = pandora.getMediaURL('/' + data.id + '/poster512.jpg?' + Ox.uid());
$icon.attr({src: src});
$reflectionIcon.attr({src: src});
}
pandora.$ui.itemTitle
.options({
title: '<b>' + result.data.title
+ (Ox.len(result.data.director)
? ' (' + result.data.director.join(', ') + ')'
: '')
+ (result.data.year ? ' ' + result.data.year : '') + '</b>'
});
}
that.triggerEvent('change', Ox.extend({}, key, value));
}); });
} }
} }
@ -546,7 +554,7 @@ pandora.ui.infoView = function(data) {
format: function(value) { format: function(value) {
return formatValue(key, value); return formatValue(key, value);
}, },
placeholder: formatLight(Ox._('unknown')), placeholder: formatLight(Ox._( isMixed[key] ? 'mixed' : 'unknown')),
tooltip: canEdit ? pandora.getEditTooltip() : '', tooltip: canEdit ? pandora.getEditTooltip() : '',
value: getValue(key, data[key]) value: getValue(key, data[key])
}) })
@ -588,8 +596,12 @@ pandora.ui.infoView = function(data) {
.css({background: $rightsLevelElement.css('background')}) .css({background: $rightsLevelElement.css('background')})
.data({OxColor: $rightsLevelElement.data('OxColor')}) .data({OxColor: $rightsLevelElement.data('OxColor')})
renderCapabilities(rightsLevel); renderCapabilities(rightsLevel);
pandora.api.edit({id: data.id, rightslevel: rightsLevel}, function(result) { var edit = {
// ... id: isMultiple ? ui.listSelection : data.id,
rightslevel: rightsLevel
};
pandora.api.edit(edit, function(result) {
that.triggerEvent('change', Ox.extend({}, 'rightslevel', rightsLevel));
}); });
} }
}) })

226
static/js/infoView.padma.js
View file

@ -1,9 +1,11 @@
'use strict'; 'use strict';
pandora.ui.infoView = function(data) { pandora.ui.infoView = function(data, isMixed) {
isMixed = isMixed || {};
var ui = pandora.user.ui, var ui = pandora.user.ui,
canEdit = pandora.hasCapability('canEditMetadata') || data.editable, isMultiple = arguments.length == 2,
canEdit = pandora.hasCapability('canEditMetadata') || isMultiple || data.editable,
canRemove = pandora.hasCapability('canRemoveItems') || data.editable, canRemove = pandora.hasCapability('canRemoveItems') || data.editable,
css = { css = {
marginTop: '4px', marginTop: '4px',
@ -12,8 +14,8 @@ pandora.ui.infoView = function(data) {
descriptions = [], descriptions = [],
html, html,
iconRatio = ui.icons == 'posters' ? data.posterRatio : 1, iconRatio = ui.icons == 'posters' ? data.posterRatio : 1,
iconSize = ui.infoIconSize, iconSize = isMultiple ? 0 : ui.infoIconSize,
iconWidth = iconRatio > 1 ? iconSize : Math.round(iconSize * iconRatio), iconWidth = isMultiple ? 0 : iconRatio > 1 ? iconSize : Math.round(iconSize * iconRatio),
iconHeight = iconRatio < 1 ? iconSize : Math.round(iconSize / iconRatio), iconHeight = iconRatio < 1 ? iconSize : Math.round(iconSize / iconRatio),
iconLeft = iconSize == 256 ? Math.floor((iconSize - iconWidth) / 2) : 0, iconLeft = iconSize == 256 ? Math.floor((iconSize - iconWidth) / 2) : 0,
borderRadius = ui.icons == 'posters' ? 0 : iconSize / 8, borderRadius = ui.icons == 'posters' ? 0 : iconSize / 8,
@ -98,7 +100,7 @@ pandora.ui.infoView = function(data) {
that = Ox.SplitPanel({ that = Ox.SplitPanel({
elements: [ elements: [
{element: $bar, size: 16}, {element: $bar, size: isMultiple ? 0 : 16},
{element: $info} {element: $info}
], ],
orientation: 'vertical' orientation: 'vertical'
@ -108,72 +110,74 @@ pandora.ui.infoView = function(data) {
.css({ .css({
position: 'absolute' position: 'absolute'
}) })
.appendTo($info), .appendTo($info);
$icon = Ox.Element({ if (!isMultiple) {
element: '<img>', var $icon = Ox.Element({
tooltip: 'Switch to ' + Ox.getObjectById( element: '<img>',
pandora.site.itemViews, tooltip: 'Switch to ' + Ox.getObjectById(
ui.videoView pandora.site.itemViews,
).title + ' View' ui.videoView
}) ).title + ' View'
.attr({ })
src: pandora.getMediaURL('/' + data.id + '/' + ( .attr({
ui.icons == 'posters' ? 'poster' : 'icon' src: pandora.getMediaURL('/' + data.id + '/' + (
) + '512.jpg?' + data.modified) ui.icons == 'posters' ? 'poster' : 'icon'
}) ) + '512.jpg?' + data.modified)
.css({ })
position: 'absolute', .css({
left: margin + iconLeft + 'px', position: 'absolute',
top: margin + 'px', left: margin + iconLeft + 'px',
width: iconWidth + 'px', top: margin + 'px',
height: iconHeight + 'px', width: iconWidth + 'px',
borderRadius: borderRadius + 'px', height: iconHeight + 'px',
cursor: 'pointer' borderRadius: borderRadius + 'px',
}) cursor: 'pointer'
.bindEvent({ })
anyclick: function() { .bindEvent({
pandora.UI.set({itemView: ui.videoView}); anyclick: function() {
} pandora.UI.set({itemView: ui.videoView});
}) }
.appendTo($left), })
.appendTo($left),
$reflection = $('<div>') $reflection = $('<div>')
.addClass('OxReflection') .addClass('OxReflection')
.css({ .css({
position: 'absolute', position: 'absolute',
left: margin + 'px', left: margin + 'px',
top: margin + iconHeight + 'px', top: margin + iconHeight + 'px',
width: iconSize + 'px', width: iconSize + 'px',
height: Math.round(iconSize / 2) + 'px', height: Math.round(iconSize / 2) + 'px',
overflow: 'hidden' overflow: 'hidden'
}) })
.appendTo($left), .appendTo($left),
$reflectionIcon = $('<img>') $reflectionIcon = $('<img>')
.attr({ .attr({
src: pandora.getMediaURL('/' + data.id + '/' + ( src: pandora.getMediaURL('/' + data.id + '/' + (
ui.icons == 'posters' ? 'poster' : 'icon' ui.icons == 'posters' ? 'poster' : 'icon'
) + '512.jpg?' + data.modified) ) + '512.jpg?' + data.modified)
}) })
.css({ .css({
position: 'absolute', position: 'absolute',
left: iconLeft + 'px', left: iconLeft + 'px',
width: iconWidth + 'px', width: iconWidth + 'px',
height: iconHeight + 'px', height: iconHeight + 'px',
borderRadius: borderRadius + 'px' borderRadius: borderRadius + 'px'
}) })
.appendTo($reflection), .appendTo($reflection),
$reflectionGradient = $('<div>') $reflectionGradient = $('<div>')
.css({ .css({
position: 'absolute', position: 'absolute',
width: iconSize + 'px', width: iconSize + 'px',
height: Math.round(iconSize / 2) + 'px' height: Math.round(iconSize / 2) + 'px'
}) })
.appendTo($reflection), .appendTo($reflection);
}
$data = $('<div>') var $data = $('<div>')
.addClass('OxTextPage') .addClass('OxTextPage')
.css({ .css({
position: 'absolute', position: 'absolute',
@ -223,6 +227,7 @@ pandora.ui.infoView = function(data) {
} }
// Source & Project -------------------------------------------------------- // Source & Project --------------------------------------------------------
if (!isMultiple) {
['source', 'project'].forEach(function(key) { ['source', 'project'].forEach(function(key) {
if (canEdit || data[key]) { if (canEdit || data[key]) {
@ -243,7 +248,7 @@ pandora.ui.infoView = function(data) {
format: function(value) { format: function(value) {
return formatValue(key, value); return formatValue(key, value);
}, },
placeholder: formatLight(Ox._('unknown')), placeholder: formatLight(Ox._(isMixed[key] ? 'mixed' : 'unknown')),
editable: canEdit, editable: canEdit,
tooltip: canEdit ? pandora.getEditTooltip() : '', tooltip: canEdit ? pandora.getEditTooltip() : '',
value: listKeys.indexOf(key) >= 0 value: listKeys.indexOf(key) >= 0
@ -286,8 +291,10 @@ pandora.ui.infoView = function(data) {
} }
} }
}); });
}
// Title ------------------------------------------------------------------- // Title -------------------------------------------------------------------
if (!isMultiple) {
$('<div>') $('<div>')
.css({ .css({
@ -312,12 +319,16 @@ pandora.ui.infoView = function(data) {
}) })
) )
.appendTo($text); .appendTo($text);
}
// Groups ------------------------------------------------------------------ // Groups ------------------------------------------------------------------
renderGroup(['location', 'date', 'language']); renderGroup(['location', 'date', 'language']);
renderGroup(['director', 'cinematographer', 'featuring']); renderGroup(['director', 'cinematographer', 'featuring']);
if (isMultiple) {
renderGroup(['source', 'project']);
}
renderGroup(['topic']); renderGroup(['topic']);
@ -364,14 +375,17 @@ pandora.ui.infoView = function(data) {
renderGroup(['license']); renderGroup(['license']);
$('<div>') $('<div>')
.addClass('OxSelectable') .addClass('OxSelectable')
.css(css) .css(css)
.css({height: '16px'}) .css({height: '16px'})
.appendTo($text); .appendTo($text);
// Duration, Aspect Ratio --------------------------------------------------
// Duration, Aspect Ratio --------------------------------------------------
if (!isMultiple) {
['duration', 'aspectratio'].forEach(function(key) { ['duration', 'aspectratio'].forEach(function(key) {
var itemKey = Ox.getObjectById(pandora.site.itemKeys, key), var itemKey = Ox.getObjectById(pandora.site.itemKeys, key),
value = data[key] || 0; value = data[key] || 0;
@ -414,7 +428,7 @@ pandora.ui.infoView = function(data) {
.html(Ox.formatNumber(data['cutsperminute'] || 0, 3)) .html(Ox.formatNumber(data['cutsperminute'] || 0, 3))
) )
.appendTo($statistics); .appendTo($statistics);
}
// Rights Level ------------------------------------------------------------ // Rights Level ------------------------------------------------------------
var $rightsLevel = $('<div>'); var $rightsLevel = $('<div>');
@ -426,6 +440,7 @@ pandora.ui.infoView = function(data) {
renderRightsLevel(); renderRightsLevel();
// User and Groups --------------------------------------------------------- // User and Groups ---------------------------------------------------------
if (!isMultiple) {
['user', 'groups'].forEach(function(key) { ['user', 'groups'].forEach(function(key) {
var $input; var $input;
@ -437,10 +452,10 @@ pandora.ui.infoView = function(data) {
.css({margin: '2px 0 0 -1px'}) // fixme: weird .css({margin: '2px 0 0 -1px'}) // fixme: weird
.append( .append(
$input = Ox.Editable({ $input = Ox.Editable({
placeholder: key == 'groups' ? formatLight(Ox._('No Groups')) : '', placeholder: key == 'groups' ? formatLight(Ox._(isMixed[key] ? 'Mixed Groups' : 'No Groups')) : '',
editable: key == 'user' && canEdit, editable: key == 'user' && canEdit,
tooltip: canEdit ? pandora.getEditTooltip() : '', tooltip: canEdit ? pandora.getEditTooltip() : '',
value: key == 'user' ? data[key] : data[key].join(', ') value: key == 'user' ? data[key] : isMixed[key] ? '' : data[key].join(', ')
}) })
.bindEvent(Ox.extend({ .bindEvent(Ox.extend({
submit: function(event) { submit: function(event) {
@ -474,8 +489,10 @@ pandora.ui.infoView = function(data) {
) )
.appendTo($statistics); .appendTo($statistics);
}); });
}
// Created and Modified ---------------------------------------------------- // Created and Modified ----------------------------------------------------
if (!isMultiple) {
['created', 'modified'].forEach(function(key) { ['created', 'modified'].forEach(function(key) {
$('<div>') $('<div>')
@ -487,6 +504,8 @@ pandora.ui.infoView = function(data) {
.appendTo($statistics); .appendTo($statistics);
}); });
}
// Notes -------------------------------------------------------------------- // Notes --------------------------------------------------------------------
if (canEdit) { if (canEdit) {
@ -526,7 +545,7 @@ pandora.ui.infoView = function(data) {
function editMetadata(key, value) { function editMetadata(key, value) {
if (value != data[key]) { if (value != data[key]) {
var edit = {id: data.id}; var edit = {id: isMultiple ? ui.listSelection : data.id};
if (key == 'title') { if (key == 'title') {
edit[key] = value; edit[key] = value;
} else if (listKeys.indexOf(key) >= 0) { } else if (listKeys.indexOf(key) >= 0) {
@ -535,32 +554,35 @@ pandora.ui.infoView = function(data) {
edit[key] = value ? value : null; edit[key] = value ? value : null;
} }
pandora.api.edit(edit, function(result) { pandora.api.edit(edit, function(result) {
var src;
data[key] = result.data[key];
descriptions[key] && descriptions[key].options({
value: result.data[key + 'description']
});
Ox.Request.clearCache(); // fixme: too much? can change filter/list etc Ox.Request.clearCache(); // fixme: too much? can change filter/list etc
if (result.data.id != data.id) { if (!isMultiple) {
pandora.UI.set({item: result.data.id}); var src;
pandora.$ui.browser.value(data.id, 'id', result.data.id); data[key] = result.data[key];
} descriptions[key] && descriptions[key].options({
pandora.updateItemContext(); value: result.data[key + 'description']
pandora.$ui.browser.value(result.data.id, key, result.data[key]);
if (Ox.contains(posterKeys, key) && ui.icons == 'posters') {
src = pandora.getMediaURL('/' + data.id + '/poster512.jpg?' + Ox.uid());
$icon.attr({src: src});
$reflectionIcon.attr({src: src});
}
pandora.$ui.itemTitle
.options({
title: '<b>' + result.data.title
+ (Ox.len(result.data.director)
? ' (' + result.data.director.join(', ') + ')'
: '')
+ (result.data.year ? ' ' + result.data.year : '') + '</b>'
}); });
//pandora.$ui.contentPanel.replaceElement(0, pandora.$ui.browser = pandora.ui.browser()); if (result.data.id != data.id) {
pandora.UI.set({item: result.data.id});
pandora.$ui.browser.value(data.id, 'id', result.data.id);
}
pandora.updateItemContext();
pandora.$ui.browser.value(result.data.id, key, result.data[key]);
if (Ox.contains(posterKeys, key) && ui.icons == 'posters') {
src = pandora.getMediaURL('/' + data.id + '/poster512.jpg?' + Ox.uid());
$icon.attr({src: src});
$reflectionIcon.attr({src: src});
}
pandora.$ui.itemTitle
.options({
title: '<b>' + result.data.title
+ (Ox.len(result.data.director)
? ' (' + result.data.director.join(', ') + ')'
: '')
+ (result.data.year ? ' ' + result.data.year : '') + '</b>'
});
//pandora.$ui.contentPanel.replaceElement(0, pandora.$ui.browser = pandora.ui.browser());
}
that.triggerEvent('change', Ox.extend({}, key, value));
}); });
} }
} }
@ -719,7 +741,7 @@ pandora.ui.infoView = function(data) {
format: function(value) { format: function(value) {
return formatValue(key, value); return formatValue(key, value);
}, },
placeholder: formatLight(Ox._('unknown')), placeholder: formatLight(Ox._(isMixed[key] ? 'mixed' : 'unknown')),
tooltip: canEdit ? pandora.getEditTooltip() : '', tooltip: canEdit ? pandora.getEditTooltip() : '',
value: getValue(key, data[key]) value: getValue(key, data[key])
}) })
@ -761,8 +783,12 @@ pandora.ui.infoView = function(data) {
.css({background: $rightsLevelElement.css('background')}) .css({background: $rightsLevelElement.css('background')})
.data({OxColor: $rightsLevelElement.data('OxColor')}) .data({OxColor: $rightsLevelElement.data('OxColor')})
renderCapabilities(rightsLevel); renderCapabilities(rightsLevel);
pandora.api.edit({id: data.id, rightslevel: rightsLevel}, function(result) { var edit = {
// ... id: isMultiple ? ui.listSelection : data.id,
rightslevel: rightsLevel
};
pandora.api.edit(edit, function(result) {
that.triggerEvent('change', Ox.extend({}, 'rightslevel', rightsLevel));
}); });
} }
}) })

22
static/js/mainMenu.js
View file

@ -433,6 +433,12 @@ pandora.ui.mainMenu = function() {
} }
} else if (data.id == 'edit') { } else if (data.id == 'edit') {
pandora.ui.editItemDialog().open(); pandora.ui.editItemDialog().open();
} else if (data.id == 'batchedit') {
if (ui.section == 'documents') {
pandora.ui.editDocumentsDialog().open();
} else {
pandora.ui.editDialog().open();
}
} else if (data.id == 'deletelist') { } else if (data.id == 'deletelist') {
pandora.ui.deleteListDialog().open(); pandora.ui.deleteListDialog().open();
} else if (data.id == 'print') { } else if (data.id == 'print') {
@ -929,6 +935,20 @@ pandora.ui.mainMenu = function() {
key_control_p: function() { key_control_p: function() {
window.open(document.location.href + '#?print=true', '_blank'); window.open(document.location.href + '#?print=true', '_blank');
}, },
key_control_shift_e: function() {
console.log('!!', ui.section, pandora.enableBatchEdit(ui.section))
if (
!pandora.hasDialogOrScreen() &&
pandora.enableBatchEdit(ui.section)
) {
console.log('!!>>', ui.section)
if (ui.section == 'documents') {
pandora.ui.editDocumentsDialog().open();
} else {
pandora.ui.editDialog().open();
}
}
},
key_control_shift_f: function() { key_control_shift_f: function() {
if (!pandora.hasDialogOrScreen()) { if (!pandora.hasDialogOrScreen()) {
pandora.$ui.filterDialog = pandora.ui.filterDialog().open(); pandora.$ui.filterDialog = pandora.ui.filterDialog().open();
@ -1146,6 +1166,7 @@ pandora.ui.mainMenu = function() {
return { id: 'itemMenu', title: Ox._('Item'), items: [ return { id: 'itemMenu', title: Ox._('Item'), items: [
{ id: 'add', title: Ox._('Add {0}...', [Ox._('Document')]), disabled: !pandora.hasCapability('canAddItems') }, { id: 'add', title: Ox._('Add {0}...', [Ox._('Document')]), disabled: !pandora.hasCapability('canAddItems') },
{ id: 'edit', title: Ox._('Edit {0}...', [Ox._('Document')]), disabled: true /*fixme: !canEdit */ }, { id: 'edit', title: Ox._('Edit {0}...', [Ox._('Document')]), disabled: true /*fixme: !canEdit */ },
{ id: 'batchedit', title: Ox._('Batch Edit {0}...', [Ox._('Documents')]), disabled: !pandora.enableBatchEdit(ui.section), keyboard: 'shift control e' },
{}, {},
{ id: 'selectall', title: Ox._('Select All {0}', [listItemsName]), disabled: !canSelect, keyboard: 'control a' }, { id: 'selectall', title: Ox._('Select All {0}', [listItemsName]), disabled: !canSelect, keyboard: 'control a' },
{ id: 'selectnone', title: Ox._('Select None'), disabled: !canSelect, keyboard: 'shift control a' }, { id: 'selectnone', title: Ox._('Select None'), disabled: !canSelect, keyboard: 'shift control a' },
@ -1423,6 +1444,7 @@ pandora.ui.mainMenu = function() {
return { id: 'itemMenu', title: Ox._('Item'), items: [ return { id: 'itemMenu', title: Ox._('Item'), items: [
{ id: 'add', title: Ox._('Add {0}...', [Ox._(pandora.site.itemName.singular)]), disabled: !pandora.hasCapability('canAddItems') }, { id: 'add', title: Ox._('Add {0}...', [Ox._(pandora.site.itemName.singular)]), disabled: !pandora.hasCapability('canAddItems') },
{ id: 'edit', title: Ox._('Edit {0}...', [Ox._(pandora.site.itemName.singular)]), disabled: true /*fixme: !canEdit */ }, { id: 'edit', title: Ox._('Edit {0}...', [Ox._(pandora.site.itemName.singular)]), disabled: true /*fixme: !canEdit */ },
{ id: 'batchedit', title: Ox._('Batch Edit {0}...', [Ox._(pandora.site.itemName.plural)]), disabled: !pandora.enableBatchEdit(ui.section), keyboard: 'shift control e' },
{}, {},
{ id: 'selectall', title: Ox._('Select All {0}', [listItemsName]), disabled: !canSelect, keyboard: 'control a' }, { id: 'selectall', title: Ox._('Select All {0}', [listItemsName]), disabled: !canSelect, keyboard: 'control a' },
{ id: 'selectnone', title: Ox._('Select None'), disabled: !canSelect, keyboard: 'shift control a' }, { id: 'selectnone', title: Ox._('Select None'), disabled: !canSelect, keyboard: 'shift control a' },

13
static/js/utils.js
View file

@ -679,6 +679,19 @@ pandora.createLinks = function($element) {
}()); }());
pandora.enableBatchEdit = function(section) {
var ui = pandora.user.ui;
if (section == 'documents') {
return !ui.document && ui.collectionSelection.length > 1 && ui.collectionSelection.every(function(item) {
return pandora.$ui.list && pandora.$ui.list.value(item, 'editable');
})
} else {
return !ui.item && ui.listSelection.length > 1 && ui.listSelection.every(function(item) {
return pandora.$ui.list && pandora.$ui.list.value(item, 'editable');
})
}
};
pandora.enableDragAndDrop = function($list, canMove, section, getItems) { pandora.enableDragAndDrop = function($list, canMove, section, getItems) {
section = section || pandora.user.ui.section; section = section || pandora.user.ui.section;