pandora/static/js/pandora.js

243 lines
9.1 KiB
JavaScript
Raw Normal View History

2011-07-29 18:37:11 +00:00
// vim: et:ts=4:sw=4:sts=4:ft=javascript
2010-09-05 00:31:29 +00:00
/***
Pandora
***/
2011-09-27 14:14:40 +00:00
/*
---- UI Tree ----
appPanel
mainMenu
mainPanel
leftPanel
sectionbar
folders
info
rightPanel
toolbar
contentPanel
browser <-- should be filters or browser
list or item
statusbar
*/
2011-05-25 19:42:45 +00:00
// fixme: never set pandora.ui.videoPosition to 0 ... set to null a.k.a. delete
2011-01-30 03:54:38 +00:00
// fixme: sort=-director doesn't work
// fixme: clear items cache after login/logout
2011-06-06 15:48:11 +00:00
2011-09-09 23:05:20 +00:00
Ox.load({
UI: {
hideScreen: false,
loadImages: true,
showScreen: true,
theme: 'modern'
},
Geo: {}
}, function(browserSupported) {
2011-01-30 03:54:38 +00:00
2011-06-06 18:40:24 +00:00
// fixme: use Ox.extend()
2011-09-09 23:05:20 +00:00
window.pandora = new Ox.App({url: '/api/'}).bindEvent({
2011-05-24 19:59:13 +00:00
2011-09-09 23:05:20 +00:00
load: function(data) {
2011-01-30 03:54:38 +00:00
2011-09-09 23:05:20 +00:00
if (!browserSupported) {
return;
/*
$('.OxLoadingScreen')
.css({opacity: 0.9})
.click($(this).remove);
*/
2011-09-09 23:05:20 +00:00
}
2011-05-25 19:42:45 +00:00
2011-09-09 23:05:20 +00:00
Ox.extend(pandora, {
requests: {},
ui: {}
});
2011-05-25 19:42:45 +00:00
2011-09-09 23:05:20 +00:00
loadResources('/static/json/pandora.json', function() {
2011-09-03 15:25:32 +00:00
2011-09-09 23:05:20 +00:00
Ox.print('Ox.App load', data);
Ox.extend(pandora, {
$ui: {
body: $('body'),
document: $(document),
window: $(window)
.resize(resizeWindow)
.unload(unloadWindow)
},
site: data.site,
user: data.user.level == 'guest' ? Ox.clone(data.site.user) : data.user
});
2011-09-18 21:18:05 +00:00
2011-09-09 23:05:20 +00:00
Ox.extend(pandora.site, {
clipKeys: Ox.map(data.site.clipKeys, function(key) {
return Ox.extend(key, {
operator: pandora.getSortOperator(key.id)
});
}),
2011-09-17 11:50:01 +00:00
findKeys: Ox.map(data.site.itemKeys, function(key) {
2011-09-09 23:05:20 +00:00
return key.find ? key : null;
}),
itemsSection: pandora.site.itemName.plural.toLowerCase(),
2011-09-09 23:05:20 +00:00
sectionFolders: {
items: [
{id: 'personal', title: 'Personal Lists'},
{id: 'favorite', title: 'Favorite Lists', showBrowser: false},
{id: 'featured', title: 'Featured Lists', showBrowser: false},
{id: 'volumes', title: 'Local Volumes'}
],
edits: [
{id: 'personal', title: 'Personal Edits'},
{id: 'favorite', title: 'Favorite Edits', showBrowser: false},
{id: 'featured', title: 'Featured Edits', showBrowser: false}
],
texts: [
{id: 'personal', title: 'Personal Texts'},
{id: 'favorite', title: 'Favorite Texts', showBrowser: false},
{id: 'featured', title: 'Featured Texts', showBrowser: false}
]
},
sortKeys: Ox.map(pandora.site.itemKeys, function(key) {
return key.columnWidth ? Ox.extend(key, {
operator: pandora.getSortOperator(key.id)
}) : null;
})
2011-09-09 23:05:20 +00:00
});
pandora.site.listSettings = {};
Ox.map(pandora.site.user.ui, function(val, key) {
if (/^list[A-Z]/.test(key)) {
pandora.site.listSettings[key] = key[4].toLowerCase() + key.substr(5);
}
});
2011-09-09 23:05:20 +00:00
Ox.extend(pandora.user, {
sectionElement: 'buttons',
selectedMovies: [], // fixme: used for what?
2011-09-09 23:05:20 +00:00
videoFormat: Ox.UI.getVideoFormat(pandora.site.video.formats)
});
if (data.user.level == 'guest' && $.browser.mozilla) {
pandora.user.ui.theme = 'classic';
}
// set up url controller
pandora.URL.init().parse(function() {
2011-09-09 23:05:20 +00:00
Ox.UI.hideLoadingScreen();
2011-09-09 23:05:20 +00:00
Ox.Theme(pandora.user.ui.theme);
pandora.$ui.appPanel = pandora.ui.appPanel().display();
Ox.Request.requests() && pandora.$ui.loadingIcon.start();
pandora.$ui.body.ajaxStart(pandora.$ui.loadingIcon.start);
pandora.$ui.body.ajaxStop(pandora.$ui.loadingIcon.stop);
2011-09-09 23:05:20 +00:00
pandora.site.sectionButtonsWidth = pandora.$ui.sectionButtons.width() + 8;
});
}, '/static/'); // fixme: why does loadResources have an argument after callback????
2011-01-14 09:54:35 +00:00
}
2011-09-09 23:05:20 +00:00
});
2011-01-03 23:39:10 +00:00
2011-09-09 23:05:20 +00:00
function loadResources(json, callback, prefix) {
prefix = prefix || '';
$.getJSON(json, function(files) {
var promises = [];
files.forEach(function(file) {
2011-10-08 17:22:56 +00:00
// fixme: opera doesnt fire onload for svgs
// (but neither do we support opera nor do we have svgs)
2011-09-09 23:05:20 +00:00
if ($.browser.opera && Ox.endsWith(file, '.svg')) {
return;
2011-04-20 18:52:15 +00:00
}
2011-09-09 23:05:20 +00:00
var dfd = new $.Deferred();
promises.push(dfd.promise());
Ox.loadFile(prefix + file, function() {
dfd.resolve();
2011-05-25 19:42:45 +00:00
});
2011-09-09 23:05:20 +00:00
});
$.when.apply(null, promises)
.done(function() {
callback();
})
.fail(function() {
throw new Error('File not found.')
2011-05-25 19:42:45 +00:00
});
2011-09-09 23:05:20 +00:00
});
}
function resizeWindow() {
pandora.resizeFolders();
2011-09-18 21:18:05 +00:00
pandora.$ui.leftPanel.size(2, pandora.getInfoHeight());
pandora.$ui.info.resizeInfo();
2011-09-09 23:05:20 +00:00
if (!pandora.user.ui.item) {
pandora.resizeGroups(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
- Ox.UI.SCROLLBAR_SIZE
});
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
- Ox.UI.SCROLLBAR_SIZE
});
} else if (pandora.user.ui.listView == 'map') {
pandora.$ui.map.resizeMap();
} else if (pandora.user.ui.listView == 'calendar') {
pandora.$ui.calendar.resizeCalendar();
2011-10-01 13:51:18 +00:00
} else {
pandora.$ui.list.size();
2011-01-17 21:12:52 +00:00
}
2011-09-09 23:05:20 +00:00
} else {
//Ox.print('pandora.$ui.window.resize');
pandora.$ui.browser.scrollToSelection();
if (pandora.user.ui.itemView == 'info') {
pandora.$ui.info.resize();
} else if (pandora.user.ui.itemView == 'clips') {
pandora.$ui.clips.size();
} else if (pandora.user.ui.itemView == 'video') {
pandora.$ui.player.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 == 'timeline') {
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();
}
2011-06-07 03:17:36 +00:00
}
2011-09-09 23:05:20 +00:00
}
function unloadWindow() {
// fixme: ajax request has to have async set to false for this to work
2011-09-26 16:46:31 +00:00
pandora.user.ui.section == 'items'
&& pandora.user.ui.item
&& ['video', 'timeline'].indexOf(pandora.user.ui.itemView) > -1
&& pandora.UI.set(
'videoPosition.' + pandora.user.ui.item,
2011-09-09 23:05:20 +00:00
pandora.$ui[
2011-09-26 16:46:31 +00:00
pandora.user.ui.itemView == 'video' ? 'player' : 'editor'
2011-09-09 23:05:20 +00:00
].options('position')
);
}
2011-05-25 19:42:45 +00:00
});