')
- .css({
- position: 'absolute',
- width: iconSize + 'px',
- height: iconSize / 2 + 'px'
- })
- .appendTo($reflection);
- }
-
- var $text = Ox.Element()
- .addClass('OxTextPage')
- .css({
- position: 'absolute',
- left: margin + (iconSize == 256 ? 256 : iconWidth) + margin + 'px',
- top: margin + 'px',
- right: margin + statisticsWidth + margin + 'px',
- })
- .appendTo($info),
-
- $statistics = $('
')
- .css({
- position: 'absolute',
- width: statisticsWidth + 'px',
- top: margin + 'px',
- right: margin + 'px'
- })
- .appendTo($info),
-
- $capabilities;
-
- [$options, $edit].forEach(function($element) {
- $element.find('input').css({
- borderWidth: 0,
- borderRadius: 0,
- padding: '3px'
- });
- });
-
- listKeys.forEach(function(key) {
- if (Ox.isString(data[key])) {
- data[key] = [data[key]];
- }
- });
-
- if (!canEdit) {
- pandora.createLinks($info);
- }
-
- // Title -------------------------------------------------------------------
-
- $('
')
- .css({
- marginTop: '-2px',
- })
- .append(
- Ox.EditableContent({
- editable: canEdit,
- tooltip: canEdit ? pandora.getEditTooltip() : '',
- value: data.title || ''
- })
- .css({
- marginBottom: '-3px',
- fontWeight: 'bold',
- fontSize: '13px'
- })
- .bindEvent({
- submit: function(event) {
- editMetadata('title', event.value);
- }
- })
- )
- .appendTo($text);
-
- // Director, Year and Country ----------------------------------------------
-
- renderGroup(['author', 'date', 'type']);
- renderGroup(['publisher', 'place', 'series', 'edition', 'language']);
- renderGroup(['isbn']);
- renderGroup(['categories', 'keywords']);
- renderGroup(['collections', 'projects']);
-
- // Description -------------------------------------------------------------
-
- if (canEdit || data.description) {
- $('
')
- .append(
- Ox.EditableContent({
- clickLink: pandora.clickLink,
- editable: canEdit,
- format: function(value) {
- return value.replace(
- /
' : '')
- + item.title //Ox.encodeHTMLEntities(item.title)
- + (item.referenced ? '' : '')
- + (item.annotations.length
- ? ' (' + Ox.sortBy(item.annotations, 'in').map(function(annotation) {
- return ''
- + Ox.formatDuration(annotation.in) + ''
- }).join(', ')
- + ')'
- : '')
- }).join(', ');
- html += data.referenced.documents.map(function(document) {
- return ', ' + document.title + '';
- }).join('');
- html += data.referenced.entities.map(function(entity) {
- return ', ' + entity.name + '';
- }).join('');
-
- var $div = $('
')
- .css({marginTop: '12px'})
- .html(formatKey('Referenced', 'text') + html)
- .appendTo($text);
-
- pandora.createLinks($div);
-
- }
-
- // Extension, Dimensions, Size ---------------------------------------------
-
- ['extension', 'dimensions', 'size'].forEach(function(key) {
- $('
')
- .css({marginBottom: '4px'})
- .append(formatKey(key, 'statistics'))
- .append(
- Ox.Theme.formatColor(null, 'gradient')
- .css({textAlign: 'right'})
- .html(formatValue(key, data[key]))
- )
- .appendTo($statistics);
- });
-
- /*
- ['created', 'modified'].forEach(function(key) {
- $('
')
- .css({marginBottom: '4px'})
- .append(formatKey(key, 'statistics'))
- .append(
- $('
').html(Ox.formatDate(data[key], '%B %e, %Y'))
- )
- .appendTo($statistics);
- });
- $('
')
- .css({marginBottom: '4px'})
- .append(formatKey('timesaccessed', 'statistics'))
- .append(
- $('
').html(data.timesaccessed)
- )
- .appendTo($statistics);
- */
-
- // Rights Level ------------------------------------------------------------
-
- var $rightsLevel = $('
');
- $('
')
- .css({marginBottom: '4px'})
- .append(formatKey('Rights Level', 'statistics'))
- .append($rightsLevel)
- .appendTo($statistics);
- renderRightsLevel();
-
- function editMetadata(key, value) {
- if (value != data[key]) {
- var edit = {
- id: isMultiple ? ui.collectionSelection : data.id,
- };
- if (key == 'title') {
- edit[key] = value;
- } else if (listKeys.indexOf(key) >= 0) {
- edit[key] = value ? value.split(', ') : [];
- } else {
- edit[key] = value ? value : null;
- }
- pandora.api.editDocument(edit, function(result) {
- if (!isMultiple) {
- var src;
- data[key] = result.data[key];
- Ox.Request.clearCache(); // fixme: too much? can change filter/list etc
- if (result.data.id != 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: '' + (pandora.getDocumentTitle(result.data)) + ''});
- }
- that.triggerEvent('change', Ox.extend({}, key, value));
- });
- }
- }
-
- function formatKey(key, mode) {
- var item = Ox.getObjectById(pandora.site.documentKeys, key);
- key = Ox._(item ? item.title : key);
- mode = mode || 'text';
- return mode == 'text'
- ? '' + Ox.toTitleCase(key) + ': '
- : mode == 'description'
- ? Ox.toTitleCase(key)
- : Ox.Element()
- .css({marginBottom: '4px', fontWeight: 'bold'})
- .html(Ox.toTitleCase(key)
- .replace(' Per ', ' per '));
- }
-
- function formatLight(str) {
- return '' + str + '';
- }
-
- function formatLink(value, key) {
- return (Ox.isArray(value) ? value : [value]).map(function(value) {
- return key
- ? '' + value + ''
- : value;
- }).join(', ');
- }
-
- function formatValue(key, value) {
- var ret;
- if (key == 'date' && (!value || value.split('-').length < 4)) {
- ret = pandora.formatDate(value);
- } else if (nameKeys.indexOf(key) > -1) {
- ret = formatLink(value.split(', '), key);
- } else if (listKeys.indexOf(key) > -1) {
- ret = formatLink(value.split(', '), key);
- } else if (['type', 'publisher'].indexOf(key) > -1) {
- ret = formatLink(value, key);
- } else {
- if (isMixed[key]) {
- ret = 'Mixed'
- } else {
- ret = pandora.formatDocumentKey(Ox.getObjectById(pandora.site.documentKeys, key), data);
- }
- }
- return ret;
- }
-
- function getRightsLevelElement(rightsLevel) {
- return Ox.Theme.formatColorLevel(
- rightsLevel,
- pandora.site.documentRightsLevels.map(function(rightsLevel) {
- return rightsLevel.name;
- })
- );
- }
-
- function getValue(key, value) {
- return !value ? ''
- : Ox.contains(listKeys, key) ? value.join(', ')
- : value;
- }
-
- function renderCapabilities(rightsLevel) {
- var capabilities = [].concat(
- canEdit ? [{name: 'canSeeItem', symbol: 'Find'}] : [],
- [
- {name: 'canPlayClips', symbol: 'PlayInToOut'},
- {name: 'canPlayVideo', symbol: 'Play'},
- {name: 'canDownloadVideo', symbol: 'Download'}
- ]
- ),
- userLevels = canEdit ? pandora.site.userLevels : [pandora.user.level];
- $capabilities.empty();
- userLevels.forEach(function(userLevel, i) {
- var $element,
- $line = $('
')
- .css({
- height: '16px',
- marginBottom: '4px'
- })
- .appendTo($capabilities);
- if (canEdit) {
- $element = Ox.Theme.formatColorLevel(i, userLevels.map(function(userLevel) {
- return Ox.toTitleCase(userLevel);
- }), [0, 240]);
- Ox.Label({
- textAlign: 'center',
- title: Ox.toTitleCase(userLevel),
- width: 60
- })
- .addClass('OxColor OxColorGradient')
- .css({
- float: 'left',
- height: '12px',
- paddingTop: '2px',
- background: $element.css('background'),
- fontSize: '8px',
- color: $element.css('color')
- })
- .data({OxColor: $element.data('OxColor')})
- .appendTo($line);
- }
- capabilities.forEach(function(capability) {
- var hasCapability = pandora.hasCapability(capability.name, userLevel) >= rightsLevel,
- $element = Ox.Theme.formatColorLevel(hasCapability, ['', '']);
- Ox.Button({
- tooltip: (canEdit ? Ox.toTitleCase(userLevel) : 'You') + ' '
- + (hasCapability ? 'can' : 'can\'t') + ' '
- + Ox.toSlashes(capability.name)
- .split('/').slice(1).join(' ')
- .toLowerCase(),
- title: capability.symbol,
- type: 'image'
- })
- .addClass('OxColor OxColorGradient')
- .css({background: $element.css('background')})
- .css('margin' + (canEdit ? 'Left' : 'Right'), '4px')
- .data({OxColor: $element.data('OxColor')})
- .appendTo($line);
- });
- if (!canEdit) {
- Ox.Button({
- title: Ox._('Help'),
- tooltip: Ox._('About Rights'),
- type: 'image'
- })
- .css({marginLeft: '52px'})
- .bindEvent({
- click: function() {
- pandora.UI.set({page: 'rights'});
- }
- })
- .appendTo($line);
- }
- });
- }
-
- function renderGroup(keys) {
- var $element;
- if (canEdit || keys.filter(function(key) {
- return data[key];
- }).length) {
- $element = $('
').addClass('OxSelectable').css(css);
- keys.forEach(function(key, i) {
- if (canEdit || data[key]) {
- if ($element.children().length) {
- $('').html('; ').appendTo($element);
- }
- $('').html(formatKey(key)).appendTo($element);
- Ox.EditableContent({
- clickLink: pandora.clickLink,
- format: function(value) {
- return formatValue(key, value);
- },
- placeholder: formatLight(Ox._(isMixed[key] ? 'mixed' : 'unknown')),
- tooltip: canEdit ? pandora.getEditTooltip() : '',
- value: getValue(key, data[key])
- })
- .bindEvent({
- submit: function(data) {
- editMetadata(key, data.value);
- }
- })
- .appendTo($element);
- }
- });
- $element.appendTo($text);
- }
- return $element;
- }
-
- function renderRightsLevel() {
- var $rightsLevelElement = getRightsLevelElement(data.rightslevel),
- $rightsLevelSelect;
- $rightsLevel.empty();
- if (canEdit) {
- $rightsLevelSelect = Ox.Select({
- items: pandora.site.documentRightsLevels.map(function(rightsLevel, i) {
- return {id: i, title: rightsLevel.name};
- }),
- width: 128,
- value: data.rightslevel
- })
- .addClass('OxColor OxColorGradient')
- .css({
- marginBottom: '4px',
- background: $rightsLevelElement.css('background')
- })
- .data({OxColor: $rightsLevelElement.data('OxColor')})
- .bindEvent({
- change: function(event) {
- var rightsLevel = event.value;
- $rightsLevelElement = getRightsLevelElement(rightsLevel);
- $rightsLevelSelect
- .css({background: $rightsLevelElement.css('background')})
- .data({OxColor: $rightsLevelElement.data('OxColor')})
- //renderCapabilities(rightsLevel);
- var edit = {
- id: isMultiple ? ui.collectionSelection : data.id,
- rightslevel: rightsLevel
- };
- pandora.api.editDocument(edit, function(result) {
- that.triggerEvent('change', Ox.extend({}, 'rightslevel', rightsLevel));
- });
- }
- })
- .appendTo($rightsLevel);
- } else {
- $rightsLevelElement
- .css({
- marginBottom: '4px'
- })
- .appendTo($rightsLevel);
- }
- $capabilities = $('
').appendTo($rightsLevel);
- //renderCapabilities(data.rightslevel);
- }
-
- that.reload = function() {
- /*
- var src = '/documents/' + data.id + '/512p.jpg?' + data.modified;
- $icon.attr({src: src});
- $reflectionIcon.attr({src: src});
- iconSize = iconSize == 256 ? 512 : 256;
- iconRatio = ui.icons == 'posters'
- ? (ui.showSitePosters ? pandora.site.posters.ratio : data.posterRatio) : 1;
- toggleIconSize();
- */
- };
-
- that.bindEvent({
- mousedown: function() {
- setTimeout(function() {
- !Ox.Focus.focusedElementIsInput() && that.gainFocus();
- });
- }
- });
-
- return that;
-
-};