diff --git a/static/js/pandora/infoView.indiancinema.js b/static/js/pandora/infoView.indiancinema.js
index 318ae607b..ab3f96d2a 100644
--- a/static/js/pandora/infoView.indiancinema.js
+++ b/static/js/pandora/infoView.indiancinema.js
@@ -127,6 +127,10 @@ pandora.ui.infoView = function(data) {
})
.appendTo($data.$element),
+ $alternativeTitles,
+
+ $minutes,
+
$descriptions,
$statistics = $('
')
@@ -232,17 +236,16 @@ pandora.ui.infoView = function(data) {
renderGroup(['imdbId']);
if (data.summary || canEdit) {
- Ox.Editable({
+ Ox.EditableContent({
clickLink: pandora.clickLink,
editable: canEdit,
- maxHeight: Infinity,
placeholder: formatLight('No Summary'),
tooltip: canEdit ? getTooltip : '',
type: 'textarea',
value: data.summary || ''
})
.css(css)
- .css({marginTop: '8px'})
+ .css({marginTop: '12px'})
.bindEvent({
submit: function(data) {
editMetadata('summary', data.value);
@@ -339,8 +342,7 @@ pandora.ui.infoView = function(data) {
.css({marginBottom: '4px'})
.append(formatKey('Notes', 'statistics'))
.append(
- Ox.Editable({
- height: 128,
+ Ox.EditableContent({
placeholder: formatLight('No notes'),
tooltip: getTooltip,
type: 'textarea',
@@ -406,10 +408,13 @@ pandora.ui.infoView = function(data) {
edit[key] = value ? value.split('; ').map(function(value) {
return [value, []];
}) : [];
+ data[key] = edit[key];
+ $alternativeTitles.html(formatKey(key));
} else if (key == 'year') {
edit[key] = value ? parseInt(value) : '';
} else if (key == 'runtime') {
edit[key] = value ? parseInt(value) * 60 : '';
+ $minutes[value ? 'show' : 'hide']();
} else if (listKeys.indexOf(key) > -1) {
edit[key] = value ? value.split(', ') : [];
} else {
@@ -449,8 +454,6 @@ pandora.ui.infoView = function(data) {
if (Ox.contains(nameKeys, key)) {
names = getNames();
renderDescriptions();
- } else if (key == 'namedescription') {
- // ...
}
});
}
@@ -502,13 +505,13 @@ pandora.ui.infoView = function(data) {
function formatValue(key, value) {
var ret;
- if (key == 'imdbId') {
- ret = '
' + value + '';
- } else if (nameKeys.indexOf(key) > -1) {
+ if (nameKeys.indexOf(key) > -1) {
ret = formatLink(value.split(', '), 'name');
} else if (listKeys.indexOf(key) > -1 || key == 'year') {
ret = formatLink(value.split(', '), key);
+ } else if (key == 'imdbId') {
+ ret = '
' + value + '';
} else {
ret = value;
}
@@ -661,7 +664,7 @@ pandora.ui.infoView = function(data) {
if (canEdit || value.description) {
$('
')
.css(css)
- .css({marginTop: '8px', fontWeight: 'bold'})
+ .css({marginTop: '12px', fontWeight: 'bold'})
.html(
formatLink(value.name, 'name')
+ ' (' + value.keys.map(function(key) {
@@ -669,11 +672,10 @@ pandora.ui.infoView = function(data) {
}).join(', ') + ')'
)
.appendTo($descriptions);
- Ox.Editable({
+ Ox.EditableContent({
clickLink: pandora.clickLink,
editable: canEdit,
- maxHeight: Infinity,
- placeholder: 'No description',
+ placeholder: formatLight('No Description'),
tooltip: canEdit ? getTooltip : '',
type: 'textarea',
value: value.description || ''
@@ -703,7 +705,15 @@ pandora.ui.infoView = function(data) {
if ($element.children().length) {
$('').html('; ').appendTo($element);
}
- $('').html(formatKey(key)).appendTo($element);
+ if (key == 'alternativeTitles') {
+ $alternativeTitles = $('')
+ .html(formatKey(key))
+ .appendTo($element);
+ } else {
+ $('')
+ .html(formatKey(key))
+ .appendTo($element);
+ }
Ox.EditableContent({
clickLink: pandora.clickLink,
format: function(value) {
@@ -714,13 +724,19 @@ pandora.ui.infoView = function(data) {
value: getValue(key, data[key])
})
.bindEvent({
+ edit: function() {
+ key == 'runtime' && $minutes.show();
+ },
submit: function(data) {
editMetadata(key, data.value);
}
})
.appendTo($element);
if (key == 'runtime') {
- $('').html(' min').appendTo($element);
+ $minutes = $('')
+ .html(' min')
+ [data.runtime ? 'show' : 'hide']()
+ .appendTo($element);
}
}
});