forked from 0x2620/pandora
url controller update
This commit is contained in:
parent
3c03d4fd68
commit
deb208dcba
13 changed files with 248 additions and 146 deletions
|
@ -432,6 +432,7 @@
|
|||
"value": "capability"
|
||||
}
|
||||
],
|
||||
"fixme": "itemNames should be lowercase!",
|
||||
"itemName": {
|
||||
"singular": "Movie",
|
||||
"plural": "Movies"
|
||||
|
@ -473,7 +474,7 @@
|
|||
],
|
||||
"listViews": [
|
||||
{"id": "list", "title": "as List"},
|
||||
{"id": "icons", "title": "as Icons"},
|
||||
{"id": "grid", "title": "as Grid"},
|
||||
{"id": "info", "title": "with Info"},
|
||||
{"id": "clips", "title": "with Clips"},
|
||||
{"id": "timelines", "title": "with Timelines"},
|
||||
|
@ -555,7 +556,7 @@
|
|||
"": {
|
||||
"columns": ["title", "director", "country", "year", "language", "runtime", "genre"],
|
||||
"columnWidth": {},
|
||||
"listView": "icons",
|
||||
"listView": "grid",
|
||||
"selected": [],
|
||||
"sort": [
|
||||
{"key": "director", "operator": ""}
|
||||
|
@ -583,7 +584,7 @@
|
|||
"sidebarSize": 256,
|
||||
"sitePage": "home",
|
||||
"theme": "modern",
|
||||
"videoPosition": {},
|
||||
"videoPoints": {},
|
||||
"videoScale": "fit",
|
||||
"videoMuted": false,
|
||||
"videoSize": "small",
|
||||
|
|
|
@ -222,7 +222,7 @@ pandora.Query = (function() {
|
|||
|
||||
fromString: function(str) {
|
||||
var data
|
||||
query = Ox.unserialize(str.substr(1)),
|
||||
query = Ox.unserialize(str),
|
||||
sort = []
|
||||
if ('find' in query) {
|
||||
data = parseFind(query.find || '');
|
||||
|
@ -284,10 +284,9 @@ pandora.Query = (function() {
|
|||
var sort = pandora.user.ui.lists[pandora.user.ui.list].sort[0],
|
||||
key = sort.key,
|
||||
operator = sort.operator;
|
||||
return '?' + Ox.serialize({
|
||||
return pandora.user.ui.lists[pandora.user.ui.list].listView + '/?' + Ox.serialize({
|
||||
find: constructFind(pandora.user.ui.query),
|
||||
sort: (operator == pandora.getSortOperator(key) ? '' : operator) + key,
|
||||
view: pandora.user.ui.lists[pandora.user.ui.list].listView
|
||||
sort: (operator == pandora.getSortOperator(key) ? '' : operator) + key
|
||||
});
|
||||
},
|
||||
|
||||
|
|
|
@ -1,6 +1,10 @@
|
|||
// vim: et:ts=4:sw=4:sts=4:ft=javascript
|
||||
pandora.UI = (function() {
|
||||
// fixme: why do we use '|', and not '.', as a separator?
|
||||
return {
|
||||
// sets pandora.user.ui.key to val
|
||||
// key foo|bar|baz sets pandora.user.ui.foo.bar.baz
|
||||
// val null removes a key
|
||||
set: function(/*{key: val} or key, val*/) {
|
||||
var obj = Ox.makeObject(arguments);
|
||||
Ox.forEach(obj, function(val, key) {
|
||||
|
|
|
@ -3,92 +3,79 @@
|
|||
|
||||
pandora.URL = (function() {
|
||||
|
||||
var regexps = {
|
||||
'^(|home)$': function(url) {
|
||||
if (url == 'home' || pandora.user.ui.showHome) {
|
||||
//$('.OxLoadingScreen').stop().remove();
|
||||
pandora.$ui.home = pandora.ui.home().showScreen();
|
||||
pandora.user.ui.showHome = false;
|
||||
var previousURL = '',
|
||||
regexps = {
|
||||
'^$': function(pathname, search) {
|
||||
if (!search) {
|
||||
if (pandora.user.ui.showHome) {
|
||||
pandora.$ui.home = pandora.ui.home().showScreen();
|
||||
}
|
||||
pandora.Query.updateGroups();
|
||||
} else if (/^\?url=/.test(search)) {
|
||||
document.location = decodeURIComponent(search.substr(5));
|
||||
} else {
|
||||
pandora.Query.fromString(search);
|
||||
pandora.UI.set({
|
||||
section: 'items',
|
||||
item: ''
|
||||
});
|
||||
}
|
||||
},
|
||||
'^home$': function(pathname, search) {
|
||||
pandora.$ui.home = pandora.ui.home().showScreen();
|
||||
pandora.Query.updateGroups();
|
||||
},
|
||||
'^\\?url=': function(url) {
|
||||
Ox.print('URL', url)
|
||||
document.location = decodeURIComponent(url.substr(5));
|
||||
},
|
||||
'^\\?': function(url) {
|
||||
pandora.Query.fromString(url);
|
||||
'^(items|edits|texts)$': function(pathname, search) {
|
||||
pandora.UI.set({
|
||||
section: 'items',
|
||||
item: ''
|
||||
section: pathname
|
||||
});
|
||||
},
|
||||
'^(about|faq|home|news|software|terms|tour)$': function(url) {
|
||||
pandora.$ui.siteDialog = pandora.ui.siteDialog(url).open();
|
||||
pandora.Query.updateGroups();
|
||||
},
|
||||
'^(signin|signout|signup)$': function(url) {
|
||||
if ((url == 'signout') == (pandora.user.level != 'guest')) {
|
||||
'^(about|contact|faq|news|software|terms|tour)$': function(pathname, search) {
|
||||
pandora.$ui.siteDialog = pandora.ui.siteDialog(pathname).open();
|
||||
pandora.Query.updateGroups();
|
||||
},
|
||||
'^help$': function(pathname, search) {
|
||||
pandora.$ui.helpDialog = pandora.ui.helpDialog().open();
|
||||
pandora.Query.updateGroups();
|
||||
},
|
||||
'^(signin|signout|signup)$': function(pathname, search) {
|
||||
if ((pathname == 'signout') == (pandora.user.level != 'guest')) {
|
||||
pandora.$ui.accountDialog = (
|
||||
pandora.user.level == 'guest'
|
||||
? pandora.ui.accountDialog(url)
|
||||
? pandora.ui.accountDialog(pathname)
|
||||
: pandora.ui.accountSignoutDialog()
|
||||
).open();
|
||||
}
|
||||
pandora.Query.updateGroups();
|
||||
},
|
||||
'^preferences$': function() {
|
||||
'^preferences$': function(pathname, search) {
|
||||
pandora.$ui.preferencesDialog = pandora.ui.preferencesDialog().open();
|
||||
pandora.Query.updateGroups();
|
||||
},
|
||||
'^help$': function() {
|
||||
pandora.$ui.helpDialog = pandora.ui.helpDialog().open();
|
||||
'^(calendar|calendars|clip|clips|flow|grid|list|map|maps|timelines)$': function(pathname, search) {
|
||||
pandora.UI.set({
|
||||
section: 'items',
|
||||
item: ''
|
||||
});
|
||||
pandora.UI.set(['lists', pandora.user.ui.list, 'listView'].join('|'), pathname);
|
||||
pandora.Query.updateGroups();
|
||||
pandora.Query.fromString(search);
|
||||
},
|
||||
'^admin': function(url) {
|
||||
var split = url.split('/'),
|
||||
section = new RegExp(
|
||||
'^ˆ(statistics|users)$'
|
||||
).exec(split[1]);
|
||||
section = section ? section[0] : 'users';
|
||||
pandora.UI.set({
|
||||
section: 'site',
|
||||
sitePage: url
|
||||
});
|
||||
},
|
||||
'^find$': function() {
|
||||
pandora.Query.fromString('?find='); // fixme: silly hack
|
||||
pandora.UI.set({
|
||||
section: 'items',
|
||||
item: ''
|
||||
});
|
||||
},
|
||||
'^(calendar|calendars|clips|icons|flow|map|maps|timelines)$': function(url) {
|
||||
pandora.UI.set({
|
||||
section: 'items',
|
||||
item: ''
|
||||
});
|
||||
pandora.UI.set(['lists', pandora.user.ui.list, 'listView'].join('|'), url);
|
||||
},
|
||||
'^texts$': function() {
|
||||
pandora.UI.set({
|
||||
section: 'texts'
|
||||
});
|
||||
},
|
||||
'^[0-9A-Z]': function(url) {
|
||||
var split = url.split('/'),
|
||||
length = split.length,
|
||||
'^[0-9A-Z]': function(pathname, search) {
|
||||
var split = pathname.split('/'),
|
||||
item = split[0],
|
||||
points,
|
||||
time = split.length > 1
|
||||
? /[\d\.:,-]+/.exec(split[split.length - 1])
|
||||
: null,
|
||||
view = new RegExp(
|
||||
'^(' + $.map(pandora.site.itemViews, function(v) {
|
||||
return v.id;
|
||||
}).join('|') + ')$'
|
||||
).exec(split[1]),
|
||||
position = length > 1
|
||||
? /[\d\.:-]+/.exec(split[length - 1])
|
||||
: null;
|
||||
).exec(split[1]);
|
||||
view = view ? view[0]
|
||||
: position ? pandora.user.ui.videoView
|
||||
: time ? pandora.user.ui.videoView
|
||||
: pandora.user.ui.itemView;
|
||||
pandora.UI.set(Ox.extend({
|
||||
section: 'items',
|
||||
|
@ -97,26 +84,92 @@ pandora.URL = (function() {
|
|||
}, ['player', 'timeline'].indexOf(view) > -1 ? {
|
||||
videoView: view
|
||||
} : {}));
|
||||
if (position) {
|
||||
split[length - 1] = position[0].split('-').map(function(point, i) {
|
||||
// fixme: this is duplicated, see Ox.VideoPlayer() parsePositionInput()
|
||||
if (time) {
|
||||
points = time[0].split(',');
|
||||
if (points.length == 2) {
|
||||
points = Ox.flatten([points[0], points[1].split('-')]);
|
||||
if (points[2] == '') {
|
||||
points[2] = '-1';
|
||||
}
|
||||
}
|
||||
// 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();
|
||||
}
|
||||
point = parts.reduce(function(prev, curr, i) {
|
||||
return parts.reduce(function(prev, curr, i) {
|
||||
return prev + (parseFloat(curr) || 0) * Math.pow(60, i);
|
||||
}, 0);
|
||||
i == 0 && pandora.UI.set(['videoPosition', item].join('|'), point);
|
||||
return Ox.formatDuration(point, 3).replace(/\.000$/, '');
|
||||
}).join('-');
|
||||
pandora.URL.replace(split.join('/'))
|
||||
});
|
||||
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('/'));
|
||||
} else if (!pandora.user.ui.videoPoints[item]) {
|
||||
pandora.UI.set('videoPoints|' + item, {
|
||||
'in': 0, out: 0, position: 0
|
||||
});
|
||||
}
|
||||
},
|
||||
'.*': function(pathname, search) {
|
||||
var query = search || 'find=' + pathname;
|
||||
pandora.Query.fromString(query);
|
||||
pandora.URL.replace('?' + query);
|
||||
}
|
||||
};
|
||||
|
||||
function saveURL() {
|
||||
previousURL = document.location.pathname + document.location.search;
|
||||
}
|
||||
|
||||
return {
|
||||
|
||||
parse: function() {
|
||||
var pathname = document.location.pathname.substr(1),
|
||||
search = document.location.search.substr(1);
|
||||
if (/\/$/.test(pathname)) {
|
||||
pathname = pathname.substr(0, pathname.length - 1);
|
||||
}
|
||||
/*
|
||||
var url = document.location.pathname.substr(1)
|
||||
+ document.location.search
|
||||
+ document.location.hash;
|
||||
*/
|
||||
Ox.forEach(regexps, function(fn, re) {
|
||||
re = new RegExp(re);
|
||||
if (re.test(pathname)) {
|
||||
Ox.print('URL re ' + re);
|
||||
fn(pathname, search);
|
||||
return false;
|
||||
}
|
||||
});
|
||||
pandora.user.ui.showHome = 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;
|
||||
|
@ -128,31 +181,6 @@ pandora.URL = (function() {
|
|||
this.update();
|
||||
},
|
||||
|
||||
parse: function() {
|
||||
var url = document.location.pathname.substr(1) +
|
||||
document.location.search +
|
||||
document.location.hash;
|
||||
Ox.forEach(regexps, function(fn, re) {
|
||||
//Ox.print(url, 're', re)
|
||||
re = new RegExp(re);
|
||||
if (re.test(url)) {
|
||||
Ox.print('URL re ' + re);
|
||||
fn(url);
|
||||
return false;
|
||||
}
|
||||
});
|
||||
},
|
||||
|
||||
push: 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);
|
||||
},
|
||||
|
||||
replace: function(title, url) {
|
||||
if (arguments.length == 1) { // fixme: remove later
|
||||
url = title;
|
||||
|
@ -160,6 +188,7 @@ pandora.URL = (function() {
|
|||
if (url[0] != '/') {
|
||||
url = '/' + url;
|
||||
}
|
||||
saveURL();
|
||||
history.replaceState({}, pandora.site.site.name + (title ? ' - ' + title : ''), url);
|
||||
},
|
||||
|
||||
|
@ -193,7 +222,7 @@ pandora.URL = (function() {
|
|||
pandora.$ui.leftPanel.replaceElement(2, pandora.$ui.info = pandora.ui.info());
|
||||
pandora.$ui.contentPanel.replaceElement(1, pandora.ui.item());
|
||||
}
|
||||
// fixme: should be 'editor', not 'timeline'
|
||||
// fixme: should be 'video', not 'player'
|
||||
if (
|
||||
oldUserUI.item &&
|
||||
['player', 'timeline'].indexOf(oldUserUI.itemView) > -1
|
||||
|
@ -202,7 +231,7 @@ pandora.URL = (function() {
|
|||
oldUserUI.itemView == 'player' ? 'player' : 'editor'
|
||||
];
|
||||
$item && pandora.UI.set(
|
||||
'videoPosition|' + oldUserUI.item,
|
||||
'videoPoints|' + oldUserUI.item + '|position',
|
||||
$item.options('position')
|
||||
);
|
||||
}
|
||||
|
|
|
@ -24,7 +24,7 @@ pandora.ui.browser = function() {
|
|||
.bindEvent({
|
||||
resize: function(event, data) {
|
||||
pandora.user.ui.groupsSize = data;
|
||||
$.each(pandora.$ui.groups, function(i, list) {
|
||||
pandora.$ui.groups.forEach(function(list) {
|
||||
list.size();
|
||||
});
|
||||
},
|
||||
|
|
|
@ -362,7 +362,8 @@ pandora.ui.folderList = function(id) {
|
|||
});
|
||||
pandora.URL.set('?find=' + (id == 'volumes' ? 'volume' : 'list') + ':' + data.ids[0]);
|
||||
} else {
|
||||
pandora.URL.set('?find=');
|
||||
pandora.UI.set({list: ''});
|
||||
pandora.URL.set('');
|
||||
}
|
||||
},
|
||||
submit: function(event, data) {
|
||||
|
|
|
@ -58,7 +58,7 @@ pandora.ui.group = function(id) {
|
|||
items: function(data, callback) {
|
||||
//if (pandora.user.ui.showGroups) {
|
||||
delete data.keys;
|
||||
return pandora.api.find($.extend(data, {
|
||||
return pandora.api.find(Ox.extend(data, {
|
||||
group: id,
|
||||
query: pandora.user.ui.groupsData[i].query
|
||||
}), callback);
|
||||
|
|
|
@ -62,6 +62,7 @@ pandora.ui.home = function() {
|
|||
})
|
||||
.bind({
|
||||
click: function() {
|
||||
pandora.URL.pushPrevious();
|
||||
that.fadeOutScreen();
|
||||
}
|
||||
})
|
||||
|
@ -124,6 +125,7 @@ pandora.ui.home = function() {
|
|||
})
|
||||
.bindEvent({
|
||||
click: function() {
|
||||
pandora.URL.pushPrevious();
|
||||
that.fadeOutScreen();
|
||||
}
|
||||
})
|
||||
|
|
|
@ -1,17 +1,32 @@
|
|||
// vim: et:ts=4:sw=4:sts=4:ft=javascript
|
||||
pandora.ui.item = function() {
|
||||
|
||||
var that = Ox.Element();
|
||||
|
||||
pandora.api.get({
|
||||
id: pandora.user.ui.item,
|
||||
keys: []
|
||||
}, pandora.user.level == 'admin' && pandora.user.ui.itemView == 'info' ? 0 : -1, function(result) {
|
||||
|
||||
if (result.status.code == 200) {
|
||||
// fixme: probably does not belong here
|
||||
document.title = '0xDB - ' + result.data.title;
|
||||
if (pandora.user.ui.videoPoints[result.data.id].out == -1) {
|
||||
pandora.UI.set('videoPoints|' + result.data.id + '|out', result.data.duration);
|
||||
pandora.URL.replace(
|
||||
document.location.pathname
|
||||
+ Ox.formatDuration(result.data.duration, 3).replace(/\.000$/, '')
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
if (result.status.code != 200) {
|
||||
// fixme: this is quite a hack
|
||||
var title = decodeURI(pandora.user.ui.item).toLowerCase(),
|
||||
videoPosition;
|
||||
if (pandora.user.ui.item in pandora.user.ui.videoPosition) {
|
||||
videoPosition = pandora.user.ui.videoPosition[pandora.user.ui.item];
|
||||
pandora.UI.set(['videoPosition', pandora.user.ui.item].join('|'), null);
|
||||
videoPoints;
|
||||
if (pandora.user.ui.item in pandora.user.ui.videoPoints) {
|
||||
videoPoints = pandora.user.ui.videoPoints[pandora.user.ui.item];
|
||||
pandora.UI.set(['videoPoints', pandora.user.ui.item].join('|'), null);
|
||||
}
|
||||
pandora.api.find({
|
||||
query: {
|
||||
|
@ -37,8 +52,8 @@ pandora.ui.item = function() {
|
|||
- re.exact.test(a.title) * 2000000;
|
||||
})[0].id;
|
||||
pandora.user.ui.item = '';
|
||||
!Ox.isUndefined(videoPosition)
|
||||
&& pandora.UI.set(['videoPosition', id].join('|'), videoPosition);
|
||||
!Ox.isUndefined(videoPoints)
|
||||
&& pandora.UI.set(['videoPoints', id].join('|'), videoPoints);
|
||||
pandora.URL.set(id);
|
||||
} else {
|
||||
pandora.$ui.contentPanel.replaceElement(1,
|
||||
|
@ -52,9 +67,9 @@ pandora.ui.item = function() {
|
|||
);
|
||||
}
|
||||
});
|
||||
} else if (!result.data.rendered &&
|
||||
['clips', 'map',
|
||||
'player', 'timeline'].indexOf(pandora.user.ui.itemView)>-1) {
|
||||
} else if (!result.data.rendered && [
|
||||
'clips', 'map', 'player', 'timeline'
|
||||
].indexOf(pandora.user.ui.itemView)>-1) {
|
||||
pandora.$ui.contentPanel.replaceElement(1,
|
||||
Ox.Element()
|
||||
.css({marginTop: '32px', fontSize: '12px', textAlign: 'center'})
|
||||
|
@ -64,8 +79,10 @@ pandora.ui.item = function() {
|
|||
+ pandora.user.ui.itemView + ' view.'
|
||||
)
|
||||
);
|
||||
|
||||
} else if (pandora.user.ui.itemView == 'calendar') {
|
||||
pandora.$ui.contentPanel.replaceElement(1, Ox.Element().html('Calendar'));
|
||||
|
||||
} else if (pandora.user.ui.itemView == 'clips') {
|
||||
var ratio = result.data.stream.aspectRatio;
|
||||
Ox.print('RATIO', ratio)
|
||||
|
@ -86,7 +103,7 @@ pandora.ui.item = function() {
|
|||
};
|
||||
},
|
||||
items: function(data, callback) {
|
||||
pandora.api.findAnnotations($.extend(data, {
|
||||
pandora.api.findAnnotations(Ox.extend(data, {
|
||||
itemQuery: {
|
||||
conditions:[{
|
||||
key: 'id',
|
||||
|
@ -104,11 +121,17 @@ pandora.ui.item = function() {
|
|||
open: function(event, data) {
|
||||
var id = data.ids[0],
|
||||
item = pandora.user.ui.item,
|
||||
position = pandora.$ui.clips.value(id, 'in');
|
||||
pandora.UI.set('videoPosition|' + item, position);
|
||||
points = {
|
||||
'in': pandora.$ui.clips.value(id, 'in'),
|
||||
out: pandora.$ui.clips.value(id, 'out')
|
||||
};
|
||||
pandora.UI.set('videoPoints|' + item, Ox.extend(points, {
|
||||
position: points['in']
|
||||
}));
|
||||
pandora.URL.set(item + '/timeline');
|
||||
}
|
||||
}));
|
||||
|
||||
} else if (pandora.user.ui.itemView == 'info') {
|
||||
//Ox.print('result.data', result.data)
|
||||
if (pandora.user.level == 'admin' && false) {
|
||||
|
@ -239,8 +262,13 @@ pandora.ui.item = function() {
|
|||
open: function(event, data) {
|
||||
var id = data.ids[0],
|
||||
item = pandora.user.ui.item,
|
||||
position = pandora.$ui.clips.value(id, 'in');
|
||||
pandora.UI.set('videoPosition|' + item, position);
|
||||
points = {
|
||||
'in': pandora.$ui.clips.value(id, 'in'),
|
||||
out: pandora.$ui.clips.value(id, 'out')
|
||||
};
|
||||
pandora.UI.set('videoPoints|' + item, Ox.extend(points, {
|
||||
position: points['in']
|
||||
}));
|
||||
pandora.URL.set(item + '/timeline');
|
||||
}
|
||||
}),
|
||||
|
@ -253,6 +281,7 @@ pandora.ui.item = function() {
|
|||
.bindEvent('resize', function() {
|
||||
pandora.$ui.map.resizeMap();
|
||||
}));
|
||||
|
||||
} else if (pandora.user.ui.itemView == 'statistics') {
|
||||
var stats = Ox.Container();
|
||||
Ox.TreeList({
|
||||
|
@ -262,7 +291,6 @@ pandora.ui.item = function() {
|
|||
|
||||
pandora.$ui.contentPanel.replaceElement(1, stats);
|
||||
|
||||
|
||||
} else if (pandora.user.ui.itemView == 'player') {
|
||||
// fixme: duplicated
|
||||
var layers = [],
|
||||
|
@ -285,8 +313,10 @@ pandora.ui.item = function() {
|
|||
return '/' + pandora.user.ui.item + '/timeline64p' + i + '.png';
|
||||
},
|
||||
height: pandora.$ui.contentPanel.size(1),
|
||||
'in': pandora.user.ui.videoPoints[pandora.user.ui.item]['in'],
|
||||
muted: pandora.user.ui.videoMuted,
|
||||
position: pandora.user.ui.videoPosition[pandora.user.ui.item] || 0,
|
||||
out: pandora.user.ui.videoPoints[pandora.user.ui.item].out,
|
||||
position: pandora.user.ui.videoPoints[pandora.user.ui.item].position,
|
||||
scaleToFill: pandora.user.ui.videoScale == 'fill',
|
||||
showAnnotations: pandora.user.ui.showAnnotations,
|
||||
showControls: pandora.user.ui.showControls,
|
||||
|
@ -318,11 +348,12 @@ pandora.ui.item = function() {
|
|||
pandora.UI.set('volume', data.volume);
|
||||
},
|
||||
}));
|
||||
|
||||
} else if (pandora.user.ui.itemView == 'timeline') {
|
||||
var layers = [],
|
||||
video = {};
|
||||
$.each(pandora.site.layers, function(i, layer) {
|
||||
layers[i] = $.extend({}, layer, {items: result.data.layers[layer.id]});
|
||||
pandora.site.layers.forEach(function(layer) {
|
||||
layers.push(Ox.extend({items: result.data.layers[layer.id]}, layer));
|
||||
});
|
||||
pandora.site.video.resolutions.forEach(function(resolution) {
|
||||
video[resolution] = Ox.range(result.data.parts).map(function(i) {
|
||||
|
@ -346,10 +377,11 @@ pandora.ui.item = function() {
|
|||
},
|
||||
height: pandora.$ui.contentPanel.size(1),
|
||||
id: 'editor',
|
||||
'in': 0,
|
||||
'in': pandora.user.ui.videoPoints[pandora.user.ui.item]['in'],
|
||||
layers: layers,
|
||||
out: 0,
|
||||
position: pandora.user.ui.videoPosition[pandora.user.ui.item] || 0,
|
||||
muted: pandora.user.ui.videoMuted,
|
||||
out: pandora.user.ui.videoPoints[pandora.user.ui.item].out,
|
||||
position: pandora.user.ui.videoPoints[pandora.user.ui.item].position,
|
||||
posterFrame: parseInt(video.duration / 2),
|
||||
showAnnotations: pandora.user.ui.showAnnotations,
|
||||
showLargeTimeline: true,
|
||||
|
@ -363,6 +395,16 @@ pandora.ui.item = function() {
|
|||
videoSize: pandora.user.ui.videoSize,
|
||||
width: pandora.$ui.document.width() - pandora.$ui.mainPanel.size(0) - 1
|
||||
}).bindEvent({
|
||||
points: function(data) {
|
||||
pandora.UI.set('videoPoints|' + pandora.user.ui.item, {
|
||||
'in': data['in'],
|
||||
out: data.out,
|
||||
position: pandora.user.ui.videoPoints[pandora.user.ui.item].position
|
||||
});
|
||||
},
|
||||
position: function(data) {
|
||||
pandora.UI.set('videoPoints|' + pandora.user.ui.item + '|position', data.position);
|
||||
},
|
||||
resize: function(event, data) {
|
||||
pandora.$ui.editor.options({
|
||||
height: data
|
||||
|
@ -412,13 +454,15 @@ pandora.ui.item = function() {
|
|||
width: data - pandora.$ui.timelinePanel.size(1) - 1
|
||||
});
|
||||
});
|
||||
*/
|
||||
*/
|
||||
|
||||
} else if (pandora.user.ui.itemView == 'files') {
|
||||
pandora.$ui.contentPanel.replaceElement(1,
|
||||
pandora.$ui.item = Ox.FilesView({
|
||||
id: result.data.id
|
||||
})
|
||||
);
|
||||
|
||||
} else if (pandora.user.ui.itemView == 'frames' || pandora.user.ui.itemView == 'posters') {
|
||||
pandora.$ui.contentPanel.replaceElement(1,
|
||||
pandora.$ui.item = pandora.ui.mediaView().bindEvent({
|
||||
|
@ -428,11 +472,15 @@ pandora.ui.item = function() {
|
|||
})
|
||||
);
|
||||
}
|
||||
|
||||
if (result.data) {
|
||||
var director = result.data.director ? ' ('+result.data.director.join(', ') + ')' : '';
|
||||
pandora.$ui.total.html(result.data.title + director);
|
||||
}
|
||||
|
||||
});
|
||||
|
||||
return that;
|
||||
|
||||
};
|
||||
|
||||
|
|
|
@ -137,7 +137,7 @@ pandora.ui.list = function() { // fixme: remove view argument
|
|||
pandora.URL.push(pandora.Query.toString());
|
||||
}
|
||||
});
|
||||
} else if (view == 'icons') {
|
||||
} else if (view == 'grid') {
|
||||
//alert(JSON.stringify(pandora.user.ui.lists[pandora.user.ui.list].selected))
|
||||
that = Ox.IconList({
|
||||
borderRadius: pandora.user.ui.icons == 'posters' ? 0 : 16,
|
||||
|
@ -268,8 +268,13 @@ pandora.ui.list = function() { // fixme: remove view argument
|
|||
open: function(data) {
|
||||
var id = data.ids[0],
|
||||
item = id.split('/')[0],
|
||||
position = that.value(id, 'in');
|
||||
pandora.UI.set('videoPosition|' + item, position);
|
||||
points = {
|
||||
'in': that.value(id, 'in'),
|
||||
out: that.value(id, 'out')
|
||||
};
|
||||
pandora.UI.set('videoPoints|' + item, Ox.extend(points, {
|
||||
position: points['in']
|
||||
}));
|
||||
pandora.URL.set(item + '/timeline');
|
||||
},
|
||||
openpreview: function(data) {
|
||||
|
@ -456,8 +461,13 @@ pandora.ui.list = function() { // fixme: remove view argument
|
|||
open: function(data) {
|
||||
var id = data.ids[0],
|
||||
item = pandora.$ui.clips.value(id, 'item'),
|
||||
position = pandora.$ui.clips.value(id, 'in');
|
||||
pandora.UI.set('videoPosition|' + item, position);
|
||||
points = {
|
||||
'in': pandora.$ui.clips.value(id, 'in'),
|
||||
out: pandora.$ui.clips.value(id, 'out')
|
||||
};
|
||||
pandora.UI.set('videoPoints|' + item, Ox.extend(points, {
|
||||
position: points['in']
|
||||
}));
|
||||
pandora.URL.set(item + '/timeline');
|
||||
}
|
||||
}),
|
||||
|
@ -517,7 +527,7 @@ pandora.ui.list = function() { // fixme: remove view argument
|
|||
});
|
||||
}
|
||||
|
||||
if (['list', 'icons'].indexOf(view) > -1) {
|
||||
if (['list', 'grid'].indexOf(view) > -1) {
|
||||
|
||||
pandora.enableDragAndDrop(that, true);
|
||||
|
||||
|
|
|
@ -170,7 +170,7 @@ pandora.ui.mainMenu = function() {
|
|||
change: function(event, data) {
|
||||
var value = data.checked[0].id;
|
||||
if (data.id == 'find') {
|
||||
pandora.$ui.findSelect.selectItem(value);
|
||||
pandora.$ui.findSelect.options({value: value});
|
||||
} else if (data.id == 'movieview') {
|
||||
var id = document.location.pathname.split('/')[1];
|
||||
if (value == 'info')
|
||||
|
@ -192,7 +192,7 @@ pandora.ui.mainMenu = function() {
|
|||
} else if (data.id == 'sortmovies') {
|
||||
var operator = pandora.getSortOperator(value);
|
||||
pandora.$ui.mainMenu.checkItem('sortMenu_ordermovies_' + (operator == '+' ? 'ascending' : 'descending'));
|
||||
pandora.$ui.sortSelect.selectItem(value);
|
||||
pandora.$ui.sortSelect.options({value: value});
|
||||
pandora.$ui.list.options({
|
||||
sort: [{key: value, operator: operator}]
|
||||
});
|
||||
|
@ -208,20 +208,26 @@ pandora.ui.mainMenu = function() {
|
|||
pandora.$ui.item.reload();
|
||||
}
|
||||
$list = pandora.$ui.browser;
|
||||
} else if (pandora.user.ui.lists[pandora.user.ui.list].listView == 'icons') {
|
||||
$list = pandora.$ui.list
|
||||
} else if (pandora.user.ui.lists[pandora.user.ui.list].listView == 'grid') {
|
||||
$list = pandora.$ui.list;
|
||||
}
|
||||
$list && $list.options({
|
||||
borderRadius: value == 'posters' ? 0 : pandora.user.ui.item ? 8 : 16,
|
||||
defaultRatio: value == 'posters' ? 5/8 : 1
|
||||
}).reloadList(true);
|
||||
} else if (data.id == 'viewmovies') {
|
||||
url('#view=' + value);
|
||||
pandora.UI.set(['lists', pandora.user.ui.list, 'listView'].join('|'), value);
|
||||
pandora.$ui.viewSelect.options({value: value});
|
||||
pandora.$ui.contentPanel.replaceElement(1, pandora.$ui.list = pandora.ui.list());
|
||||
pandora.URL.push('/' + value + '/' + document.location.search);
|
||||
|
||||
//pandora.URL.set('/' + value + '/' + document.location.search);
|
||||
}
|
||||
},
|
||||
click: function(event, data) {
|
||||
if (data.id == 'home') {
|
||||
pandora.$ui.home = pandora.ui.home().fadeInScreen();
|
||||
pandora.URL.push('home');
|
||||
} else if (['about', 'news', 'tour', 'faq', 'tos', 'contact', 'software'].indexOf(data.id) > -1) {
|
||||
pandora.$ui.siteDialog = pandora.ui.siteDialog(data.id).open();
|
||||
pandora.URL.push(data.id);
|
||||
|
|
|
@ -52,6 +52,7 @@ pandora.ui.siteDialog = function(section) {
|
|||
}).bindEvent({
|
||||
click: function() {
|
||||
$dialog.close();
|
||||
pandora.URL.pushPrevious();
|
||||
}
|
||||
})
|
||||
],
|
||||
|
|
|
@ -20,16 +20,17 @@ pandora.ui.viewSelect = function() {
|
|||
margin: '4px 0 0 4px'
|
||||
})
|
||||
.bindEvent({
|
||||
change: !pandora.user.ui.item ? function(event, data) {
|
||||
var id = data.selected[0].id;
|
||||
pandora.$ui.mainMenu.checkItem('viewMenu_movies_' + id);
|
||||
pandora.UI.set(['lists', pandora.user.ui.list, 'listView'].join('|'), id);
|
||||
change: !pandora.user.ui.item ? function(data) {
|
||||
var view = data.selected[0].id;
|
||||
pandora.$ui.mainMenu.checkItem('viewMenu_movies_' + view);
|
||||
pandora.UI.set(['lists', pandora.user.ui.list, 'listView'].join('|'), view);
|
||||
pandora.$ui.contentPanel.replaceElement(1, pandora.$ui.list = pandora.ui.list());
|
||||
pandora.URL.push(pandora.Query.toString());
|
||||
pandora.URL.push('/' + view + '/' + document.location.search);
|
||||
// pandora.URL.set('/' + view + '/' + document.location.search);
|
||||
} : function(event, data) {
|
||||
var id = data.selected[0].id;
|
||||
var view = data.selected[0].id;
|
||||
//pandora.UI.set({itemView: id});
|
||||
pandora.URL.set(pandora.user.ui.item + '/' + id);
|
||||
pandora.URL.set(pandora.user.ui.item + '/' + view);
|
||||
// pandora.$ui.contentPanel.replaceElement(1, pandora.$ui.item = pandora.ui.item());
|
||||
}
|
||||
});
|
||||
|
|
Loading…
Reference in a new issue