update indiancinema info view

This commit is contained in:
rolux 2013-02-28 10:33:40 +05:30
parent 315bf4bb81
commit f4ae57ea44

View file

@ -4,6 +4,7 @@ pandora.ui.infoView = function(data) {
var ui = pandora.user.ui, var ui = pandora.user.ui,
canEdit = pandora.site.capabilities.canEditMetadata[pandora.user.level], canEdit = pandora.site.capabilities.canEditMetadata[pandora.user.level],
canRemove = pandora.site.capabilities.canRemoveItems[pandora.user.level],
css = { css = {
marginTop: '4px', marginTop: '4px',
textAlign: 'justify', textAlign: 'justify',
@ -144,12 +145,10 @@ pandora.ui.infoView = function(data) {
}) })
.appendTo($data.$element), .appendTo($data.$element),
$updateButton, $editMenu,
$capabilities, $capabilities,
$deleteButton,
$browserImages = []; $browserImages = [];
//pandora.createLinks($text); // FIXME: this is wrong for editables that already have clickLink //pandora.createLinks($text); // FIXME: this is wrong for editables that already have clickLink
@ -220,6 +219,8 @@ pandora.ui.infoView = function(data) {
.appendTo($text); .appendTo($text);
} }
// Groups ------------------------------------------------------------------
renderGroup(['alternativeTitles']); renderGroup(['alternativeTitles']);
renderGroup(['country', 'year', 'language', 'runtime', 'color', 'sound']); renderGroup(['country', 'year', 'language', 'runtime', 'color', 'sound']);
@ -241,6 +242,8 @@ pandora.ui.infoView = function(data) {
updateIMDb(); updateIMDb();
} }
// Summary -----------------------------------------------------------------
if (data.summary || canEdit) { if (data.summary || canEdit) {
Ox.EditableContent({ Ox.EditableContent({
clickLink: pandora.clickLink, clickLink: pandora.clickLink,
@ -260,21 +263,48 @@ pandora.ui.infoView = function(data) {
.appendTo($text); .appendTo($text);
} }
// Descriptions ------------------------------------------------------------
$descriptions = $('<div>').attr({id: 'descriptions'}).appendTo($text); $descriptions = $('<div>').attr({id: 'descriptions'}).appendTo($text);
renderDescriptions(); renderDescriptions();
$('<div>').css({height: '16px'}).appendTo($text); $('<div>').css({height: '16px'}).appendTo($text);
// Menu --------------------------------------------------------------------
if (canEdit) { if (canEdit) {
$updateButton = Ox.Button({ $editMenu = Ox.MenuButton({
title: 'Update Metadata...', items: [
{
id: 'imdb',
title: 'Update IMDb ID...',
disabled: true
},
{
id: 'metadata',
title: 'Update Metadata...'
},
{},
{
id: 'delete',
title: 'Delete ' + pandora.site.itemName.singular + '...',
disabled: !canRemove
}
],
title: 'Edit...'
width: 128 width: 128
}) })
.css({marginBottom: '4px'}) .css({marginBottom: '4px'})
.bindEvent({ .bindEvent({
click: function() { click: function(data) {
pandora.$ui.metadataDialog = pandora.ui.metadataDialog(data).open(); if (data.id == 'imdb') {
pandora.$ui.idDialog = pandora.ui.idDialog(data).open();
} else if (data.id == 'metadata') {
pandora.$ui.metadataDialog = pandora.ui.metadataDialog(data).open();
} else if (data.id == 'delete') {
pandora.$ui.deleteItemDialog = pandora.ui.deleteItemDialog(data).open();
}
} }
}) })
.appendTo($statistics); .appendTo($statistics);
@ -370,47 +400,12 @@ pandora.ui.infoView = function(data) {
} }
if (pandora.site.capabilities.canRemoveItems[pandora.user.level]) {
$deleteButton = Ox.Button({
title: 'Delete ' + pandora.site.itemName.singular + '...',
width: 128
})
.css({marginTop: '4px'})
.bindEvent({
click: deleteItem
})
.appendTo($statistics);
}
$('<div>').css({height: '16px'}).appendTo($statistics); $('<div>').css({height: '16px'}).appendTo($statistics);
if (canEdit) {
$icon.bindEvent({
doubleclick: function() {
pandora.UI.set('showIconBrowser', !ui.showIconBrowser);
$info.animate({
left: ui.showIconBrowser ? 0 : -listWidth + 'px'
}, 250);
$icon.options({
tooltip: !pandora.user.ui.showIconBrowser
? 'Doubleclick to edit icon'
: 'Doubleclick to hide icons'
});
}
});
renderList();
}
function deleteItem() {
pandora.ui.deleteItemDialog(data).open();
}
function editMetadata(key, value) { function editMetadata(key, value) {
if (value != data[key]) { if (value != data[key]) {
var edit = {id: data.id}; var edit = {id: data.id};
if (key == 'title') { if (key == 'alternativeTitles') {
Ox.extend(edit, parseTitle(value));
} else if (key == 'alternativeTitles') {
edit[key] = value ? value.split('; ').map(function(value) { edit[key] = value ? value.split('; ').map(function(value) {
return [value, []]; return [value, []];
}) : []; }) : [];
@ -574,20 +569,6 @@ pandora.ui.infoView = function(data) {
: value; : value;
} }
function parseTitle(title) {
var data = {title: title},
match = /(\(S(\d{2})E(\d{2})\))/.exec(title),
split;
if (match) {
data.season = parseInt(match[2], 10);
data.episode = parseInt(match[3], 10);
split = title.split(match[1]);
data.seriesTitle = split[0].trim();
data.episodeTitle = split[1].trim();
}
return data;
}
function renderCapabilities(rightsLevel) { function renderCapabilities(rightsLevel) {
var capabilities = [].concat( var capabilities = [].concat(
canEdit ? [{name: 'canSeeItem', symbol: 'Find'}] : [], canEdit ? [{name: 'canSeeItem', symbol: 'Find'}] : [],
@ -755,114 +736,6 @@ pandora.ui.infoView = function(data) {
} }
} }
function renderList() {
pandora.api.get({
id: data.id,
keys: [ui.icons == 'posters' ? 'posters' : 'frames']
}, 0, function(result) {
var images = result.data[ui.icons == 'posters' ? 'posters' : 'frames'].map(function(image) {
return Ox.extend(image, {index: image.index.toString()});
}),
selectedImage = images.filter(function(image) {
return image.selected;
})[0];
$list = Ox.IconList({
defaultRatio: ui.icons == 'posters' || !data.stream ? 5/8 : data.stream.aspectratio,
fixedRatio: ui.icons == 'posters' || !data.stream ? false : data.stream.aspectratio,
item: function(data, sort, size) {
var ratio = data.width / data.height;
size = size || 128;
return {
height: ratio <= 1 ? size : size / ratio,
id: data['id'],
info: data.width + ' x ' + data.height + ' px',
title: ui.icons == 'posters' ? data.source : Ox.formatDuration(data.position),
url: data.url.replace('http://', '//'),
width: ratio >= 1 ? size : size * ratio
}
},
items: images,
keys: ui.icons == 'posters'
? ['index', 'source', 'width', 'height', 'url']
: ['index', 'position', 'width', 'height', 'url'],
max: 1,
min: 1,
orientation: 'both',
// fixme: should never be undefined
selected: selectedImage ? [selectedImage['index']] : [],
size: 128,
sort: [{key: 'index', operator: '+'}],
unique: 'index'
})
.addClass('OxMedia')
.css({
display: 'block',
position: 'absolute',
left: 0,
top: 0,
width: listWidth + 'px',
height: pandora.$ui.contentPanel.size(1) + 'px'
})
.bindEvent({
select: function(event) {
var index = event.ids[0];
selectedImage = images.filter(function(image) {
return image.index == index;
})[0];
var imageRatio = selectedImage.width / selectedImage.height,
src = selectedImage.url.replace('http://', '//');
if ($browserImages.length == 0) {
$browserImages = pandora.$ui.browser.find('img[src*="/' + data.id + '/"]');
}
if (ui.icons == 'posters' && !ui.showSitePosters) {
$browserImages.each(function() {
var $this = $(this),
size = Math.max($this.width(), $this.height());
$this.attr({src: src});
ui.icons == 'posters' && $this.css(imageRatio < 1 ? {
width: Math.round(size * imageRatio) + 'px',
height: size + 'px'
} : {
width: size + 'px',
height: Math.round(size / imageRatio) + 'px'
});
});
$icon.attr({src: src});
$reflectionIcon.attr({src: src});
iconRatio = imageRatio;
iconSize = iconSize == 256 ? 512 : 256;
toggleIconSize();
}
pandora.api[ui.icons == 'posters' ? 'setPoster' : 'setPosterFrame'](Ox.extend({
id: data.id
}, ui.icons == 'posters' ? {
source: selectedImage.source
} : {
// fixme: api slightly inconsistent, this shouldn't be "position"
position: selectedImage.index
}), function() {
// fixme: update the info (video preview) frame as well
var src;
pandora.clearIconCache(data.id);
Ox.Request.clearCache();
if (ui.icons == 'frames') {
src = '/' + data.id + '/icon512.jpg?' + Ox.uid()
$icon.attr({src: src});
$reflectionIcon.attr({src: src});
}
$browserImages.each(function() {
$(this).attr({src: '/' + data.id + '/' + (
ui.icons == 'posters' ? 'poster' : 'icon'
) + '128.jpg?' + Ox.uid()});
});
});
}
})
.appendTo($info);
$list.size();
});
}
function renderRightsLevel() { function renderRightsLevel() {
var $rightsLevelElement = getRightsLevelElement(data.rightslevel), var $rightsLevelElement = getRightsLevelElement(data.rightslevel),
$rightsLevelSelect; $rightsLevelSelect;