349 lines
16 KiB
JavaScript
349 lines
16 KiB
JavaScript
// vim: et:ts=4:sw=4:sts=4:ft=javascript
|
|
|
|
|
|
/*
|
|
FIXME:
|
|
we may want slashes in list names, and ampersands in queries
|
|
|
|
*/
|
|
|
|
pandora.URL = (function() {
|
|
|
|
var previousURL = '',
|
|
regexps = {
|
|
'^$': function(pathname, search, callback) {
|
|
if (/^\?url=/.test(search)) {
|
|
document.location = decodeURIComponent(search.substr(5));
|
|
} else {
|
|
if (!search && pandora.user.ui.showHome) {
|
|
pandora.$ui.home = pandora.ui.home().showScreen();
|
|
Ox.print('LIST', pandora.user.ui.list)
|
|
pandora.user.ui.list && pandora.Query.fromString(
|
|
'find=list:' + pandora.user.ui.list
|
|
);
|
|
} else {
|
|
pandora.Query.fromString(search);
|
|
pandora.UI.set({
|
|
section: 'items',
|
|
item: ''
|
|
});
|
|
}
|
|
}
|
|
callback();
|
|
},
|
|
'^home$': function(pathname, search, callback) {
|
|
pandora.$ui.home = pandora.ui.home().showScreen();
|
|
callback();
|
|
},
|
|
'^(items|edits|texts)$': function(pathname, search, callback) {
|
|
pandora.UI.set({
|
|
section: pathname
|
|
});
|
|
callback();
|
|
},
|
|
'^(about|contact|faq|news|software|terms|tour)$': function(pathname, search, callback) {
|
|
pandora.$ui.siteDialog = pandora.ui.siteDialog(pathname).open();
|
|
callback();
|
|
},
|
|
'^help$': function(pathname, search, callback) {
|
|
pandora.$ui.helpDialog = pandora.ui.helpDialog().open();
|
|
callback();
|
|
},
|
|
'^(signin|signout|signup)$': function(pathname, search, callback) {
|
|
if ((pathname == 'signout') == (pandora.user.level != 'guest')) {
|
|
pandora.$ui.accountDialog = (
|
|
pandora.user.level == 'guest'
|
|
? pandora.ui.accountDialog(pathname)
|
|
: pandora.ui.accountSignoutDialog()
|
|
).open();
|
|
}
|
|
callback();
|
|
},
|
|
'^preferences$': function(pathname, search, callback) {
|
|
pandora.$ui.preferencesDialog = pandora.ui.preferencesDialog().open();
|
|
callback();
|
|
},
|
|
'^(calendar|calendars|clip|clips|flow|grid|list|map|maps|timelines)$': function(pathname, search, callback) {
|
|
pandora.UI.set({
|
|
section: 'items',
|
|
item: ''
|
|
});
|
|
pandora.UI.set('lists|' + pandora.user.ui.list + '|listView', pathname);
|
|
pandora.Query.fromString(search);
|
|
callback();
|
|
},
|
|
'.*': function(pathname, search, callback) {
|
|
var split = pathname.split('/'),
|
|
item = decodeURI(split[0]),
|
|
points,
|
|
time = split.length > 1
|
|
? /[\d\.:,-]+/.exec(split[split.length - 1])
|
|
: null,
|
|
view = new RegExp(
|
|
'^(' + pandora.site.itemViews.map(function(v) {
|
|
return v.id;
|
|
}).join('|') + ')$'
|
|
).exec(split[1]);
|
|
view = view ? view[0]
|
|
: time ? pandora.user.ui.videoView
|
|
: pandora.user.ui.itemView;
|
|
pandora.api.get({id: item, keys: ['id']}, function(result) {
|
|
if (result.status.code == 200) {
|
|
foundItem();
|
|
} else {
|
|
pandora.api.find({
|
|
query: {
|
|
conditions: [{key: 'title', value: item, operator: ''}],
|
|
operator: '&'
|
|
},
|
|
sort: [{key: 'votes', operator: ''}], // fixme: not all systems have "votes"
|
|
range: [0, 100],
|
|
keys: ['id', 'title', 'votes']
|
|
}, function(result) {
|
|
if (result.data.items.length) {
|
|
var re = {
|
|
exact: new RegExp('^' + item + '$', 'i'),
|
|
word: new RegExp('\\b' + item + '\\b', 'i')
|
|
};
|
|
item = result.data.items.sort(function(a, b) {
|
|
return (parseInt(b.votes) || 0)
|
|
+ re.word.test(b.title) * 1000000
|
|
+ re.exact.test(b.title) * 2000000
|
|
- (parseInt(a.votes) || 0)
|
|
- re.word.test(a.title) * 1000000
|
|
- re.exact.test(a.title) * 2000000;
|
|
})[0].id;
|
|
split[0] = item;
|
|
foundItem();
|
|
} else {
|
|
pandora.UI.set({
|
|
section: 'items',
|
|
item: ''
|
|
});
|
|
pandora.Query.fromString('?find=' + pathname);
|
|
pandora.URL.replace('?find=' + pathname);
|
|
callback();
|
|
}
|
|
});
|
|
}
|
|
});
|
|
function foundItem() {
|
|
pandora.UI.set(Ox.extend({
|
|
section: 'items',
|
|
item: item,
|
|
itemView: view
|
|
}, ['video', 'timeline'].indexOf(view) > -1 ? {
|
|
videoView: view
|
|
} : {}));
|
|
if (time) {
|
|
points = time[0].split(',');
|
|
if (
|
|
points.length == 2
|
|
&& (points = Ox.flatten([points[0], points[1].split('-')]))[2] == ''
|
|
) {
|
|
pandora.api.get({
|
|
id: item,
|
|
keys: ['duration']
|
|
}, function(result) {
|
|
points[2] = result.data.duration.toString();
|
|
foundTime();
|
|
});
|
|
} else {
|
|
foundTime();
|
|
}
|
|
} else {
|
|
if (!pandora.user.ui.videoPoints[item]) {
|
|
pandora.UI.set('videoPoints|' + item, {
|
|
'in': 0, out: 0, position: 0
|
|
});
|
|
}
|
|
foundTime();
|
|
}
|
|
function foundTime() {
|
|
if (time) {
|
|
// fixme: this is duplicated, see Ox.VideoPlayer() parsePositionInput()
|
|
points = points.map(function(point, i) {
|
|
var parts = point.split(':').reverse();
|
|
while (parts.length > 3) {
|
|
parts.pop();
|
|
}
|
|
return parts.reduce(function(prev, curr, i) {
|
|
return prev + (parseFloat(curr) || 0) * Math.pow(60, i);
|
|
}, 0);
|
|
});
|
|
pandora.UI.set('videoPoints|' + item, {
|
|
'in': points.length == 1 ? 0 : points[points.length - 2],
|
|
out: points.length == 1 ? 0 : points[points.length - 1],
|
|
position: points[0],
|
|
});
|
|
points = points.map(function(point) {
|
|
return point == -1 ? '' : Ox.formatDuration(point, 3).replace(/\.000$/, '');
|
|
});
|
|
split[split.length - 1] = points[0] + (
|
|
points.length == 1 ? '' : ',' + points[1] + '-' + points[2]
|
|
);
|
|
}
|
|
pandora.URL.replace(split.join('/'));
|
|
// on page load, we have to check if the item is in the previously selected list
|
|
// if it is not, the movie browser has to be reloaded
|
|
if (pandora.user.ui.list) {
|
|
pandora.user.ui.query = {
|
|
conditions: [{key: 'list', value: pandora.user.ui.list, operator: ''}],
|
|
operator: '&'
|
|
};
|
|
pandora.api.find({
|
|
query: pandora.user.ui.query,
|
|
positions: [pandora.user.ui.item],
|
|
sort: [{key: 'id', operator: ''}]
|
|
}, function(result) {
|
|
if (Ox.isUndefined(result.data.positions[pandora.user.ui.item])) {
|
|
pandora.UI.set({list: ''});
|
|
pandora.user.ui.query = {conditions:[], operator: '&'};
|
|
}
|
|
callback();
|
|
});
|
|
} else {
|
|
callback();
|
|
}
|
|
}
|
|
}
|
|
}
|
|
};
|
|
|
|
function saveURL() {
|
|
previousURL = document.location.pathname + document.location.search;
|
|
}
|
|
|
|
function updateURL() {
|
|
var previousUI = pandora.UI.getPrevious();
|
|
Ox.Request.cancel();
|
|
$('video').each(function() {
|
|
$(this).trigger('stop');
|
|
});
|
|
pandora.URL.parse(function() {
|
|
if (pandora.user.ui.section != previousUI.section) {
|
|
pandora.$ui.appPanel.replaceElement(1, pandora.$ui.mainPanel = pandora.ui.mainPanel());
|
|
} else if (!pandora.user.ui.item && !previousUI.item) {
|
|
// list to list
|
|
var isClipView = pandora.isClipView(),
|
|
list = pandora.user.ui.lists[pandora.user.ui.list],
|
|
previousList = previousUI.lists[previousUI.list],
|
|
wasClipView = pandora.isClipView(previousList.listView);
|
|
if (list.listView != previousList.listView) {
|
|
pandora.$ui.mainMenu.checkItem('viewMenu_movies_' + list.listView);
|
|
pandora.$ui.viewSelect.options({value: list.listView});
|
|
if (isClipView != wasClipView) {
|
|
pandora.$ui.mainMenu.replaceMenu('sortMenu', pandora.getSortMenu());
|
|
pandora.$ui.sortSelect.replaceWith(pandora.$ui.sortSelect = pandora.ui.sortSelect());
|
|
if (isClipView && !wasClipView) {
|
|
pandora.UI.set('lists|' + pandora.user.ui.list + '|selected', []);
|
|
}
|
|
}
|
|
}
|
|
if (!Ox.isEqual(list.sort, previousList.sort)) {
|
|
pandora.$ui.mainMenu.checkItem('sortMenu_sortmovies_' + list.sort[0].key);
|
|
pandora.$ui.mainMenu.checkItem('sortMenu_ordermovies_' + ((
|
|
list.sort[0].operator || pandora.getSortOperator(list.sort[0].key)
|
|
) == '+' ? 'ascending' : 'descending'));
|
|
pandora.$ui.sortSelect.options({value: list.sort[0].key});
|
|
}
|
|
pandora.$ui.leftPanel.replaceElement(2, pandora.$ui.info = pandora.ui.info());
|
|
if (Ox.isEqual(pandora.user.ui.query, previousUI.query)) {
|
|
pandora.$ui.contentPanel.replaceElement(1, pandora.$ui.list = pandora.ui.list());
|
|
} else {
|
|
pandora.$ui.mainPanel.replaceElement(1, pandora.$ui.rightPanel = pandora.ui.rightPanel());
|
|
}
|
|
// fixme: should list selection and deselection happen here?
|
|
// (home and menu may cause a list switch)
|
|
} else if (!pandora.user.ui.item || !previousUI.item) {
|
|
// list to item or item to list
|
|
pandora.$ui.leftPanel.replaceElement(2, pandora.$ui.info = pandora.ui.info());
|
|
pandora.$ui.mainPanel.replaceElement(1, pandora.$ui.rightPanel = pandora.ui.rightPanel());
|
|
} else {
|
|
// item to item
|
|
if (pandora.user.ui.item != previousUI.item) {
|
|
pandora.$ui.leftPanel.replaceElement(2, pandora.$ui.info = pandora.ui.info());
|
|
}
|
|
pandora.$ui.contentPanel.replaceElement(1, pandora.ui.item());
|
|
}
|
|
if (
|
|
previousUI.item &&
|
|
['video', 'timeline'].indexOf(previousUI.itemView) > -1
|
|
) {
|
|
var $item = pandora.$ui[
|
|
previousUI.itemView == 'video' ? 'player' : 'editor'
|
|
];
|
|
$item && pandora.UI.set(
|
|
'videoPoints|' + previousUI.item + '|position',
|
|
$item.options('position')
|
|
);
|
|
}
|
|
});
|
|
}
|
|
|
|
return {
|
|
|
|
parse: function(callback) {
|
|
var pathname = document.location.pathname.substr(1),
|
|
search = document.location.search.substr(1);
|
|
if (/\/$/.test(pathname)) {
|
|
pathname = pathname.substr(0, pathname.length - 1);
|
|
}
|
|
Ox.forEach(regexps, function(fn, re) {
|
|
re = new RegExp(re);
|
|
if (re.test(pathname)) {
|
|
Ox.print('URL re ' + re);
|
|
fn(pathname, search, function() {
|
|
pandora.Query.updateGroups();
|
|
pandora.user.ui.showHome = false;
|
|
callback();
|
|
});
|
|
return false;
|
|
}
|
|
});
|
|
},
|
|
|
|
push: function(title, url) {
|
|
if (arguments.length == 1) { // fixme: remove later
|
|
url = title;
|
|
}
|
|
if (url[0] != '/') {
|
|
url = '/' + url;
|
|
}
|
|
saveURL();
|
|
history.pushState({}, pandora.site.site.name + (title ? ' - ' + title : ''), url);
|
|
},
|
|
|
|
pushPrevious: function() {
|
|
history.pushState({}, '', previousURL);
|
|
},
|
|
|
|
set: function(title, url) {
|
|
if (arguments.length == 1) { // fixme: remove later
|
|
url = title;
|
|
}
|
|
if (url[0] != '/') {
|
|
url = '/' + url;
|
|
}
|
|
history.pushState({}, pandora.site.site.name + (title ? ' - ' + title : ''), url);
|
|
updateURL();
|
|
},
|
|
|
|
replace: function(title, url) {
|
|
if (arguments.length == 1) { // fixme: remove later
|
|
url = title;
|
|
}
|
|
if (url[0] != '/') {
|
|
url = '/' + url;
|
|
}
|
|
saveURL();
|
|
history.replaceState({}, pandora.site.site.name + (title ? ' - ' + title : ''), url);
|
|
},
|
|
|
|
update: function() {
|
|
this.set(pandora.Query.toString());
|
|
},
|
|
|
|
};
|
|
|
|
}());
|