pandora/static/js/utils.js

2543 lines
95 KiB
JavaScript
Raw Normal View History

2011-07-29 18:37:11 +00:00
// vim: et:ts=4:sw=4:sts=4:ft=javascript
2011-06-16 20:00:10 +00:00
2011-11-05 17:04:10 +00:00
'use strict';
2013-02-25 10:18:27 +00:00
pandora.addItem = function() {
pandora.api.add(function(result) {
2013-02-25 16:36:02 +00:00
Ox.Request.clearCache('find');
2013-02-25 10:18:27 +00:00
pandora.UI.set({
item: result.data.id,
itemView: 'info'
});
});
};
2014-02-05 13:37:59 +00:00
pandora.addEdit = function() {
// addEdit(isSmart, isFrom) or addEdit(edit) [=duplicate]
pandora.addFolderItem.apply(null, ['edits'].concat(Ox.slice(arguments)));
};
2013-06-14 16:35:12 +00:00
2014-02-05 13:37:59 +00:00
pandora.addFolderItem = function(section) {
// addFolderItem(section, isSmart, isFrom)
// or addFolderItem(section, list) [=duplicate]
2011-09-29 17:25:04 +00:00
var $folderList = pandora.$ui.folderList.personal,
2014-02-05 13:37:59 +00:00
isDuplicate = arguments.length == 2,
isItems = section == 'items',
isSmart, isFrom, list, listData, data,
ui = pandora.user.ui;
pandora.UI.set({showSidebar: true});
2011-09-29 17:25:04 +00:00
if (!isDuplicate) {
2014-02-05 13:37:59 +00:00
isSmart = arguments[1];
isFrom = arguments[2];
2011-09-29 17:25:04 +00:00
data = {
2013-05-10 14:54:30 +00:00
name: Ox._('Untitled'),
2011-09-29 17:25:04 +00:00
status: 'private',
type: !isSmart ? 'static' : 'smart'
};
if (isFrom) {
if (!isSmart) {
if (isItems) {
data.items = ui.listSelection;
} else {
data.clips = pandora.getClipData(
ui.section == 'items'
? pandora.$ui.clipList.options('selected') // FIXME: still wrong, could be annotation or in-to-out
: pandora.$ui.editPanel.getSelectedClips()
);
}
2011-09-29 17:25:04 +00:00
} else {
2014-02-05 13:37:59 +00:00
data.query = ui.find;
2011-09-29 17:25:04 +00:00
}
}
if (ui.section == 'items' && section == 'edits') {
pandora.UI.set({section: 'edits'});
}
2012-04-19 08:53:22 +00:00
addList();
2011-09-29 17:25:04 +00:00
} else {
2014-02-05 13:37:59 +00:00
list = arguments[1];
2011-09-29 17:25:04 +00:00
listData = pandora.getListData();
data = {
name: listData.name,
status: listData.status == 'featured' ? 'public' : listData.status,
2011-09-29 17:25:04 +00:00
type: listData.type
};
if (data.type == 'smart') {
data.query = listData.query;
}
2014-02-05 13:37:59 +00:00
pandora.api[isItems ? 'findLists' : 'findEdits']({
query: {conditions: [{key: 'id', value: list, operator: '=='}]},
keys: ['description']
2011-09-29 17:25:04 +00:00
}, function(result) {
data.description = result.data.items[0].description;
if (data.type == 'static') {
2014-02-05 13:37:59 +00:00
var query;
if (isItems) {
query = {
conditions: [{key: 'list', value: list, operator: '=='}],
operator: '&'
};
pandora.api.find({query: query}, function(result) {
if (result.data.items) {
pandora.api.find({
query: query,
keys: ['id'],
sort: [{key: 'id', operator: ''}],
range: [0, result.data.items]
}, function(result) {
data.items = result.data.items.map(function(item) {
2014-02-05 13:37:59 +00:00
return item.id;
});
addList();
2014-02-05 13:37:59 +00:00
});
} else {
addList();
}
});
} else {
pandora.api.getEdit({id: list}, function(result) {
data.clips = result.data.clips.map(function(clip) {
2014-02-05 13:37:59 +00:00
return Ox.extend({
item: clip.item
}, clip.annotation ? {
annotation: clip.annotation
} : {
'in': clip['in'],
out: clip.out
});
});
addList();
2014-02-05 13:37:59 +00:00
});
}
2011-09-29 17:25:04 +00:00
} else {
2013-02-25 10:18:27 +00:00
addList();
2011-09-29 17:25:04 +00:00
}
});
2011-09-29 17:25:04 +00:00
}
function addList() {
2014-02-05 13:37:59 +00:00
pandora.api[isItems ? 'addList' : 'addEdit'](data, function(result) {
getPosterFrames(result.data.id);
2011-09-29 17:25:04 +00:00
});
}
function getPosterFrames(newList) {
2014-02-05 13:37:59 +00:00
var query,
sortKey = Ox.getObjectById(pandora.site.itemKeys, 'votes')
? 'votes' : 'timesaccessed';
2011-09-29 17:25:04 +00:00
if (!isDuplicate) {
2014-02-05 13:37:59 +00:00
(isItems ? Ox.noop : pandora.api.getEdit)({id: newList}, function(result) {
query = isItems ? {
2011-09-29 17:25:04 +00:00
conditions: [{key: 'list', value: newList, operator: '=='}],
operator: '&'
2014-02-05 13:37:59 +00:00
} : {
conditions: Ox.unique(result.data.clips.map(function(clip) {
2014-02-05 13:37:59 +00:00
return {key: 'id', value: clip.item, operator: '=='};
})),
operator: '|'
};
pandora.api.find({
query: {
conditions: [{key: 'list', value: newList, operator: '=='}],
operator: '&'
},
keys: ['id', 'posterFrame'],
sort: [{key: sortKey, operator: ''}],
range: [0, 4]
}, function(result) {
var posterFrames = result.data.items.map(function(item) {
return {item: item.id, position: item.posterFrame};
});
posterFrames = posterFrames.length == 1
? Ox.repeat([posterFrames[0]], 4)
: posterFrames.length == 2
? [posterFrames[0], posterFrames[1], posterFrames[1], posterFrames[0]]
: posterFrames.length == 3
? [posterFrames[0], posterFrames[1], posterFrames[2], posterFrames[0]]
: posterFrames;
setPosterFrames(newList, posterFrames);
2011-09-29 17:25:04 +00:00
});
2014-02-05 13:37:59 +00:00
});
2011-09-29 17:25:04 +00:00
} else {
2014-02-05 13:37:59 +00:00
pandora.api[isItems ? 'findLists' : 'findEdits']({
2011-09-29 17:25:04 +00:00
query: {
conditions: [{key: 'id', value: list, operator: '=='}],
operator: '&'
},
keys: ['posterFrames']
}, function(result) {
setPosterFrames(newList, result.data.items[0].posterFrames);
});
}
}
function setPosterFrames(newList, posterFrames) {
2014-02-05 13:37:59 +00:00
pandora.api[isItems ? 'editList' : 'editEdit']({
2011-09-29 17:25:04 +00:00
id: newList,
posterFrames: posterFrames
}, function() {
reloadFolder(newList);
});
}
function reloadFolder(newList) {
// FIXME: collapsing sets ui showFolder,
// but should work the other way around
// (same applies to addText, below)
$folderList = pandora.$ui.folderList.personal;
pandora.$ui.folder[0].options({collapsed: false});
2014-02-05 13:37:59 +00:00
Ox.Request.clearCache(isItems ? 'findLists' : 'findEdits');
2011-09-29 17:25:04 +00:00
$folderList.bindEventOnce({
2013-08-04 18:05:56 +00:00
load: function() {
2011-09-29 17:25:04 +00:00
$folderList.gainFocus()
.options({selected: [newList]})
.editCell(newList, 'name', true);
2014-02-05 13:37:59 +00:00
pandora.UI.set(isItems ? {
2011-09-29 17:25:04 +00:00
find: {
conditions: [{key: 'list', value: newList, operator: '=='}],
operator: '&'
}
2014-02-05 13:37:59 +00:00
} : {
edit: newList
2011-10-29 17:46:46 +00:00
});
2011-09-29 17:25:04 +00:00
}
}).reloadList();
}
};
2014-02-05 13:37:59 +00:00
pandora.addList = function() {
// addList(isSmart, isFrom) or addList(list) [=duplicate]
pandora.addFolderItem.apply(null, ['items'].concat(Ox.slice(arguments)));
};
2013-02-20 11:29:29 +00:00
pandora.addText = function(options) {
2013-02-16 01:20:40 +00:00
var $folderList = pandora.$ui.folderList.personal;
2013-02-20 11:29:29 +00:00
options = options || {};
pandora.api.addText(options, function(result) {
2013-02-16 01:20:40 +00:00
reloadFolder(result.data.id);
});
function reloadFolder(newId) {
pandora.$ui.folder[0].options({collapsed: false});
Ox.Request.clearCache('findTexts');
$folderList.bindEventOnce({
load: function(data) {
$folderList.gainFocus()
.options({selected: [newId]})
.editCell(newId, 'name', true);
pandora.UI.set(pandora.user.ui.section.slice(0, -1), newId);
}
}).reloadList();
}
}
2011-09-29 17:25:04 +00:00
pandora.beforeUnloadWindow = function() {
if (pandora.firefogg)
return Ox._("Encoding is currently running\nDo you want to leave this page?");
//prevent error dialogs on unload
pandora.isUnloading = true;
};
2013-02-16 01:20:40 +00:00
pandora.changeFolderItemStatus = function(id, status, callback) {
var ui = pandora.user.ui,
folderItems = ui.section == 'items' ? 'Lists' : Ox.toTitleCase(ui.section),
folderItem = folderItems.slice(0, -1);
if (status == 'private') {
2013-02-16 01:20:40 +00:00
pandora.api['find' + folderItems]({
query: {conditions: [{key: 'id', value: id, operator: '=='}]},
2011-11-06 18:36:22 +00:00
keys: ['name', 'subscribers']
}, function(result) {
2011-11-06 18:36:22 +00:00
var name = result.data.items[0].name,
subscribers = result.data.items[0].subscribers;
if (subscribers) {
2011-11-06 18:36:22 +00:00
pandora.ui.makeListPrivateDialog(name, subscribers, function(makePrivate) {
if (makePrivate) {
changeFolderItemStatus();
2011-11-06 18:36:22 +00:00
} else {
callback({data: {
id: id,
status: 'public'
}});
}
}).open();
} else {
2013-02-16 01:20:40 +00:00
changeFolderItemStatus();
}
});
} else {
2013-02-16 01:20:40 +00:00
changeFolderItemStatus();
}
2013-02-16 01:20:40 +00:00
function changeFolderItemStatus() {
pandora.api['edit' + folderItem]({
2011-11-06 18:36:22 +00:00
id: id,
status: status
}, callback);
}
};
2011-10-27 18:47:52 +00:00
pandora.clickLink = function(e) {
var match = e.target.id.match(/^embed(\d+)$/)
if (match) {
pandora.$ui.textPanel.selectEmbed(parseInt(match[1]));
} else if (
e.target.hostname == document.location.hostname
2012-06-04 09:23:01 +00:00
&& !Ox.startsWith(e.target.pathname, '/static')
&& (window.self == window.top || pandora.isEmbeddableView(e.target.href))
) {
if (pandora.$ui.home && e.target.pathname != '/home') {
pandora.$ui.home.fadeOutScreen();
}
pandora.URL.push(e.target.pathname, true);
2011-10-27 18:47:52 +00:00
} else {
pandora.openLink(e.target.href);
2011-10-27 18:47:52 +00:00
}
};
pandora.createLinks = function($element) {
function isExternalLink(target) {
2013-02-13 04:54:16 +00:00
return target.hostname != document.location.hostname
|| Ox.startsWith(target.pathname, '/static');
}
2013-08-08 14:44:59 +00:00
$element.on({
click: function(e) {
var $target = $(e.target);
2014-11-20 21:20:59 +00:00
while (true) {
if ($target.is('a') || $target[0] == $element[0]) {
2014-11-20 21:20:59 +00:00
break;
}
2014-11-20 21:32:42 +00:00
$target = $($target.parent());
2014-11-20 21:20:59 +00:00
}
2013-08-08 14:44:59 +00:00
if (
$target.is('a')
&& !$($target.parent()).is('.OxEditable')
&& !$($target.parent()).is('.OxEditableContent')
) {
e.preventDefault();
2014-11-20 21:32:42 +00:00
if (isExternalLink($target[0])) {
pandora.openLink($target[0].href);
2013-08-08 14:44:59 +00:00
} else {
2014-11-20 21:32:42 +00:00
pandora.clickLink({target: $target[0]});
}
2011-10-27 18:47:52 +00:00
}
2013-08-08 14:44:59 +00:00
return false;
}
});
};
(function() {
pandora.doHistory = function(action, items, targets, callback) {
items = Ox.makeArray(items);
targets = Ox.makeArray(targets);
if (action == 'copy' || action == 'paste') {
addItems(items, targets[0], addToHistory);
} else if (action == 'cut' || action == 'delete') {
removeItems(items, targets[0], addToHistory);
2013-08-09 18:36:02 +00:00
} else if (action == 'edit') {
editItem(items[1], addToHistory);
} else if (action == 'join' || action == 'split') {
removeItems(items[0], targets[0], function() {
addItems(items[1], targets[0], addToHistory);
});
} else if (action == 'move') {
2013-08-04 11:38:31 +00:00
removeItems(items, targets[0], function() {
addItems(items, targets[1], addToHistory);
});
}
function addToHistory(result, addedItems) {
var actions = {
copy: 'Copying',
cut: 'Cutting',
'delete': 'Deleting',
edit: 'Editing',
2013-08-09 12:53:36 +00:00
join: 'Joining',
move: 'Moving',
2013-08-09 12:53:36 +00:00
paste: 'Pasting',
split: 'Splitting'
},
2013-08-09 18:36:02 +00:00
length = action == 'edit' ? 1
: action == 'join' || action == 'split' ? items[0].length
: items.length,
type = getType(items),
text = Ox._(actions[action]) + ' ' + (
2013-08-09 12:53:36 +00:00
length == 1 ? Ox._(type == 'item' ? pandora.site.itemName.singular : 'Clip')
: length + ' ' + Ox._(type == 'item' ? pandora.site.itemName.plural : 'Clips')
);
pandora.history.add({
action: action,
items: action == 'cut' || action == 'delete' ? [items]
: action == 'copy' || action == 'paste' ? [addedItems]
2013-08-09 18:36:02 +00:00
: action == 'edit' ? items
: action == 'join' || action == 'split' ? [items[0], addedItems]
: [items, addedItems], // move
2013-08-08 17:04:21 +00:00
positions: [],
targets: targets,
text: text
});
callback(result);
}
};
pandora.redoHistory = function(callback) {
var object = pandora.history.redo();
if (object) {
if (object.action == 'copy' || object.action == 'paste') {
addItems(object.items[0], object.targets[0], done);
} else if (object.action == 'cut' || object.action == 'delete') {
removeItems(object.items[0], object.targets[0], done);
2013-08-09 18:36:02 +00:00
} else if (object.action == 'edit') {
editItem(object.items[1], done);
} else if (object.action == 'join' || object.action == 'split') {
removeItems(object.items[0], object.targets[0], function() {
addItems(object.items[1], object.targets[0], done);
});
} else if (object.action == 'move') {
removeItems(object.items[0], object.targets[0], function() {
addItems(object.items[1], object.targets[1], done);
});
}
}
2013-08-09 18:36:02 +00:00
function done() {
doneHistory(object, callback);
}
};
pandora.undoHistory = function(callback) {
var object = pandora.history.undo();
if (object) {
if (object.action == 'copy' || object.action == 'paste') {
removeItems(object.items[0], object.targets[0], done);
} else if (object.action == 'cut' || object.action == 'delete') {
addItems(object.items[0], object.targets[0], done);
2013-08-09 18:36:02 +00:00
} else if (object.action == 'edit') {
editItem(object.items[0], done);
} else if (object.action == 'join' || object.action == 'split') {
removeItems(object.items[1], object.targets[0], function() {
addItems(object.items[0], object.targets[0], done);
});
} else if (object.action == 'move') {
removeItems(object.items[1], object.targets[1], function() {
addItems(object.items[0], object.targets[0], done);
});
}
}
2013-08-09 18:36:02 +00:00
function done() {
doneHistory(object, callback);
}
};
function addItems(items, target, callback) {
2013-08-08 15:51:57 +00:00
var clips, type = getType(items);
if (type == 'item') {
pandora.api.find({
query: {
conditions: [{key: 'list', operator: '==', value: target}],
operator: '&'
},
positions: items
}, function(result) {
var existingItems = Object.keys(result.data.positions),
addedItems = items.filter(function(item) {
return !Ox.contains(existingItems, item);
});
if (addedItems.length) {
pandora.api.addListItems({items: addedItems, list: target}, function(result) {
callback(result, addedItems);
});
} else {
callback(null, []);
}
});
} else {
pandora.api.addClips({
clips: pandora.getClipData(items),
edit: target,
2014-11-21 16:52:09 +00:00
index: pandora.$ui.editPanel ? pandora.$ui.editPanel.getPasteIndex() : void 0
}, function(result) {
// adding clips creates new ids, so mutate items in history
items.splice.apply(items, [0, items.length].concat(pandora.getClipItems(result.data.clips)));
callback(result, items);
2013-08-09 12:53:36 +00:00
});
}
}
function doneHistory(object, callback) {
var list, listData,
2013-08-09 18:36:02 +00:00
type = getType(object.items),
ui = pandora.user.ui;
if (type == 'item' && ui.section == 'items') {
Ox.Request.clearCache('find');
object.targets.filter(function(list) {
return list != ui._list;
}).forEach(function(list) {
listData = pandora.getListData(list);
pandora.api.find({
query: {
conditions: [{key: 'list', value: list, operator: '=='}],
operator: '&'
}
}, function(result) {
pandora.$ui.folderList[listData.folder].value(
list, 'items', result.data.items
);
});
});
if (Ox.contains(object.targets, ui._list)) {
// FIXME: Why is this timeout needed?
setTimeout(pandora.reloadList, 250);
2013-08-03 14:27:22 +00:00
}
} else if (type == 'clip' && ui.section == 'edits') {
// FIXME: update edit list (once it has item count)
if (Ox.contains(object.targets, ui.edit)) {
pandora.$ui.editPanel && pandora.$ui.editPanel.updatePanel();
}
2013-08-03 14:27:22 +00:00
}
callback && callback();
}
2013-08-09 18:36:02 +00:00
function editItem(item, callback) {
var clip = pandora.getClipData([item])[0],
2013-08-09 18:36:02 +00:00
id = getClipIds([item])[0];
pandora.api.editClip({
id: id,
'in': clip['in'],
out: clip.out
}, callback);
}
2013-08-08 17:04:21 +00:00
function getClipIds(items) {
return items.map(function(clip) {
return clip.split('/').pop();
});
}
function getType(items) {
2013-08-09 18:36:02 +00:00
return Ox.contains(items[0], '/') || Ox.contains(items[0][0], '/') ? 'clip' : 'item';
2013-08-08 17:04:21 +00:00
}
function removeItems(items, target, callback) {
var type = getType(items);
2013-08-08 15:51:57 +00:00
if (type == 'item') {
pandora.api.removeListItems({items: items, list: target}, callback);
} else {
2013-08-08 17:04:21 +00:00
pandora.api.removeClips({ids: getClipIds(items), edit: target}, callback);
2013-08-08 15:51:57 +00:00
}
}
}());
pandora.enableDragAndDrop = function($list, canMove, section, getItems) {
section = section || pandora.user.ui.section;
2011-09-05 02:20:38 +00:00
var $tooltip = Ox.Tooltip({
animate: false
2011-09-05 02:20:38 +00:00
}),
drag = {},
scrollInterval;
$list.bindEvent({
draganddropstart: function(data) {
var ui = pandora.user.ui;
if (section != ui.section) {
pandora.$ui.mainPanel.replaceElement(0,
pandora.$ui.leftPanel = pandora.ui.leftPanel(section)
);
}
drag.action = 'copy';
drag.ids = getItems ? getItems($list) : $list.options('selected');
drag.item = drag.ids.length == 1
? $list.value(drag.ids[0], 'title') || 1
: drag.ids.length;
drag.source = pandora.getListData();
drag.targets = {};
2013-07-15 11:39:23 +00:00
//fixme instead of a fixed timeout,
//bind to lists and update if they get new items
setTimeout(function() {
Ox.forEach(pandora.$ui.folderList, function($list) {
$list.addClass('OxDroppable').find('.OxItem').each(function() {
var $item = $(this),
id = $item.data('id'),
data = $list.value(id);
if (drag.targets) {
drag.targets[id] = Ox.extend({
editable: data.user == pandora.user.username
&& data.type == 'static',
selected: $item.is('.OxSelected')
}, data);
if (!drag.targets[id].selected && drag.targets[id].editable) {
$item.addClass('OxDroppable');
}
2013-07-15 11:39:23 +00:00
}
});
});
}, section != ui.section ? 2000 : 0);
2013-07-15 11:39:23 +00:00
$tooltip.options({title: getTitle()}).show(data.event);
canMove && Ox.$window.on({
2013-07-15 11:39:23 +00:00
keydown: keydown,
keyup: keyup
});
},
draganddrop: function(data) {
var event = data.event;
$tooltip.options({
title: getTitle(event)
}).show(event);
if (scrollInterval && !isAtListsTop(event) && !isAtListsBottom(event)) {
clearInterval(scrollInterval);
scrollInterval = 0;
}
},
draganddroppause: function(data) {
var event = data.event, scroll,
$parent, $grandparent, $panel, title;
if (!pandora.user.ui.showSidebar) {
if (event.clientX < 16 && event.clientY >= 44
&& event.clientY < window.innerHeight - 16
) {
2014-09-22 14:55:12 +00:00
pandora.$ui.mainPanel.toggleElement(0);
2013-07-15 11:39:23 +00:00
}
} else {
$parent = $(event.target).parent();
$grandparent = $parent.parent();
$panel = $parent.is('.OxCollapsePanel') ? $parent
: $grandparent.is('.OxCollapsePanel') ? $grandparent : null;
if ($panel) {
title = $panel.children('.OxBar').children('.OxTitle')
.html().split(' ')[0].toLowerCase();
if (!pandora.user.ui.showFolder.items[title]) {
Ox.$elements[$panel.data('oxid')].options({collapsed: false});
2013-07-15 11:39:23 +00:00
}
}
if (!scrollInterval) {
scroll = isAtListsTop(event) ? -16
: isAtListsBottom(event) ? 16 : 0
if (scroll) {
scrollInterval = setInterval(function() {
pandora.$ui.folders.scrollTop(
pandora.$ui.folders.scrollTop() + scroll
);
}, 100);
}
}
}
},
draganddropenter: function(data) {
var $parent = $(data.event.target).parent(),
$item = $parent.is('.OxItem') ? $parent : $parent.parent(),
$list = $item.parent().parent().parent().parent();
if ($list.is('.OxDroppable')) {
$item.addClass('OxDrop');
drag.target = drag.targets[$item.data('id')];
} else {
drag.target = null;
}
},
draganddropleave: function(data) {
var $parent = $(data.event.target).parent(),
$item = $parent.is('.OxItem') ? $parent : $parent.parent();
if ($item.is('.OxDroppable')) {
$item.removeClass('OxDrop');
drag.target = null;
}
},
draganddropend: function(data) {
Ox.Log('', data, drag, '------------');
canMove && Ox.$window.off({
2013-07-15 11:39:23 +00:00
keydown: keydown,
keyup: keyup
});
if (drag.target && drag.target.editable && !drag.target.selected) {
if (drag.action == 'copy' || (
drag.action == 'move' && drag.source.editable
)) {
if (section == 'items') {
var targets = drag.action == 'copy' ? drag.target.id
: [pandora.user.ui._list, drag.target.id];
pandora.doHistory(drag.action, drag.ids, targets, function() {
Ox.Request.clearCache('find');
pandora.api.find({
query: {
conditions: [{key: 'list', value: drag.target.id, operator: '=='}],
operator: '&'
}
}, function(result) {
var folder = drag.target.status != 'featured' ? 'personal' : 'featured';
pandora.$ui.folderList[folder].value(
drag.target.id, 'items', result.data.items
);
cleanup(250);
});
2013-08-03 14:28:43 +00:00
drag.action == 'move' && pandora.reloadList();
});
} else if (section == 'edits') {
2013-08-09 14:35:59 +00:00
var targets = drag.action == 'copy' ? drag.target.id
: [pandora.user.ui.edit, drag.target.id];
pandora.doHistory(drag.action, drag.ids, targets, function() {
Ox.print('FIXME, reload clipslist on drag', drag.ids);
pandora.$ui.editPanel && pandora.$ui.editPanel.updatePanel();
cleanup(250);
});
}
2013-07-15 11:39:23 +00:00
}
} else {
cleanup(0);
}
function cleanup(ms) {
drag = {};
clearInterval(scrollInterval);
scrollInterval = 0;
setTimeout(function() {
$('.OxDroppable').removeClass('OxDroppable');
$('.OxDrop').removeClass('OxDrop');
$tooltip.hide();
section != pandora.user.ui.section && setTimeout(function() {
pandora.$ui.mainPanel.replaceElement(0,
pandora.$ui.leftPanel = pandora.ui.leftPanel());
2013-07-15 11:39:23 +00:00
}, 500);
}, ms);
}
}
});
function getTitle() {
var image, text,
itemName = section == 'items' ? {
plural: Ox._(pandora.site.itemName.plural.toLowerCase()),
singular: Ox._(pandora.site.itemName.singular.toLowerCase())
} : {
plural: Ox._('clips'),
singular: Ox._('clip')
},
targetName = section == 'items' ? {
plural: Ox._('lists'),
singular: Ox._('list')
} : {
plural: Ox._('edits'),
singular: Ox._('edit')
};
if (drag.action == 'move' && section == 'edits' && pandora.user.ui.section == 'items') {
image = 'symbolClose';
text = Ox._(
'You can only remove {0}<br>from {1}.',
[itemName.plural, targetName.plural]
);
} else if (drag.action == 'move' && drag.source.user != pandora.user.username) {
2013-07-15 11:39:23 +00:00
image = 'symbolClose';
text = Ox._(
'You can only remove {0}<br>from your own {1}.',
[itemName.plural, targetName.plural]
);
2013-07-15 11:39:23 +00:00
} else if (drag.action == 'move' && drag.source.type == 'smart') {
image = 'symbolClose';
text = Ox._(
'You can\'t remove {0}<br>from smart {1}.',
[itemName.plural, targetName.plural]
);
2013-07-15 11:39:23 +00:00
} else if (drag.target && drag.target.user != pandora.user.username) {
image = 'symbolClose';
text = Ox._(
'You can only {0} {1}<br>to your own {2}',
[drag.action, itemName.plural, targetName.plural]
);
2013-07-15 11:39:23 +00:00
} else if (drag.target && drag.target.type == 'smart') {
image = 'symbolClose';
text = Ox._(
'You can\'t {0} {1}<br>to smart {2}',
[drag.action, itemName.plural, targetName.plural]
);
2013-07-15 11:39:23 +00:00
} else {
image = drag.action == 'copy' ? 'symbolAdd' : 'symbolRemove';
text = Ox._(Ox.toTitleCase(drag.action)) + ' ' + (
Ox.isString(drag.item)
? '"' + drag.item + '"'
: drag.item + ' ' + itemName[drag.item == 1 ? 'singular' : 'plural']
) + '<br>' + (
2013-07-15 11:39:23 +00:00
drag.target && !drag.target.selected
? Ox._(
'to the {0} "{1}"',
[targetName.singular, Ox.encodeHTMLEntities(drag.target.name)]
)
: Ox._(
'to ' + (
(section == 'items' && pandora.user.ui._list)
|| (section == 'edits' && pandora.user.ui.section == 'edits')
? 'another' : (section == 'items' ? 'a' : 'an')
) + ' {0}',
[targetName.singular]
)
2013-07-15 11:39:23 +00:00
);
}
return $('<div>')
.append(
$('<div>')
.css({
float: 'left',
width: '16px',
height: '16px',
padding: '2px',
2013-02-11 06:47:55 +00:00
border: '2px solid rgb(' + Ox.Theme.getThemeData().symbolDefaultColor.join(', ') + ')',
borderRadius: '12px',
margin: '3px 2px 2px 2px'
})
.append(
$('<img>')
2014-09-26 12:30:51 +00:00
.attr({src: Ox.UI.getImageURL(image)})
.css({width: '16px', height: '16px'})
)
)
.append(
$('<div>')
.css({
float: 'left',
margin: '1px 2px 2px 2px',
fontSize: '11px',
whiteSpace: 'nowrap'
})
.html(text)
2013-12-29 12:03:42 +00:00
);
}
2011-09-05 02:20:38 +00:00
function isAtListsTop(e) {
return pandora.user.ui.showSidebar
&& e.clientX < pandora.user.ui.sidebarSize
&& e.clientY >= 44 && e.clientY < 60;
}
function isAtListsBottom(e) {
var listsBottom = window.innerHeight - pandora.getInfoHeight();
return pandora.user.ui.showSidebar
&& e.clientX < pandora.user.ui.sidebarSize
&& e.clientY >= listsBottom - 16 && e.clientY < listsBottom;
}
function keydown(e) {
if (e.metaKey) {
drag.action = 'move';
$tooltip.options({title: getTitle()}).show();
}
}
function keyup(e) {
if (drag.action == 'move') {
drag.action = 'copy';
$tooltip.options({title: getTitle()}).show();
}
}
};
2011-05-25 19:42:45 +00:00
pandora.enterFullscreen = function() {
2011-06-06 15:48:11 +00:00
pandora.$ui.appPanel.size(0, 0);
pandora.user.ui.showSidebar && pandora.$ui.mainPanel.size(0, 0);
pandora.$ui.rightPanel.size(0, 0).size(2, 0);
!pandora.user.ui.showBrowser && pandora.$ui.contentPanel.css({
2014-09-26 12:12:25 +00:00
top: (-112 - Ox.UI.SCROLLBAR_SIZE) + 'px' // fixme: rightPanel.size(0, 0) doesn't preserve negative top of browser
2011-05-25 19:42:45 +00:00
});
pandora.user.ui.showBrowser && pandora.$ui.contentPanel.size(0, 0);
2011-06-06 15:48:11 +00:00
pandora.$ui.player.options({
height: pandora.$document.height() - 2,
width: pandora.$document.width() - 2
2011-06-16 20:00:10 +00:00
});
};
2011-05-25 19:42:45 +00:00
pandora.exitFullscreen = function() {
2011-06-06 15:48:11 +00:00
pandora.$ui.appPanel.size(0, 20);
pandora.user.ui.showSidebar && pandora.$ui.mainPanel.size(0, pandora.user.ui.sidebarSize);
pandora.$ui.rightPanel.size(0, 24).size(2, 16);
!pandora.user.ui.showBrowser && pandora.$ui.contentPanel.css({
2014-09-26 12:12:25 +00:00
top: 24 + (-112 - Ox.UI.SCROLLBAR_SIZE) + 'px' // fixme: rightPanel.size(0, 0) doesn't preserve negative top of browser
2011-05-25 19:42:45 +00:00
});
2014-09-26 12:12:25 +00:00
pandora.user.ui.showBrowser && pandora.$ui.contentPanel.size(0, 112 + Ox.UI.SCROLLBAR_SIZE);
2011-06-16 20:00:10 +00:00
};
pandora.getAllItemsTitle = function(section) {
section = section || pandora.user.ui.section;
return section == 'items'
2013-07-15 14:18:58 +00:00
? Ox._('All {0}', [Ox._(pandora.site.itemName.plural)])
: Ox._('{0} ' + Ox.toTitleCase(section), [pandora.site.site.name]);
2013-07-15 14:18:58 +00:00
};
pandora.getClipData = function(items) {
return items.map(function(clip) {
var split = clip.split('/'),
item = split[0],
points = split[1].split('-');
return Ox.extend({
item: item
}, points.length == 1 ? {
annotation: item + '/' + points[0]
} : {
'in': parseFloat(points[0]),
out: parseFloat(points[1])
});
});
};
pandora.getClipItems = function(data) {
return data.map(function(clip) {
return (
clip.annotation || clip.item + '/' + clip['in'] + '-' + clip.out
) + '/' + (clip.id || '');
});
};
// FIXME: naming hazard, above and below
pandora.getClipsItems = function(width) {
width = width || window.innerWidth
- pandora.user.ui.showSidebar * pandora.user.ui.sidebarSize - 1
2014-09-26 12:12:25 +00:00
- Ox.UI.SCROLLBAR_SIZE;
return Math.floor((width - 8) / (128 + 8)) - 1;
};
pandora.getClipsQuery = function(callback) {
2011-10-30 09:49:12 +00:00
// fixme: nice, but not needed
2011-10-20 12:58:21 +00:00
function addClipsConditions(conditions) {
conditions.forEach(function(condition) {
if (condition.conditions) {
addClipsConditions(condition.conditions);
} else if (
2012-01-18 19:03:29 +00:00
(condition.key == 'annotations'
||Ox.getIndexById(pandora.site.layers, condition.key) > -1)
2011-10-20 12:58:21 +00:00
&& condition.operator == '='
) {
clipsQuery.conditions.push(condition);
}
});
}
var clipsQuery = {
conditions: []
};
addClipsConditions(pandora.user.ui.find.conditions);
clipsQuery.operator = clipsQuery.conditions.length ? '|' : '&';
if (callback) {
if (pandora.user.ui._list) {
pandora.api.getList({id: pandora.user.ui._list}, function(result) {
if (result.data.type == 'smart') {
addClipsConditions(result.data.query.conditions);
}
callback(clipsQuery)
});
} else {
callback(clipsQuery)
}
} else {
return clipsQuery;
}
2011-10-20 12:58:21 +00:00
};
pandora.getClipVideos = function(clip, resolution) {
var currentTime = 0,
start = clip['in'] || 0,
end = clip.out;
resolution = resolution || pandora.user.ui.videoResolution;
return Ox.flatten(Ox.range(clip.parts).map(function(i) {
var item = {
src: pandora.getVideoURL(clip.item, resolution, i + 1),
resolution: resolution
};
2013-07-14 17:44:30 +00:00
if (currentTime + clip.durations[i] <= start || currentTime > end) {
item = null;
} else {
2014-02-06 14:23:29 +00:00
if (clip.id) {
item.id = clip.id;
}
2013-07-14 17:44:30 +00:00
if (currentTime <= start && currentTime + clip.durations[i] > start) {
item['in'] = start - currentTime;
}
if (currentTime + clip.durations[i] >= end) {
item.out = end - currentTime;
}
if (item['in'] && item.out) {
item.duration = item.out - item['in']
} else if (item.out) {
item.duration = item.out;
} else if (!Ox.isUndefined(item['in'])) {
item.duration = clip.durations[i] - item['in'];
item.out = clip.durations[i];
} else {
item.duration = clip.durations[i];
item['in'] = 0;
item.out = item.duration;
}
}
currentTime += clip.durations[i];
return item;
}).filter(function(c) {
return !!c;
}));
};
2011-11-09 22:32:54 +00:00
(function() {
var itemTitles = {};
2013-08-03 17:18:21 +00:00
pandora.getDocumentTitle = function(itemData) {
var parts = [];
2013-08-03 17:18:21 +00:00
if (itemData) {
2014-02-03 03:47:55 +00:00
itemTitles[pandora.user.ui.item] = Ox.decodeHTMLEntities(
pandora.getItemTitle(itemData)
);
2013-08-03 17:18:21 +00:00
}
2013-03-02 13:54:35 +00:00
if (pandora.user.ui.section == 'items') {
if (!pandora.user.ui.item) {
2014-02-03 03:47:55 +00:00
parts.push(
pandora.user.ui._list
? pandora.user.ui._list.split(':').slice(1).join(':')
2014-02-03 03:47:55 +00:00
: pandora.getAllItemsTitle('items')
);
2014-02-14 15:23:59 +00:00
parts.push(Ox._("{0} View", [Ox._(Ox.toTitleCase(pandora.user.ui.listView))]));
2013-03-02 13:54:35 +00:00
} else {
parts.push(itemTitles[pandora.user.ui.item] || pandora.user.ui.item);
2014-02-14 15:23:59 +00:00
parts.push(Ox._("{0} View", [Ox._(Ox.toTitleCase(pandora.user.ui.itemView))]));
2013-03-02 13:54:35 +00:00
}
2013-08-03 17:18:21 +00:00
} else if (pandora.user.ui.section == 'edits') {
if (pandora.user.ui.edit) {
parts.push(pandora.user.ui.edit.split(':').slice(1).join(':'));
}
parts.push(Ox._('Edits'));
2013-03-02 13:54:35 +00:00
} else if (pandora.user.ui.section == 'texts') {
if (pandora.user.ui.text) {
parts.push(pandora.user.ui.text.split(':').slice(1).join(':'));
}
parts.push(Ox._('Texts'));
2011-11-09 22:32:54 +00:00
}
parts.push(pandora.site.site.name);
return parts.join(' – ');
2011-11-09 22:32:54 +00:00
};
}());
pandora.getDownloadLink = function(item, rightslevel) {
var torrent = pandora.site.video.torrent;
if (arguments.length == 2 && torrent &&
pandora.site.capabilities.canSeeItem.guest < rightslevel) {
torrent = false;
}
return '/' + item + (torrent ? '/torrent/' : '/download/');
2014-01-18 00:49:50 +00:00
};
2013-08-03 17:18:21 +00:00
pandora.getEditTooltip = function(title) {
return function(e) {
var $target = $(e.target);
return (
$target.is('a') || $target.parents('a').length
2013-05-09 10:13:58 +00:00
? Ox._('Shift+doubleclick to edit') : Ox._('Doubleclick to edit')
2014-02-14 15:23:59 +00:00
) + (title ? ' ' + Ox._(title) : '');
}
};
2011-11-06 08:28:10 +00:00
pandora.getFilterSizes = function() {
2012-06-25 14:37:45 +00:00
return Ox.splitInt(
window.innerWidth
- pandora.user.ui.showSidebar * pandora.user.ui.sidebarSize
- 1,
5
2011-11-06 08:28:10 +00:00
);
};
pandora.getFoldersHeight = function(section) {
section = section || pandora.user.ui.section;
2011-09-01 04:46:44 +00:00
var height = 0;
pandora.site.sectionFolders[section].forEach(function(folder, i) {
height += 16 + pandora.user.ui.showFolder[section][folder.id] * (
!!(folder.showBrowser && folder.hasItems) * 40 + (folder.items || 1) * 16
2011-05-25 19:42:45 +00:00
);
});
return height;
2011-06-16 20:00:10 +00:00
};
2011-05-25 19:42:45 +00:00
pandora.getFoldersWidth = function(section) {
section = section || pandora.user.ui.section;
2011-06-06 15:48:11 +00:00
var width = pandora.user.ui.sidebarSize;
2011-09-28 17:32:03 +00:00
if (
2011-10-01 13:51:18 +00:00
pandora.$ui.appPanel
&& pandora.getFoldersHeight(section)
> window.innerHeight - 20 - 24 - 16 - 1 - pandora.getInfoHeight(section)
2011-09-28 17:32:03 +00:00
) {
2014-09-26 12:12:25 +00:00
width -= Ox.UI.SCROLLBAR_SIZE;
2011-05-25 19:42:45 +00:00
}
return width;
2011-06-16 20:00:10 +00:00
};
2011-05-25 19:42:45 +00:00
pandora.getHash = function(state, callback) {
var embedKeys = [
2014-02-18 06:33:24 +00:00
'annotationsRange', 'annotationsSort',
'embed',
'ignoreRights', 'invertHighlight',
'matchRatio',
'paused', 'playInToOut',
'showAnnotations', 'showCloseButton', 'showLayers', 'showTimeline',
'timeline', 'title'
],
2013-07-12 10:29:24 +00:00
isEmbed = state.hash && state.hash.anchor == 'embed',
isPrint = state.hash && state.hash.anchor == 'print',
printKeys = [],
removeKeys = [];
2013-07-12 11:38:05 +00:00
if (state.hash && state.hash.anchor && !isEmbed && !isPrint) {
delete state.hash.anchor;
}
if (state.hash && state.hash.query) {
if (isEmbed) {
state.hash.query.forEach(function(condition) {
if (!Ox.contains(embedKeys, condition.key)) {
removeKeys.push(condition.key);
}
});
2013-03-09 04:24:00 +00:00
} else if (isPrint) {
state.hash.query.forEach(function(condition) {
if (!Ox.contains(printKeys, condition.key)) {
removeKeys.push(condition.key);
}
});
} else {
state.hash.query.forEach(function(condition) {
var key = condition.key.split('.')[0];
if (pandora.site.user.ui[key] === void 0) {
removeKeys.push(condition.key);
}
});
}
state.hash.query = state.hash.query.filter(function(condition) {
return !Ox.contains(removeKeys, condition.key);
});
if (Ox.isEmpty(state.hash.query)) {
delete state.hash.query;
}
}
if (Ox.isEmpty(state.hash)) {
delete state.hash;
}
callback();
};
pandora.getInfoHeight = function(section, includeHidden) {
// Note: Either argument can be ommitted
2011-09-05 02:20:38 +00:00
// fixme: new, check if it can be used more
section = section || pandora.user.ui.section;
if (arguments.length == 1 && Ox.isBoolean(arguments[0])) {
section = pandora.user.ui.section;
includeHidden = arguments[0];
}
2011-11-02 19:11:00 +00:00
var height = 0, isVideoPreview;
if (pandora.user.ui.showInfo || includeHidden) {
isVideoPreview = section == 'items' && (
pandora.user.ui.item || (
pandora.user.ui.listSelection.length && !pandora.isClipView()
)
2011-11-02 19:11:00 +00:00
);
height = Math.min(
isVideoPreview
2012-01-30 21:16:58 +00:00
? Math.round(pandora.user.ui.sidebarSize / pandora.site.video.previewRatio) + 16
: pandora.user.ui.sidebarSize,
2011-11-02 19:11:00 +00:00
window.innerHeight - 109 // 20 menu + 24 bar + 64 (4 closed folders) + 1 resizebar
);
}
return height;
2014-01-18 00:49:50 +00:00
};
2011-09-05 02:20:38 +00:00
pandora.getItem = function(state, str, callback) {
if (state.type == pandora.site.itemName.plural.toLowerCase()) {
var secondaryId = pandora.site.itemKeys.filter(function(key) {
return key.secondaryId;
}).map(function(key) {
return key.id;
})[0],
sortKey = Ox.getObjectById(pandora.site.itemKeys, 'votes')
? 'votes'
: 'timesaccessed';
Ox.getObjectById(pandora.site.itemKeys, 'alt')
2013-02-16 01:20:40 +00:00
pandora.api.get({id: str, keys: ['id']}, function(result) {
if (result.status.code == 200) {
2013-03-04 11:20:21 +00:00
state.item = result.data.id;
callback();
2013-02-16 01:20:40 +00:00
} else {
(secondaryId ? pandora.api.find : Ox.noop)({
2013-02-16 01:20:40 +00:00
query: {
conditions: [{key: secondaryId, value: str, operator: '=='}],
2013-02-16 01:20:40 +00:00
operator: '&'
},
sort: [{key: sortKey, operator: '-'}],
range: [0, 1],
keys: ['id']
2013-02-16 01:20:40 +00:00
}, function(result) {
if (result && result.data.items.length) {
state.item = result.data.items[0].id;
callback();
} else {
pandora.api.find({
query: {
conditions: [{key: 'title', value: str, operator: '=='}],
operator: '&'
},
sort: [{key: sortKey, operator: '-'}],
range: [0, 100],
keys: ['id', 'title', sortKey]
}, function(result) {
if (result.data.items.length) {
var regexp = new RegExp('^' + Ox.escapeRegExp(str) + '$', 'i'),
items = result.data.items.map(function(item) {
return {
id: item.id,
// prefer title match over originalTitle match
sort: (item.title == str ? 1000000 : 0)
+ (parseInt(item[sortKey]) || 0)
// fixme: remove the (...|| 0) check
// once the backend sends correct data
};
});
state.item = items.sort(function(a, b) {
return b.sort - a.sort;
})[0].id;
}
callback();
});
}
2013-02-16 01:20:40 +00:00
});
}
});
} else if (state.type == 'edits') {
pandora.api.getEdit({id: str}, function(result) {
2013-03-04 11:20:21 +00:00
if (result.status.code == 200) {
state.item = result.data.id;
callback();
} else {
state.item = '';
callback();
}
});
} else if (state.type == 'texts') {
pandora.api.getText({id: str, keys: ['id', 'names', 'pages', 'type']}, function(result) {
if (result.status.code == 200) {
state.item = result.data.id;
callback();
} else {
// FIXME: add findText call here?
// FIXME: it's obscure that in the texts case,
// we have to set item to '', while for videos,
// it remains undefined
state.item = '';
callback();
}
});
2013-02-16 01:20:40 +00:00
} else {
2013-03-04 11:20:21 +00:00
callback();
2013-02-16 01:20:40 +00:00
}
2014-01-18 00:49:50 +00:00
};
2012-02-01 12:01:39 +00:00
pandora.getItemFind = function(find) {
var itemFind = '';
Ox.forEach(find.conditions, function(condition) {
if (
(
condition.key == '*' || condition.key == 'annotations'
|| Ox.getIndexById(pandora.site.layers, condition.key) > -1
)
&& condition.value.length
&& ['=', '=='].indexOf(condition.operator) > -1
) {
itemFind = condition.value;
2012-07-04 11:40:37 +00:00
return false;
2012-02-01 12:01:39 +00:00
}
})
return itemFind;
};
pandora.getItemIdAndPosition = function() {
var selected, ret, ui = pandora.user.ui;
function getIdAndPositionByClipId(clipId) {
var split = clipId.replace('-', '/').split('/');
return {
id: split[0],
position: parseFloat(split[1])
};
}
function getIdAndPositionByItemId(itemId) {
return {
id: itemId,
position: ui.videoPoints[itemId] ? ui.videoPoints[itemId].position : 0
};
}
2014-02-12 12:27:41 +00:00
if (ui.section == 'items') {
if (!ui.item) {
if (
ui.listView == 'timelines'
&& (selected = ui.listSelection).length == 1
) {
ret = getIdAndPositionByItemId(selected[0]);
} else if (
['clip', 'map', 'calendar'].indexOf(ui.listView) > -1
&& pandora.$ui.clipList
&& (selected = pandora.$ui.clipList.options('selected')).length == 1
) {
ret = getIdAndPositionByClipId(selected[0]);
}
} else {
if (pandora.isVideoView()) {
ret = getIdAndPositionByItemId(ui.item);
} else if (
['clips', 'map', 'calendar'].indexOf(ui.itemView) > -1
&& pandora.$ui.clipList
&& (selected = pandora.$ui.clipList.options('selected')).length == 1
) {
ret = getIdAndPositionByClipId(selected[0]);
}
}
2014-02-12 12:27:41 +00:00
} else if (ui.section == 'edits') {
if (ui.edit) {
// TODO
}
}
return ret;
}
pandora.getLargeClipTimelineURL = function(item, inPoint, outPoint, type, callback) {
var fps = 25,
width = Math.ceil((outPoint - inPoint) * fps),
height = 64,
canvas = Ox.$('<canvas>').attr({width: width, height: height})[0],
context = canvas.getContext('2d'),
inIndex = Math.floor(inPoint / 60),
outIndex = Math.floor(outPoint / 60),
offset = inPoint % 60 * -fps;
Ox.parallelForEach(Ox.range(inIndex, outIndex + 1), function(index, i) {
var callback = Ox.last(arguments),
image = Ox.$('<img>')
.on({
load: function() {
context.drawImage(image, offset + i * 1500, 0);
callback();
}
})
.attr({
2014-02-02 19:50:33 +00:00
src: '/' + item + '/timeline' + type + '64p' + index + '.jpg'
})[0];
}, function() {
callback(canvas.toDataURL());
});
};
pandora.getLargeEditTimelineURL = function(edit, type, i, callback) {
var clips = [],
timelineIn = i * 60,
2013-07-14 12:28:16 +00:00
timelineOut = Math.min((i + 1) * 60, edit.duration),
fps = 25,
width = (timelineOut - timelineIn) * fps,
height = 64,
canvas = Ox.$('<canvas>').attr({width: width, height: height})[0],
context = canvas.getContext('2d');
Ox.forEach(edit.clips, function(clip) {
var clipIn = clip.position,
clipOut = clip.position + clip.duration;
if (clipIn >= timelineOut) {
return false; // break
}
if (
(timelineIn <= clipIn && clipIn <= timelineOut)
|| (timelineIn <= clipOut && clipOut <= timelineOut)
|| (clipIn <= timelineIn && timelineOut <= clipOut)
) {
clips.push({
'in': clip['in'] + (clipIn < timelineIn ? timelineIn - clipIn : 0),
item: clip.item,
offset: Math.floor(Math.max(clipIn - timelineIn, 0) * fps),
out: clip.out - (clipOut > timelineOut ? clipOut - timelineOut : 0)
});
}
});
Ox.parallelForEach(clips, function(clip) {
var callback = Ox.last(arguments);
pandora.getLargeClipTimelineURL(clip.item, clip['in'], clip.out, type, function(url) {
var image = Ox.$('<img>')
.on({
load: function() {
context.drawImage(image, clip.offset, 0);
callback();
}
})
.attr({
src: url
})[0];
});
}, function() {
callback(canvas.toDataURL());
});
};
pandora.getListData = function(list) {
var data = {}, folder;
2013-08-11 07:31:29 +00:00
if (Ox.isUndefined(list)) {
list = pandora.user.ui[
pandora.user.ui.section == 'items' ? '_list'
: pandora.user.ui.section.slice(0, -1)
];
2013-02-16 01:20:40 +00:00
}
if (list && pandora.$ui.folderList) {
Ox.forEach(pandora.$ui.folderList, function($list, id) {
var ret = true;
// for the current list, we have to check in which
// folder it is selected, since for example, a personal
// list may appear again in the featured lists browser
if (
2014-02-03 05:01:43 +00:00
(list == pandora.user.ui._list && $list.options('selected').length)
|| !Ox.isEmpty($list.value(list))
) {
folder = id;
ret = false;
2012-05-22 07:22:38 +00:00
}
2014-02-03 05:01:43 +00:00
return ret;
});
if (folder) {
2013-02-16 01:20:40 +00:00
data = pandora.$ui.folderList[folder].value(list);
if (pandora.user.ui.section == 'item') {
data.editable = data.user == pandora.user.username && data.type == 'static';
} else {
data.editable = data.user == pandora.user.username;
}
data.folder = folder;
}
}
return data;
2011-06-16 20:00:10 +00:00
};
2011-05-25 19:42:45 +00:00
pandora.getPageTitle = function(stateOrURL) {
var pages = [
{id: '', title: ''},
2013-05-09 10:13:58 +00:00
{id: 'api', title: Ox._('API Documentation')},
{id: 'help', title: Ox._('Help')},
{id: 'home', title: ''},
2013-05-09 10:13:58 +00:00
{id: 'preferences', title: Ox._('Preferences')},
{id: 'signin', title: Ox._('Sign In')},
{id: 'signout', title: Ox._('Sign Out')},
{id: 'signup', title: Ox._('Sign Up')},
{id: 'software', title: Ox._('Software')},
{id: 'tv', title: Ox._('TV')}
].concat(pandora.site.sitePages),
page = Ox.getObjectById(
pages,
Ox.isObject(stateOrURL) ? stateOrURL.page : stateOrURL.slice(1)
);
return page
? (page.title ? page.title + ' – ' : '') + pandora.site.site.name
: null;
};
2015-02-05 05:42:09 +00:00
pandora.getPart = function(state, str, callback) {
2013-07-11 18:03:51 +00:00
if (state.page == 'api') {
pandora.api.api(function(result) {
if (Ox.contains(Object.keys(result.data.actions), str)) {
state.part = str;
}
callback();
})
} else if (state.page == 'faq') {
// ...
callback();
} else if (state.page == 'help') {
if (Ox.getObjectById(pandora.site.help, str)) {
state.part = str;
}
callback();
} else if (state.page == 'news') {
pandora.api.getNews(function(result) {
if (Ox.getObjectById(result.data.items, str)) {
state.part = str;
} else if (result.data.items.length) {
state.part = result.data.items[0].id;
}
callback();
});
} else if (state.page == 'preferences') {
if (Ox.contains(['account', 'appearance', 'advanced'], str)) {
state.part = str;
}
callback();
2013-07-11 18:03:51 +00:00
} else if (state.page == 'tv') {
2013-07-11 18:26:26 +00:00
var split = str.split(':'), user, name;
2013-07-11 18:03:51 +00:00
if (split.length >= 2) {
2013-07-11 18:17:44 +00:00
user = split.shift();
2013-07-11 18:03:51 +00:00
name = split.join(':');
pandora.api.findLists({
keys: ['name', 'user'],
query: {
conditions: [
{key: 'user', operator: '==', value: user},
{key: 'name', operator: '==', value: name}
],
operator: '&'
}
}, function(result) {
if (result.data.items.length) {
state.part = str;
}
callback();
});
} else {
callback();
}
2014-01-17 13:49:11 +00:00
} else if (state.page == 'documents') {
2014-11-20 13:37:02 +00:00
var id = str.split('/')[0];
2014-01-17 13:49:11 +00:00
if (id) {
2015-02-05 06:15:37 +00:00
pandora.api.getDocument({
id: id,
// send keys so that subsequent request when parsing
// page number etc. is already in the cache
keys: ['dimensions', 'extension']
2014-01-17 13:49:11 +00:00
}, function(result) {
2015-02-05 06:15:37 +00:00
if (result.status.code == 200) {
2014-01-17 13:49:11 +00:00
state.part = str;
} else {
state.page = '';
}
callback();
});
} else {
state.page = '';
callback();
}
2014-11-20 13:37:02 +00:00
} else if (state.page == 'entities') {
var id = str;
if (id) {
pandora.api.findEntities({
query: {
conditions: [{key: 'id', value: id, operator: '=='}],
operator: '&'
}
}, function(result) {
if (result.data.items) {
state.part = str;
} else {
state.page = '';
}
callback();
});
} else {
state.page = '';
callback();
}
2013-07-11 18:03:51 +00:00
} else {
callback();
}
};
pandora.getSmallClipTimelineURL = function(item, inPoint, outPoint, type, callback) {
var width = Math.ceil(outPoint - inPoint),
height = 16,
canvas = Ox.$('<canvas>').attr({width: width, height: height})[0],
context = canvas.getContext('2d'),
inIndex = Math.floor(inPoint / 3600),
outIndex = Math.floor(outPoint / 3600),
offset = inPoint % 3600 * -1;
Ox.parallelForEach(Ox.range(inIndex, outIndex + 1), function(index, i) {
var callback = Ox.last(arguments),
image = Ox.$('<img>')
.on({
load: function() {
context.drawImage(image, offset + i * 3600, 0);
callback();
}
})
.attr({
2014-02-02 19:50:33 +00:00
src: '/' + item + '/timeline' + type + '16p' + index + '.jpg'
})[0];
}, function() {
callback(canvas.toDataURL());
});
};
pandora.getSort = function(state, val, callback) {
if (state.type == pandora.site.itemName.plural.toLowerCase()) {
// TODO in the future: If str is index, fall back if list is smart
// (but this can only be tested after find has been parsed)
callback();
} else if (state.type == 'edits') {
if (val[0].key == 'index') {
pandora.api.getEdit({id: state.item}, function(result) {
if (result.data.type == 'smart') {
if (state.sort.length > 1) {
state.sort = [state.sort[1]];
} else {
state.sort = [
pandora.site.user.ui.editSort.filter(function(sort) {
return sort.key != 'index';
})[0]
];
}
}
callback();
});
} else {
callback();
}
} else if (state.type == 'texts') {
callback();
}
};
pandora.getSortKeyData = function(key) {
return Ox.getObjectById(pandora.site.itemKeys, key)
|| Ox.getObjectById(pandora.site.clipKeys, key);
2013-07-11 18:03:51 +00:00
};
pandora.getSortKeys = function() {
return pandora.site.itemKeys.filter(function(key) {
return key.sort && (
!key.capability
|| pandora.site.capabilities[key.capability][pandora.user.level]
);
}).map(function(key) {
return Ox.extend(key, {
operator: pandora.getSortOperator(key.id)
});
});
};
pandora.getSortOperator = function(key) {
var data = pandora.getSortKeyData(key);
return data.sortOperator || ['string', 'text'].indexOf(
Ox.isArray(data.type) ? data.type[0] : data.type
) > -1 ? '+' : '-';
};
2013-07-12 09:03:02 +00:00
pandora.getSpan = function(state, val, callback) {
// For a given item, or none (state.item), and a given view, or any
2013-07-12 09:03:02 +00:00
// (state.view), this takes a value (array of numbers or string) and checks
// if it is a valid video position (numbers) or annotation/event/place id or
// event/place name (string), and in that case sets state.span, and may
// modify state.view.
// fixme: "subtitles:23" is still missing
2015-02-05 06:15:37 +00:00
if (state.page == 'documents') {
pandora.api.getDocument({
id: state.part,
keys: ['dimensions', 'extension']
}, function(result) {
var dimensions = result.data.dimensions,
extension = result.data.extension,
values;
if (Ox.contains(['epub', 'pdf', 'txt'], extension)) {
2015-02-05 07:41:06 +00:00
state.span = Ox.limit(parseInt(val), 1, dimensions);
2015-02-05 06:15:37 +00:00
} else if (Ox.contains(['gif', 'jpg', 'png'], extension)) {
values = val.split(',');
if (values.length == 4) {
state.span = values.map(function(number, index) {
return Ox.limit(number, 0, dimensions[index % 2]);
});
2015-02-05 07:41:06 +00:00
state.span = [
2015-02-05 06:15:37 +00:00
Math.min(state.span[0], state.span[2]),
Math.min(state.span[1], state.span[3]),
Math.max(state.span[0], state.span[2]),
Math.max(state.span[1], state.span[3]),
];
} else {
state.span = '';
}
}
callback();
});
} else if (state.type == pandora.site.itemName.plural.toLowerCase()) {
2013-07-12 09:03:02 +00:00
var isArray = Ox.isArray(val),
isName, isVideoView, canBeAnnotation, canBeEvent, canBePlace;
if (isArray) {
2013-07-12 09:26:21 +00:00
pandora.api.get({id: state.item, keys: ['duration']}, function(result) {
2013-07-12 09:03:02 +00:00
state.span = val.map(function(number) {
return Math.min(number, result.data.duration);
});
callback();
2013-07-12 09:03:02 +00:00
});
} else {
isName = val[0] == '@';
isVideoView = pandora.isVideoView(state.view, state.item);
2013-07-12 09:03:02 +00:00
canBeAnnotation = state.item && (!state.view || isVideoView) && !isName;
canBeEvent = !state.view || state.view == 'calendar';
canBePlace = !state.view || state.view == 'map';
val = isName ? val.slice(1) : val;
getId(canBeAnnotation ? 'annotation' : '', function(id) {
if (id) {
Ox.Log('URL', 'id?', id)
state.span = id;
state.view = state.view || pandora.user.ui.videoView;
2013-07-12 09:03:02 +00:00
callback();
} else {
getId(canBePlace ? 'place' : '', function(id) {
if (id) {
Ox.Log('URL', 'found place id', id)
state.span = id;
state.view = 'map';
callback();
2013-07-12 09:03:02 +00:00
} else {
getId(canBeEvent ? 'event' : '', function(id) {
if (id) {
Ox.Log('URL', 'found event id', id)
state.span = id;
state.view = 'calendar';
} else if (canBePlace && isName) {
2013-09-10 15:31:20 +00:00
Ox.Log('URL', 'setting place id', '@' + val)
state.span = '@' + val;
2013-07-12 09:03:02 +00:00
state.view = 'map';
}
callback();
});
}
});
}
});
}
2013-07-14 14:30:51 +00:00
} else if (state.type == 'edits') {
2013-07-14 15:10:19 +00:00
if (isArray) {
pandora.api.getEdit({id: state.item}, function(result) {
2013-07-14 15:10:19 +00:00
state.span = val.map(function(number) {
return Math.min(number, result.data.duration);
});
callback();
2013-07-14 14:30:51 +00:00
});
2013-07-14 15:10:19 +00:00
} else {
pandora.api.getEdit({id: state.item, keys: ['clips']}, function(result) {
2014-02-05 13:37:59 +00:00
if (result.data.clips && Ox.getObjectById(result.data.clips, val)) {
2013-07-14 15:10:19 +00:00
state.span = val;
}
callback();
});
}
2013-07-14 14:30:51 +00:00
} else if (state.type == 'texts') {
pandora.api.getText({id: state.item}, function(result) {
2013-11-08 17:28:35 +00:00
if (isArray) {
if (result.data.type == 'html') {
state.span = Ox.limit(val[0], 0, 100);
} else {
state.span = Math.floor(Ox.limit(val[0], 1, result.data.pages));
}
} else if (result.data.type == 'html' && Ox.contains(result.data.names, val)) {
state.span = val;
}
callback();
});
2013-03-02 13:00:17 +00:00
}
function getId(type, callback) {
if (type) {
pandora.api['find' + Ox.toTitleCase(type + 's')](Ox.extend({
query: {
2011-10-01 13:51:18 +00:00
conditions: [{
key: isName ? 'name' : 'id',
2013-07-12 09:03:02 +00:00
value: type != 'annotation' ? val : state.item + '/' + val,
2011-10-01 13:51:18 +00:00
operator: '=='
}],
operator: '&'
},
2012-01-09 09:55:52 +00:00
keys: type != 'annotation' ? ['id'] : ['id', 'in', 'out'],
range: [0, 1]
}, state.item && type != 'annotation' ? {
2011-10-01 13:51:18 +00:00
itemQuery: {
conditions: [{key: 'id', value: state.item, operator: '=='}],
2011-10-01 13:51:18 +00:00
operator: '&'
}
} : {}), function(result) {
2012-01-09 09:55:52 +00:00
var annotation, span;
if (result.data.items.length) {
span = result.data.items[0];
annotation = span.id.split('/')[1];
// This is an optimization to make sure the video view
// immediately loads at the correct position
if (type == 'annotation') {
pandora.user.ui.videoPoints[state.item] = {
'in': span['in'],
out: span.out,
position: span['in']
};
}
2012-01-09 09:55:52 +00:00
}
callback(
!span ? ''
: type != 'annotation' ? span.id
: annotation
);
});
} else {
callback();
}
}
2011-06-16 20:00:10 +00:00
};
2011-05-25 19:42:45 +00:00
2013-03-09 05:27:07 +00:00
pandora.getStatusText = function(data) {
var ui = pandora.user.ui,
canSeeMedia = pandora.site.capabilities.canSeeMedia[pandora.user.level],
2013-03-09 05:27:07 +00:00
canSeeSize = pandora.site.capabilities.canSeeSize[pandora.user.level],
itemName = ['clip', 'video'].indexOf(ui.listView) > -1
2013-05-09 10:13:58 +00:00
? (data.items == 1 ? Ox._('Clip') : Ox._('Clips'))
2014-02-13 16:24:52 +00:00
: Ox._(pandora.site.itemName[data.items == 1 ? 'singular' : 'plural']),
2013-03-09 05:27:07 +00:00
parts = [];
parts.push(Ox.formatNumber(data.items) + ' '+ itemName);
if (data.runtime) {
parts.push(Ox.formatDuration(data.runtime, 'short'));
} else if (data.duration) {
parts.push(Ox.formatDuration(data.duration, 'short'));
}
if (canSeeMedia) {
2013-03-09 05:27:07 +00:00
data.files && parts.push(
Ox.toTitleCase(Ox.formatCount(data.files, 'file'))
2013-03-09 05:27:07 +00:00
);
data.duration && parts.push(Ox.formatDuration(data.duration));
}
if (canSeeSize) {
data.size && parts.push(Ox.formatValue(data.size, 'B'));
}
if (canSeeMedia) {
2013-03-09 05:27:07 +00:00
data.pixels && parts.push(Ox.formatValue(data.pixels, 'px'));
}
return parts.join(', ');
};
2014-09-13 21:59:23 +00:00
pandora.getSubtitlesLayer = function() {
return pandora.site.layers.filter(function(layer) {
return layer.isSubtitles;
}).map(function(layer) {
return layer.id;
})[0];
2014-09-16 11:30:53 +00:00
};
2014-09-13 21:59:23 +00:00
pandora.getMediaURL = function(url) {
return pandora.site.site.mediaprefix + url;
};
pandora.getVideoURL = function(id, resolution, part, track) {
2012-03-03 13:59:53 +00:00
var prefix = pandora.site.site.videoprefix
.replace('{id}', id)
.replace('{part}', part)
.replace('{resolution}', resolution)
.replace('{uid}', Ox.uid());
return prefix + '/' + id + '/' + resolution + 'p' + part
+ (track ? '.' + track : '')
+ '.' + pandora.user.videoFormat;
2014-01-18 00:49:50 +00:00
};
2011-12-19 21:12:23 +00:00
pandora.getVideoOptions = function(data) {
var canPlayClips = data.editable || pandora.site.capabilities.canPlayClips[pandora.user.level] >= data.rightslevel,
canPlayVideo = data.editable || pandora.site.capabilities.canPlayVideo[pandora.user.level] >= data.rightslevel,
options = {};
2014-09-13 21:59:23 +00:00
options.subtitlesLayer = pandora.getSubtitlesLayer();
2014-09-13 21:18:46 +00:00
2011-12-19 21:12:23 +00:00
options.censored = canPlayVideo ? []
: canPlayClips ? (
2014-10-06 12:54:54 +00:00
options.subtitlesLayer && data.layers[options.subtitlesLayer].length
2014-09-13 21:18:46 +00:00
? data.layers[options.subtitlesLayer].map(function(subtitle, i) {
2012-05-24 08:22:56 +00:00
return {
2014-10-06 12:45:03 +00:00
'in': i == 0 ? 0 : data.layers[options.subtitlesLayer][i - 1].out,
2012-05-24 08:22:56 +00:00
out: subtitle['in']
};
}).concat(
2014-09-13 21:18:46 +00:00
[{'in': Ox.last(data.layers[options.subtitlesLayer]).out, out: data.duration}]
).filter(function(censored) {
// don't include gaps shorter than one second
return censored.out - censored['in'] >= 1;
})
2011-12-19 21:12:23 +00:00
: Ox.range(0, data.duration - 5, 60).map(function(position) {
return {
'in': position + 5,
out: Math.min(position + 60, data.duration)
};
})
)
: [{'in': 0, out: data.duration}];
options.video = [];
2011-12-19 21:12:23 +00:00
pandora.site.video.resolutions.forEach(function(resolution) {
if (data.audioTracks) {
data.audioTracks.forEach(function(track) {
Ox.range(data.parts).forEach(function(i) {
options.video.push({
duration: data.durations[i],
index: i,
track: Ox.getLanguageNameByCode(track),
resolution: resolution,
src: pandora.getVideoURL(data.item || pandora.user.ui.item, resolution, i + 1, track)
});
});
});
} else {
Ox.range(data.parts).forEach(function(i) {
options.video.push({
duration: data.durations[i],
index: i,
resolution: resolution,
src: pandora.getVideoURL(data.item || pandora.user.ui.item, resolution, i + 1)
});
});
}
2011-12-19 21:12:23 +00:00
});
options.audioTrack = data.audioTracks ? Ox.getLanguageNameByCode(
Ox.contains(data.audioTracks, pandora.site.language)
? pandora.site.language
: data.audioTracks[0]
) : void 0;
2012-04-17 06:31:44 +00:00
options.annotations = [];
2011-12-20 13:08:30 +00:00
pandora.site.layers.forEach(function(layer, i) {
2012-04-17 06:31:44 +00:00
options.annotations[i] = Ox.extend({}, layer, {
2013-05-10 10:49:13 +00:00
title: Ox._(layer.title),
item: Ox._(layer.item),
items: data.layers[layer.id].map(function(annotation) {
annotation.duration = Math.abs(annotation.out - annotation['in']);
annotation.editable = annotation.editable
|| annotation.user == pandora.user.username
|| pandora.site.capabilities['canEditAnnotations'][pandora.user.level];
annotation.languages = (
annotation.languages || [pandora.site.language]
).map(function(language) {
return Ox.getLanguageNameByCode(language);
});
return annotation;
})
});
2011-12-20 13:08:30 +00:00
});
Ox.Log('Video', 'VideoOptions', options);
2011-12-19 21:12:23 +00:00
return options;
};
pandora.getVideoPartsAndPoints = function(durations, points) {
var parts = durations.length,
offsets = Ox.range(parts).map(function(i) {
2012-05-22 13:15:16 +00:00
return Ox.sum(durations.slice(0, i));
}),
ret = {
parts: [],
points: []
};
points.forEach(function(point, i) {
Ox.loop(parts - 1, -1, -1, function(i) {
if (offsets[i] <= point) {
ret.parts[i] = i;
2012-07-04 11:40:37 +00:00
return false;
}
});
});
ret.parts = Ox.unique(ret.parts);
ret.points = points.map(function(point) {
return point - offsets[ret.parts[0]];
});
return ret;
};
pandora.hasDialogOrScreen = function() {
2013-12-29 12:03:42 +00:00
return !!$('.OxDialog:visible').length
|| !!$('.OxFullscreen').length
|| !!$('.OxScreen').length;
};
2012-01-15 15:05:37 +00:00
pandora.hasEventsLayer = function() {
return pandora.site.layers.some(function(layer) {
return layer.type == 'event';
});
};
pandora.hasPlacesLayer = function() {
return pandora.site.layers.some(function(layer) {
return layer.type == 'place';
});
};
pandora.isClipView = function(view, item) {
if (pandora.user.ui.section == 'items') {
if (arguments.length == 0) {
item = pandora.user.ui.item;
view = !item ? pandora.user.ui.listView : pandora.user.ui.itemView;
} else if (arguments.length == 1) {
item = pandora.user.ui.item;
}
}
return (
!item ? ['calendar', 'clip', 'map'] : ['calendar', 'clips', 'map']
).indexOf(view) > -1;
2011-09-17 21:04:42 +00:00
};
pandora.isEmbeddableView = function(url) {
//fixme. actually return true for embeddable views
return false;
};
2013-02-21 14:47:28 +00:00
pandora.isEmbedURL = function(url) {
url = url || document.location.href;
2013-02-21 14:47:28 +00:00
var hash = Ox.parseURL(url).hash;
return /^#embed(\?.*?)?$/.test(hash);
2013-02-21 14:47:28 +00:00
};
pandora.isPrintURL = function(url) {
url = url || document.location.href;
var hash = Ox.parseURL(url).hash;
return /^#print(\?.*?)?$/.test(hash);
};
pandora.isVideoView = function(view, item) {
if (pandora.user.ui.section == 'items') {
if (arguments.length == 0) {
item = pandora.user.ui.item;
view = !item ? pandora.user.ui.listView : pandora.user.ui.itemView;
} else if (arguments.length == 1) {
item = pandora.user.ui.item;
}
}
return (
!item ? ['video'] : ['player', 'editor', 'timeline']
).indexOf(view) > -1;
};
pandora.loadUserScript = function() {
2015-02-21 10:32:48 +00:00
if (pandora.user.script) {
try {
2015-02-21 10:32:48 +00:00
eval(pandora.user.script);
} catch(e) {
Ox.print('user onload script error', e);
}
}
};
2012-06-30 11:55:15 +00:00
pandora.logEvent = function(data, event, element) {
var element = this,
handlers = self.eventHandlers ? self.eventHandlers[event] : [];
if (!Ox.contains([
'mousedown', 'mouserepeat', 'anyclick', 'singleclick', 'doubleclick', 'mousewheel',
2012-06-30 11:55:15 +00:00
'dragstart', 'drag', 'dragenter', 'dragleave', 'dragpause', 'dragend',
'draganddropstart', 'draganddrop', 'draganddropenter',
'draganddropleave', 'draganddroppause', 'draganddropend',
2012-06-30 11:55:15 +00:00
'playing', 'position', 'progress', 'request'
2012-06-30 16:13:20 +00:00
], event) && !Ox.startsWith(event, 'pandora_')) {
2012-06-30 11:55:15 +00:00
try {
2014-09-23 21:56:59 +00:00
data = JSON.stringify(data);
2012-06-30 11:55:15 +00:00
} catch(e) {}
Ox.print(
'EVENT',
element.oxid,
'"' + element[0].className.split(' ').filter(function(className) {
return /^Ox/.test(className);
}).map(function(className) {
return className.replace(/^Ox/, '');
}).join(' ') + '"',
event,
data,
handlers.length,
handlers.map(function(handler) {
return handler.toString().split('\n').shift();
})
);
}
};
pandora.openLink = function(url) {
if (Ox.startsWith(url, 'mailto:')) {
window.open(url);
} else {
window.open('/url=' + encodeURIComponent(url), '_blank');
}
};
pandora.signin = function(data) {
// fixme: this is still voodoo
pandora.user = Ox.extend(data.user, {
2012-03-09 20:19:49 +00:00
sectionElement: 'buttons',
videoFormat: Ox.getVideoFormat(pandora.site.video.formats)
2012-03-09 20:19:49 +00:00
});
pandora.user.ui._list = pandora.getListState(pandora.user.ui.find);
pandora.user.ui._filterState = pandora.getFilterState(pandora.user.ui.find);
pandora.user.ui._findState = pandora.getFindState(pandora.user.ui.find);
pandora.site.sortKeys = pandora.getSortKeys();
pandora.URL.init();
pandora.URL.update();
2011-06-06 15:48:11 +00:00
Ox.Theme(pandora.user.ui.theme);
pandora.$ui.appPanel.reload();
pandora.loadUserScript();
2011-06-16 20:00:10 +00:00
};
2011-05-25 19:42:45 +00:00
pandora.signout = function(data) {
// fixme: this is still voodoo
2011-06-06 15:48:11 +00:00
pandora.user = data.user;
pandora.user.ui._list = pandora.getListState(pandora.user.ui.find);
pandora.user.ui._filterState = pandora.getFilterState(pandora.user.ui.find);
pandora.user.ui._findState = pandora.getFindState(pandora.user.ui.find);
pandora.site.sortKeys = pandora.getSortKeys();
pandora.URL.init();
pandora.URL.update();
Ox.Theme(pandora.user.ui.theme);
2011-06-06 15:48:11 +00:00
pandora.$ui.appPanel.reload();
2011-06-16 20:00:10 +00:00
};
2011-05-25 19:42:45 +00:00
pandora.reloadList = function() {
2011-11-04 15:54:42 +00:00
Ox.Log('', 'reloadList')
2011-05-25 19:42:45 +00:00
var listData = pandora.getListData();
Ox.Request.clearCache(); // fixme: remove
2011-11-06 08:28:10 +00:00
pandora.$ui.filters.forEach(function($filter) {
$filter.reloadList();
2011-05-25 19:42:45 +00:00
});
2011-09-27 14:14:40 +00:00
pandora.$ui.list
.bindEvent({
2011-09-17 17:40:15 +00:00
init: function(data) {
// fixme: this will not work for lists in the favorites folder
// (but then it's also unlikely they'll have to be reloaded)
var folder = listData.status != 'featured' ? 'personal' : 'featured';
2011-06-06 15:48:11 +00:00
pandora.$ui.folderList[folder].value(listData.id, 'items', data.items);
2011-05-25 19:42:45 +00:00
}
})
.bindEventOnce({
2011-09-17 17:40:15 +00:00
load: function(data) {
2011-06-06 15:48:11 +00:00
pandora.$ui.list.gainFocus();
// fixme: what is this?
// if (data) pandora.$ui.list.options({selected: [data.items]});
2011-05-25 19:42:45 +00:00
}
})
.reloadList();
2011-06-16 20:00:10 +00:00
};
2011-05-25 19:42:45 +00:00
pandora.renameList = function(oldId, newId, newName, folder) {
folder = folder || pandora.getListData(oldId).folder;
pandora.$ui.folderList[folder].value(oldId, 'name', newName);
pandora.$ui.folderList[folder].value(oldId, 'id', newId);
2013-02-16 01:20:40 +00:00
if (pandora.user.ui.section == 'items') {
pandora.$ui.toolbar.updateListName(newId);
// fixme: ugly
// ... does this always coincide with triggerEvents = false, as below?
pandora.replaceURL = true;
pandora.UI.set('lists.' + pandora.UI.encode(newId), pandora.user.ui.lists[oldId], false);
2013-02-16 01:20:40 +00:00
pandora.UI.set({
find: {
conditions: [{key: 'list', value: newId, operator: '=='}],
operator: '&'
}
}, false);
pandora.UI.set('lists.' + pandora.UI.encode(oldId), null, false);
2013-02-16 01:20:40 +00:00
} else {
pandora.replaceURL = true;
pandora.UI.set(pandora.user.ui.section + '.' + pandora.UI.encode(newId),
pandora.user.ui[pandora.user.ui.section][oldId], false);
2013-02-16 01:20:40 +00:00
pandora.UI.set(pandora.user.ui.section.slice(0, -1), newId);
pandora.UI.set(pandora.user.ui.section + '.' + pandora.UI.encode(oldId), null, false);
2013-02-16 01:20:40 +00:00
}
};
2011-11-06 08:28:10 +00:00
pandora.resizeFilters = function(width) {
pandora.user.ui.filterSizes = pandora.getFilterSizes();
2013-02-16 01:20:40 +00:00
pandora.$ui.browser && pandora.$ui.browser
2011-11-06 08:28:10 +00:00
.size(0, pandora.user.ui.filterSizes[0])
.size(2, pandora.user.ui.filterSizes[4]);
2013-02-16 01:20:40 +00:00
pandora.$ui.filtersInnerPanel && pandora.$ui.filtersInnerPanel
2011-11-06 08:28:10 +00:00
.size(0, pandora.user.ui.filterSizes[1])
.size(2, pandora.user.ui.filterSizes[3]);
2013-02-16 01:20:40 +00:00
pandora.$ui.filters && pandora.$ui.filters.forEach(function($list, i) {
2014-09-26 12:12:25 +00:00
$list.resizeColumn('name', pandora.user.ui.filterSizes[i] - 44 - Ox.UI.SCROLLBAR_SIZE);
if (pandora.site.flags) {
2014-09-26 12:12:25 +00:00
$list.find('.flagname').css({width: pandora.user.ui.filterSizes[i] - 68 - Ox.UI.SCROLLBAR_SIZE})
2011-11-03 12:58:22 +00:00
}
2011-05-25 19:42:45 +00:00
});
2011-06-16 20:00:10 +00:00
};
2011-05-25 19:42:45 +00:00
pandora.resizeFolders = function(section) {
section = section || pandora.user.ui.section;
var width = pandora.getFoldersWidth(section),
2014-02-08 17:34:12 +00:00
columnWidth = width - (section != 'texts' ? 96 : 48),
2013-03-03 06:22:51 +00:00
userColumnWidth = Math.round(columnWidth * 0.4),
2013-03-03 06:25:43 +00:00
nameColumnWidth = columnWidth - userColumnWidth;
2014-02-09 12:37:33 +00:00
pandora.$ui.allItems && pandora.$ui.allItems.resizeElement((
section == 'items' ? columnWidth
: section == 'edits' ? width - 16
: width - 48
) - 8);
2011-09-05 02:20:38 +00:00
Ox.forEach(pandora.$ui.folderList, function($list, id) {
var pos = Ox.getIndexById(pandora.site.sectionFolders[section], id);
2011-09-27 14:14:40 +00:00
pandora.$ui.folder[pos].css({width: width + 'px'});
2011-05-25 19:42:45 +00:00
$list.css({width: width + 'px'});
if (pandora.site.sectionFolders[section][pos].showBrowser) {
2014-02-14 05:47:27 +00:00
pandora.$ui.findListsInput[id] && pandora.$ui.findListsInput[id].options({
2013-02-16 01:20:40 +00:00
width: width - 24
});
2013-03-03 06:22:51 +00:00
$list.resizeColumn('user', userColumnWidth)
.resizeColumn('name', nameColumnWidth);
2013-02-16 01:20:40 +00:00
} else {
2013-03-03 06:22:51 +00:00
$list.resizeColumn(id == 'favorite' ? 'id' : 'name', columnWidth);
2011-05-25 19:42:45 +00:00
}
if (!pandora.user.ui.showFolder[section][id]) {
2012-05-28 15:52:11 +00:00
pandora.$ui.folder[pos].updatePanel();
2011-05-25 19:42:45 +00:00
}
});
2013-08-17 14:32:33 +00:00
if (pandora.user.ui.section == 'texts') {
pandora.$ui.text && pandora.$ui.text.update();
}
2011-06-16 20:00:10 +00:00
};
2011-05-25 19:42:45 +00:00
pandora.resizeWindow = function() {
if (pandora.$ui.embedPanel && pandora.$ui.embedPanel.resizePanel) {
pandora.$ui.embedPanel.resizePanel();
2013-03-09 04:24:00 +00:00
}
if (pandora.$ui.embedPanel || pandora.$ui.printView) {
return;
}
// FIXME: a lot of this throws errors on load
pandora.$ui.leftPanel && pandora.$ui.leftPanel.size(2, pandora.getInfoHeight(true));
pandora.resizeFolders();
2013-02-25 20:46:42 +00:00
if (pandora.user.ui.section == 'items') {
2013-02-16 01:20:40 +00:00
if (!pandora.user.ui.item) {
pandora.resizeFilters(pandora.$ui.rightPanel.width());
if (pandora.user.ui.listView == 'clips') {
var clipsItems = pandora.getClipsItems(),
previousClipsItems = pandora.getClipsItems(pandora.$ui.list.options('width'));
pandora.$ui.list.options({
width: window.innerWidth
- pandora.user.ui.showSidebar * pandora.user.ui.sidebarSize - 1
2014-09-26 12:12:25 +00:00
- Ox.UI.SCROLLBAR_SIZE
2013-02-16 01:20:40 +00:00
});
if (clipsItems != previousClipsItems) {
Ox.Request.clearCache(); // fixme
pandora.$ui.list.reloadList(true);
}
} else if (pandora.user.ui.listView == 'timelines') {
pandora.$ui.list.options({
width: window.innerWidth
- pandora.user.ui.showSidebar * pandora.user.ui.sidebarSize - 1
2014-09-26 12:12:25 +00:00
- Ox.UI.SCROLLBAR_SIZE
2013-02-16 01:20:40 +00:00
});
} else if (pandora.user.ui.listView == 'map') {
pandora.$ui.map && pandora.$ui.map.resizeMap();
} else if (pandora.user.ui.listView == 'calendar') {
pandora.$ui.calendar && pandora.$ui.calendar.resizeCalendar();
} else {
pandora.$ui.list && pandora.$ui.list.size();
}
} else {
2013-02-16 01:20:40 +00:00
pandora.$ui.browser.scrollToSelection();
if (pandora.user.ui.itemView == 'info') {
pandora.$ui.item.resizeElement && pandora.$ui.item.resizeElement();
2013-02-16 01:20:40 +00:00
} else if (pandora.user.ui.itemView == 'clips') {
pandora.$ui.clipList.size();
} else if (pandora.user.ui.itemView == 'timeline') {
pandora.$ui.timeline && pandora.$ui.timeline.options({
2013-12-29 12:03:42 +00:00
// fixme: duplicated
height: pandora.$ui.contentPanel.size(1),
width: pandora.$ui.document.width() - pandora.$ui.mainPanel.size(0) - 1
2013-02-16 01:20:40 +00:00
});
} else if (pandora.user.ui.itemView == 'player') {
pandora.$ui.player && pandora.$ui.player.options({
2013-12-29 12:03:42 +00:00
// fixme: duplicated
height: pandora.$ui.contentPanel.size(1),
width: pandora.$ui.document.width() - pandora.$ui.mainPanel.size(0) - 1
2013-02-16 01:20:40 +00:00
});
} else if (pandora.user.ui.itemView == 'editor') {
pandora.$ui.editor && pandora.$ui.editor.options({
// fixme: duplicated
height: pandora.$ui.contentPanel.size(1),
width: pandora.$ui.document.width() - pandora.$ui.mainPanel.size(0) - 1
});
} else if (pandora.user.ui.itemView == 'map') {
pandora.$ui.map.resizeMap();
} else if (pandora.user.ui.itemView == 'calendar') {
pandora.$ui.calendar.resizeCalendar();
}
}
} else if (pandora.user.ui.section == 'edits') {
if (!pandora.user.ui.edit) {
// ...
} else {
pandora.$ui.editPanel && pandora.$ui.editPanel.options({
height: pandora.$ui.appPanel.size(1),
width: pandora.$ui.document.width() - pandora.$ui.mainPanel.size(0) - 1
});
}
} else if (pandora.user.ui.section == 'texts') {
2013-08-17 14:32:33 +00:00
pandora.$ui.text && pandora.$ui.text.update();
}
};
2011-05-25 19:42:45 +00:00
pandora.selectList = function() {
2013-02-16 01:20:40 +00:00
if (pandora.user.ui.section == 'items') {
if (pandora.user.ui._list) {
pandora.api.findLists({
keys: ['status', 'user'],
query: {
conditions: [{key: 'id', value: pandora.user.ui._list, operator: '=='}],
operator: ''
},
range: [0, 1]
}, function(result) {
var folder, list;
if (result.data.items.length) {
list = result.data.items[0];
folder = list.status == 'featured' ? 'featured' : (
list.user == pandora.user.username ? 'personal' : 'favorite'
);
pandora.$ui.folderList[folder]
.options({selected: [pandora.user.ui._list]});
if (!pandora.hasDialogOrScreen() && !Ox.Focus.focusedElementIsInput()) {
2013-02-16 01:20:40 +00:00
pandora.$ui.folderList[folder].gainFocus();
}
}
2013-02-16 01:20:40 +00:00
});
}
} else {
var id = pandora.user.ui[pandora.user.ui.section.slice(0,-1)],
section = Ox.toTitleCase(pandora.user.ui.section.slice(0, -1));
2013-02-16 01:20:40 +00:00
if (id) {
2013-08-26 17:05:49 +00:00
pandora.api['get' + section]({id: id}, function(result) {
2013-02-16 01:20:40 +00:00
var folder;
if (result.data.id) {
folder = result.data.status == 'featured' ? 'featured' : (
result.data.user == pandora.user.username ? 'personal' : 'favorite'
);
pandora.$ui.folderList[folder].options({selected: [id]});
}
});
}
2011-05-25 19:42:45 +00:00
}
2011-06-16 20:00:10 +00:00
};
2011-05-25 19:42:45 +00:00
2013-05-09 10:13:58 +00:00
pandora.setLocale = function(locale, callback) {
var url;
// language from http header might not be supported,
// fall back to site default
2014-04-01 14:23:33 +00:00
if (pandora.site.languages.indexOf(locale) == -1) {
locale = pandora.site.user.ui.locale;
}
if (locale != 'en') {
if (pandora.localStorage('enableDebugMode')) {
url = [
'/static/json/locale.pandora.' + locale + '.json',
'/static/json/locale.' + pandora.site.site.id + '.' + locale + '.json',
];
} else {
url = '/static/json/locale.' + locale + '.json'
}
}
Ox.setLocale(locale, url, callback);
};
2012-03-17 00:15:06 +00:00
pandora.setTheme = function(theme) {
var iframe, src;
Ox.Theme(theme);
iframe = Ox.$elements[$('#embed').data('oxid')];
if (iframe) {
src = iframe.attr('src');
if (src && Ox.parseURL(src).hostname == document.location.hostname) {
iframe.postMessage('settheme', {theme: theme});
}
}
};
pandora.unloadWindow = function() {
/*
// fixme: ajax request has to have async set to false for this to work
pandora.user.ui.section == 'items'
&& pandora.user.ui.item
2012-04-17 14:54:04 +00:00
&& ['video', 'timeline'].indexOf(pandora.user.ui.itemView) > -1
&& pandora.UI.set(
'videoPosition.' + pandora.user.ui.item,
2012-04-17 14:54:04 +00:00
pandora.$ui[
pandora.user.ui.itemView == 'video' ? 'player' : 'editor'
].options('position')
);
*/
};
2013-02-11 11:15:06 +00:00
pandora.updateItemContext = function() {
Ox.Request.clearCache('find');
2013-02-11 11:15:06 +00:00
if (!Ox.isEqual(pandora.user.ui.find, pandora.site.user.ui.find)) {
pandora.api.find({
query: pandora.user.ui.find,
positions: [pandora.user.ui.item],
sort: pandora.user.ui.sort
}, function(result) {
if (result.data.positions[pandora.user.ui.item] === void 0) {
pandora.stayInItemView = true;
pandora.UI.set({find: pandora.site.user.ui.find});
pandora.$ui.contentPanel.replaceElement(0, pandora.$ui.browser = pandora.ui.browser());
} else {
pandora.$ui.browser.reloadList();
2013-02-11 11:15:06 +00:00
}
});
} else {
pandora.$ui.browser.reloadList();
2013-02-11 11:15:06 +00:00
}
};
pandora.updateStatus = function(item) {
var ui = pandora.user.ui;
item = item || ui.item;
if (pandora.$ui.updateStatus && pandora.$ui.updateStatus[item]) {
return;
}
pandora.$ui.updateStatus = pandora.$ui.updateStatus || {};
pandora.$ui.updateStatus[item] = setTimeout(function() {
if(isActive()) {
Ox.Request.clearCache();
pandora.api.get({
id: item,
keys: ['rendered']
}, function(result) {
delete pandora.$ui.updateStatus[item];
if (isActive()) {
if (result.data.rendered) {
Ox.Request.clearCache();
if (pandora.isVideoView()) {
pandora.$ui.mainPanel.replaceElement(1,
pandora.$ui.rightPanel = pandora.ui.rightPanel());
} else if(pandora.$ui.item) {
pandora.updateItemContext();
pandora.$ui.item.reload();
}
} else {
pandora.updateStatus(item);
}
}
});
} else {
delete pandora.$ui.updateStatus[item];
}
}, 10000);
function isActive() {
return ui.item == item && [
'info', 'player', 'editor', 'timeline'
].indexOf(ui.itemView) > -1 && !(
pandora.$ui.uploadVideoDialog && pandora.$ui.uploadVideoDialog.is('::visible')
);
}
};
pandora.wait = function(taskId, callback, timeout) {
var task = {};
timeout = timeout || 5000;
task.timeout = setTimeout(function() {
pandora.api.taskStatus({taskId: taskId}, function(result) {
var t;
2013-07-14 17:44:30 +00:00
if (result.data.status == 'PENDING') {
t = pandora.wait(taskId, callback);
task.timeout = t.timeout;
} else {
callback(result);
}
});
}, 5000);
return task;
};
2011-09-27 14:14:40 +00:00
(function() {
2011-11-06 08:28:10 +00:00
// Note: getFindState has to run after getListState and getFilterState
2011-09-27 14:14:40 +00:00
function everyCondition(conditions, key, operator) {
// If every condition has the given key and operator
// (excluding conditions where all subconditions match)
// returns true, otherwise false
return Ox.every(conditions, function(condition) {
return condition.key == key && condition.operator == operator;
});
}
function oneCondition(conditions, key, operator, includeSubconditions) {
// If exactly one condition has the given key and operator
// (including or excluding conditions where all subconditions match)
// returns the corresponding index, otherwise returns -1
2012-05-22 15:07:34 +00:00
var indices = Ox.indicesOf(conditions, function(condition) {
2011-09-27 14:14:40 +00:00
return (
condition.conditions
? includeSubconditions && everyCondition(condition.conditions, key, operator)
: condition.key == key && condition.operator == operator
2012-05-22 15:07:34 +00:00
);
2011-09-27 14:14:40 +00:00
});
return indices.length == 1 ? indices[0] : -1;
}
2011-11-06 08:28:10 +00:00
pandora.getFilterState = function(find) {
// A filter is selected if exactly one condition in an & query or every
// condition in an | query has the filter id as key and "==" as operator
return pandora.user.ui.filters.map(function(filter) {
2011-09-27 14:14:40 +00:00
// FIXME: cant index be an empty array, instead of -1?
2011-11-06 08:28:10 +00:00
var key = filter.id,
2011-09-27 14:14:40 +00:00
state = {index: -1, find: Ox.clone(find, true), selected: []};
if (find.operator == '&') {
// include conditions where all subconditions match
state.index = oneCondition(find.conditions, key, '==', true);
if (state.index > -1) {
state.selected = find.conditions[state.index].conditions
? find.conditions[state.index].conditions.map(function(condition) {
return condition.value;
})
: [find.conditions[state.index].value];
}
} else {
if (everyCondition(find.conditions, key, '==')) {
state.index = Ox.range(find.conditions.length);
state.selected = find.conditions.map(function(condition) {
return condition.value;
});
}
}
if (state.selected.length) {
if (Ox.isArray(state.index)) {
2011-11-06 08:28:10 +00:00
// every condition in an | query matches this filter
2011-09-27 14:14:40 +00:00
state.find = {conditions: [], operator: ''};
} else {
2011-11-06 08:28:10 +00:00
// one condition in an & query matches this filter
2011-09-27 14:14:40 +00:00
state.find.conditions.splice(state.index, 1);
2011-09-27 22:12:37 +00:00
if (
state.find.conditions.length == 1
&& state.find.conditions[0].conditions
) {
// unwrap single remaining bracketed query
state.find = {
conditions: state.find.conditions[0].conditions,
operator: state.find.conditions[0].operator
};
2011-09-27 14:14:40 +00:00
}
}
}
return state;
});
}
2011-11-06 08:28:10 +00:00
pandora.getFindState = function(find) {
// The find element is populated if exactly one condition in an & query
// has a findKey as key and "=" as operator (and all other conditions
// are either list or filters), or if all conditions in an | query have
// the same filter id as key and "==" as operator
Ox.Log('Find', 'getFindState', find)
2011-11-06 08:28:10 +00:00
// FIXME: this is still incorrect when you select a lot of filter items
// and reload the page (will be advanced)
var conditions, indices, state = {index: -1, key: '*', value: ''};
if (find.operator == '&') {
// number of conditions that are not list or filters
conditions = find.conditions.length
- !!pandora.user.ui._list
- pandora.user.ui._filterState.filter(function(filter) {
return filter.index > -1;
}).length;
// indices of non-advanced find queries
2012-05-22 16:24:07 +00:00
indices = pandora.site.findKeys.map(function(findKey) {
return oneCondition(find.conditions, findKey.id, '=');
2012-05-22 16:14:34 +00:00
}).filter(function(index) {
2012-05-22 15:07:34 +00:00
return index > -1;
2011-11-06 08:28:10 +00:00
});
state = conditions == 1 && indices.length == 1 ? {
index: indices[0],
key: find.conditions[indices[0]].key,
2013-08-14 18:54:06 +00:00
value: Ox.decodeURIComponent(find.conditions[indices[0]].value)
2011-11-06 08:28:10 +00:00
} : {
index: -1,
key: conditions == 0 && indices.length == 0 ? '*' : 'advanced',
value: ''
};
} else {
state = {
index: -1,
key: 'advanced',
value: ''
};
Ox.forEach(pandora.user.ui.filters, function(key) {
if (everyCondition(find.conditions, key, '==')) {
state.key = '*';
2012-07-04 11:40:37 +00:00
return false;
2011-11-06 08:28:10 +00:00
}
});
}
return state;
}
pandora.getListState = function(find) {
2011-09-27 14:14:40 +00:00
// A list is selected if exactly one condition in an & query has "list"
// as key and "==" as operator
2011-09-27 22:12:37 +00:00
var index, state = '';
2011-09-27 14:14:40 +00:00
if (find.operator == '&') {
index = oneCondition(find.conditions, 'list', '==');
if (index > -1) {
state = find.conditions[index].value;
}
}
return state;
};
2011-09-29 17:25:04 +00:00
}());