')
+ .addClass('OxReflection')
+ .css({
+ position: 'absolute',
+ left: margin + 'px',
+ top: margin + iconHeight + 'px',
+ width: iconSize + 'px',
+ height: Math.round(iconSize / 2) + 'px',
+ overflow: 'hidden'
+ })
+ .appendTo($left),
- $reflectionIcon = $('![]()
')
- .attr({
- src: pandora.getMediaURL('/' + data.id + '/' + (
- ui.icons == 'posters' ? 'poster' : 'icon'
- ) + '512.jpg?' + data.modified)
- })
- .css({
- position: 'absolute',
- left: iconLeft + 'px',
- width: iconWidth + 'px',
- height: iconHeight + 'px',
- borderRadius: borderRadius + 'px'
- })
- .appendTo($reflection),
+ $reflectionIcon = $('![]()
')
+ .attr({
+ src: pandora.getMediaURL('/' + data.id + '/' + (
+ ui.icons == 'posters' ? 'poster' : 'icon'
+ ) + '512.jpg?' + data.modified)
+ })
+ .css({
+ position: 'absolute',
+ left: iconLeft + 'px',
+ width: iconWidth + 'px',
+ height: iconHeight + 'px',
+ borderRadius: borderRadius + 'px'
+ })
+ .appendTo($reflection),
- $reflectionGradient = $('
')
- .css({
- position: 'absolute',
- width: iconSize + 'px',
- height: Math.round(iconSize / 2) + 'px'
- })
- .appendTo($reflection),
+ $reflectionGradient = $('
')
+ .css({
+ position: 'absolute',
+ width: iconSize + 'px',
+ height: Math.round(iconSize / 2) + 'px'
+ })
+ .appendTo($reflection);
+ }
- $data = $('
')
+ var $data = $('
')
.addClass('OxTextPage')
.css({
position: 'absolute',
@@ -257,7 +263,7 @@ pandora.ui.infoView = function(data) {
editable: canEdit,
format: imageCSS,
maxHeight: Infinity,
- placeholder: formatLight(Ox._('No Summary')),
+ placeholder: formatLight(Ox._( isMixed.summary ? 'Mixed Summary' : 'No Summary')),
tooltip: canEdit ? pandora.getEditTooltip() : '',
type: 'textarea',
value: data.summary || ''
@@ -344,48 +350,50 @@ pandora.ui.infoView = function(data) {
// Duration, Aspect Ratio --------------------------------------------------
- ['duration', 'aspectratio'].forEach(function(key) {
- var itemKey = Ox.getObjectById(pandora.site.itemKeys, key),
- value = data[key] || 0;
+ if (!isMultiple) {
+ ['duration', 'aspectratio'].forEach(function(key) {
+ var itemKey = Ox.getObjectById(pandora.site.itemKeys, key),
+ value = data[key] || 0;
+ $('
')
+ .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) {
+ $('
')
+ .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 ---------------------------------------------------------
+
$('
')
.css({marginBottom: '4px'})
- .append(formatKey(itemKey.title, 'statistics'))
+ .append(formatKey('cuts per minute', '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))
- )
+ .html(Ox.formatNumber(data['cutsperminute'] || 0, 3))
)
.appendTo($statistics);
- });
-
- // Hue, Saturation, Lightness, Volume --------------------------------------
-
- ['hue', 'saturation', 'lightness', 'volume'].forEach(function(key) {
- $('
')
- .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 ---------------------------------------------------------
-
- $('
')
- .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 ------------------------------------------------------------
@@ -498,7 +506,7 @@ pandora.ui.infoView = function(data) {
function editMetadata(key, value) {
if (value != data[key]) {
- var edit = {id: data.id};
+ var edit = {id: isMultiple ? ui.listSelection : data.id};
if (key == 'title') {
edit[key] = value;
} else if (listKeys.indexOf(key) >= 0) {
@@ -507,32 +515,35 @@ pandora.ui.infoView = function(data) {
edit[key] = value ? value : null;
}
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
- 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: '' + result.data.title
- + (Ox.len(result.data.director)
- ? ' (' + result.data.director.join(', ') + ')'
- : '')
- + (result.data.year ? ' ' + result.data.year : '') + ''
+ if (!isMultiple) {
+ var src;
+ data[key] = result.data[key];
+ descriptions[key] && descriptions[key].options({
+ value: result.data[key + 'description']
});
- //pandora.$ui.contentPanel.replaceElement(0, pandora.$ui.browser = pandora.ui.browser());
+ 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: '' + result.data.title
+ + (Ox.len(result.data.director)
+ ? ' (' + result.data.director.join(', ') + ')'
+ : '')
+ + (result.data.year ? ' ' + result.data.year : '') + ''
+ });
+ //pandora.$ui.contentPanel.replaceElement(0, pandora.$ui.browser = pandora.ui.browser());
+ }
+ that.triggerEvent('change', Ox.extend({}, key, value));
});
}
}
@@ -719,7 +730,7 @@ pandora.ui.infoView = function(data) {
format: function(value) {
return formatValue(key, value);
},
- placeholder: formatLight(Ox._('unknown')),
+ placeholder: formatLight(Ox._( isMixed[key] ? 'mixed' : 'unknown')),
tooltip: canEdit ? pandora.getEditTooltip() : '',
value: getValue(key, data[key])
})
@@ -742,7 +753,7 @@ pandora.ui.infoView = function(data) {
if (canEdit) {
$rightsLevelSelect = Ox.Select({
items: pandora.site.rightsLevels.map(function(rightsLevel, i) {
- return {id: i, title: Ox._(rightsLevel.name)};
+ return {id: i, title: rightsLevel.name};
}),
width: 128,
value: data.rightslevel
@@ -761,8 +772,12 @@ pandora.ui.infoView = function(data) {
.css({background: $rightsLevelElement.css('background')})
.data({OxColor: $rightsLevelElement.data('OxColor')})
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));
});
}
})