From 2430638cdeb4c2263863d314a3e6168cb1a8c92d Mon Sep 17 00:00:00 2001 From: rolux Date: Sat, 15 Jan 2011 14:22:29 +0000 Subject: [PATCH] save UI state --- pandora/app/models.py | 3 + pandora/item/models.py | 4 +- pandora/item/views.py | 12 +- pandora/templates/site.json | 4 +- pandora/user/models.py | 12 +- pandora/user/views.py | 6 +- static/js/pandora.js | 387 +++++++++++++++++++++--------------- 7 files changed, 259 insertions(+), 169 deletions(-) diff --git a/pandora/app/models.py b/pandora/app/models.py index e406d0ef2..752c0bb3f 100644 --- a/pandora/app/models.py +++ b/pandora/app/models.py @@ -29,4 +29,7 @@ def site_config(): site_config['keys'] = {} for key in site_config['sortKeys']: site_config['keys'][key['id']] = key + site_config['_findKeys'] = {} + for key in site_config['findKeys']: + site_config['_findKeys'][key['id']] = key return site_config diff --git a/pandora/item/models.py b/pandora/item/models.py index c9c03ebc8..6863eedda 100644 --- a/pandora/item/models.py +++ b/pandora/item/models.py @@ -343,7 +343,7 @@ class Item(models.Model): def save(key, value): f, created = ItemFind.objects.get_or_create(item=self, key=key) if value not in ('', '||'): - f.value = value + f.value = value.strip() f.save() else: f.delete() @@ -785,6 +785,8 @@ class ItemFind(models.Model): key = models.CharField(max_length=200, db_index=True) value = models.TextField(blank=True) + def __unicode__(self): + return u"%s=%s" % (self.key, self.value) ''' ItemSort table constructed based on info in site_config['sortKeys'] diff --git a/pandora/item/views.py b/pandora/item/views.py index 98404a2c8..ed1728f37 100644 --- a/pandora/item/views.py +++ b/pandora/item/views.py @@ -239,8 +239,13 @@ def autocomplete(request): op = data.get('operator', '') site_config = models.site_config() + order_by = site_config['_findKeys'].get(data['key'], {}).get('autocompleteSortKey', False) + if order_by: + order_by = '-sort__%s_desc' % order_by + else: + order_by = '-items' if site_config['keys'][data['key']]['type'] == 'title': - qs = models.Item.objects.filter(available=True) #does this need more limiting? user etc + qs = _parse_query({'query': data.get('query', {})}, request.user)['qs'] if data['value']: if op == '': qs = qs.filter(find__key=data['key'], find__value__icontains=data['value']) @@ -248,7 +253,7 @@ def autocomplete(request): qs = qs.filter(find__key=data['key'], find__value__istartswith=data['value']) elif op == '$': qs = qs.filter(find__key=data['key'], find__value__iendswith=data['value']) - qs = qs.order_by('-sort__%s'%site_config['keys'][data['key']]['autocompleteSortKey']) + qs = qs.order_by(order_by) qs = qs[data['range'][0]:data['range'][1]] response = json_response({}) response['data']['items'] = [i.get(data['key']) for i in qs] @@ -261,7 +266,8 @@ def autocomplete(request): qs = qs.filter(value__istartswith=data['value']) elif op == '$': qs = qs.filter(value__iendswith=data['value']) - qs = qs.values('value').annotate(items=Count('id')).order_by('-items') + qs = qs.values('value').annotate(items=Count('id')) + qs = qs.order_by(order_by) qs = qs[data['range'][0]:data['range'][1]] response = json_response({}) response['data']['items'] = [i['value'] for i in qs] diff --git a/pandora/templates/site.json b/pandora/templates/site.json index 75cc7062e..ccea120ca 100644 --- a/pandora/templates/site.json +++ b/pandora/templates/site.json @@ -1,7 +1,7 @@ { "findKeys": [ {"id": "all", "title": "All"}, - {"id": "title", "title": "Title", "autocomplete": true}, + {"id": "title", "title": "Title", "autocomplete": true, "autocompleteSortKey": "votes"}, {"id": "director", "title": "Director", "autocomplete": true}, {"id": "country", "title": "Country", "autocomplete": true}, {"id": "year", "title": "Year", "autocomplete": true}, @@ -73,7 +73,7 @@ {"id": "featured", "title": "Featured Lists"} ], "sortKeys": [ - {"id": "title", "title": "Title", "width": 180, "removable": false, "type": "title", "autocompleteSortKey": "votes"}, + {"id": "title", "title": "Title", "width": 180, "removable": false, "type": "title"}, {"id": "director", "title": "Director", "width": 180, "removable": false, "type": "person"}, {"id": "country", "title": "Country", "width": 120, "type": "string"}, {"id": "year", "title": "Year", "width": 60, "type": "year"}, diff --git a/pandora/user/models.py b/pandora/user/models.py index 7ecad533d..d0a21a4fa 100644 --- a/pandora/user/models.py +++ b/pandora/user/models.py @@ -33,7 +33,17 @@ class UserProfile(models.Model): ui = {} config = site_config() ui.update(config['user']['ui']) - ui.update(self.ui) + def updateUI(ui, new): + ''' + only update set keys in dicts + ''' + for key in new: + if isinstance(new[key], dict) and key in ui: + ui[key] = updateUI(ui[key], new[key]) + else: + ui[key] = new[key] + return ui + ui = updateUI(ui, self.ui) if not 'lists' in ui: ui['lists'] = {} ui['lists'][''] = config['uiDefaults']['list'] diff --git a/pandora/user/views.py b/pandora/user/views.py index 6f9b2dd80..6018d7da9 100644 --- a/pandora/user/views.py +++ b/pandora/user/views.py @@ -409,14 +409,14 @@ def setUI(request): key.subkey: value } you can set nested keys - api.setUI({"lists.my.listView": "icons"}) + api.setUI({"lists|my|ListView": "icons"}) return { 'status': {'code': int, 'text': string} } ''' data = json.loads(request.POST['data']) - keys = data.keys()[0].split('.') + keys = data.keys()[0].split('|') value = data.values()[0] profile = request.user.get_profile() p = profile.ui @@ -425,6 +425,8 @@ def setUI(request): if isinstance(p, list): p = p[getPositionById(p, key)] else: + if key not in p: + p[key] = {} p = p[key] p[keys[0]] = value profile.save() diff --git a/static/js/pandora.js b/static/js/pandora.js index 091a6a780..e515ea2a3 100755 --- a/static/js/pandora.js +++ b/static/js/pandora.js @@ -30,6 +30,8 @@ var pandora = new Ox.App({ user: data.user }; + pandora.app = app; // remove later + if (app.user.group == 'guest') { app.user = data.config.user; $.browser.safari && Ox.theme('modern'); @@ -43,11 +45,11 @@ var pandora = new Ox.App({ Ox.Request.requests() && app.$ui.loadingIcon.start(); $body.bind('requestStart', function() { //Ox.print('requestStart') - app.$ui.loadingIcon.start(); + app.$ui.loadingIcon && app.$ui.loadingIcon.start(); }); $body.bind('requestStop', function() { //Ox.print('requestStop') - app.$ui.loadingIcon.stop(); + app.$ui.loadingIcon && app.$ui.loadingIcon.stop(); }); }); @@ -83,8 +85,6 @@ var pandora = new Ox.App({ } }); - pandora.app = app; // remove later - } function login(data) { @@ -458,8 +458,11 @@ var pandora = new Ox.App({ resize: function(event, data) { app.user.ui.annotationsSize = data; }, + resizeend: function(event, data) { + UI.set({annotationsSize: data}); + }, toggle: function(event, data) { - app.user.ui.showAnnotations = !data.collapsed; + UI.set({showAnnotations: !data.collapsed}); } }), $bins = []; @@ -556,8 +559,11 @@ var pandora = new Ox.App({ list.size(); }); }, + resizeend: function(event, data){ + UI.set({groupsSize: data}); + }, toggle: function(event, data) { - app.user.ui.showGroups = !data.collapsed; + UI.set({showGroups: !data.collapsed}); data.collapsed && app.$ui.list.gainFocus(); } }); @@ -600,7 +606,7 @@ var pandora = new Ox.App({ URL.set(data.ids[0]); }, toggle: function(event, data) { - app.user.ui.showMovies = !data.collapsed; + UI.set({showMovies: !data.collapsed}); if (data.collapsed) { if (app.user.ui.itemView == 'timeline') { app.$ui.editor.gainFocus(); @@ -620,12 +626,7 @@ var pandora = new Ox.App({ { collapsed: !app.user.ui.showGroups, collapsible: true, - element: app.$ui.browser = ui.browser() - .bindEvent('resize', function(event, data) { - $.each(app.$ui.groups, function(i, list) { - list.size(); - }); - }), + element: app.$ui.browser = ui.browser(), resizable: true, resize: [96, 112, 128, 144, 160, 176, 192, 208, 224, 240, 256], size: app.user.ui.groupsSize @@ -650,74 +651,92 @@ var pandora = new Ox.App({ }, findElement: function() { var that = new Ox.FormElementGroup({ - elements: [ - app.$ui.findSelect = new Ox.Select({ - id: 'select', - items: $.map(app.config.findKeys, function(key, i) { - return { - id: key.id, - title: 'Find: ' + key.title - }; + elements: $.merge(app.user.ui.list ? [ + app.$ui.findListSelect = new Ox.Select({ + items: [ + {id: 'all', title: 'Find: All Movies'}, + {id: 'list', title: 'Find: This List'} + ], + overlap: 'right', + type: 'image' + }) + .bindEvent({ + change: function(event, data) { + var key = data.selected[0].id; + app.$ui.findInput.options({ + autocomplete: autocompleteFunction() + }).focus(); + } }), - overlap: 'right', - width: 112 + ] : [], [ + app.$ui.findSelect = new Ox.Select({ + id: 'select', + items: $.map(app.config.findKeys, function(key, i) { + return { + id: key.id, + title: 'Find: ' + key.title + }; + }), + overlap: 'right', + width: 112 + }) + .bindEvent({ + change: function(event, data) { + var key = data.selected[0].id; + if (!app.user.ui.findQuery.conditions.length) { + app.user.ui.findQuery.conditions = [{key: key, value: '', operator: ''}]; + } else { + app.user.ui.findQuery.conditions[0].key = key; + } + app.$ui.mainMenu.checkItem('findMenu_find_' + key); + app.$ui.findInput.options({ + autocomplete: autocompleteFunction() + }).focus(); + //Ox.print(app.$ui.findInput.options('autocomplete').toString()) + } + }), + app.$ui.findInput = new Ox.Input({ + autocomplete: autocompleteFunction(), + autocompleteSelect: true, + autocompleteSelectHighlight: true, + autocompleteSelectSubmit: true, + clear: true, + id: 'input', + width: 192 }) - .bindEvent('change', function(event, data) { - var key = data.selected[0].id; - if (!app.user.ui.findQuery.conditions.length) { - app.user.ui.findQuery.conditions = [{key: key, value: '', operator: ''}]; - } else { - app.user.ui.findQuery.conditions[0].key = key; - } - app.$ui.mainMenu.checkItem('findMenu_find_' + key); - app.$ui.findInput.options({ - autocomplete: autocompleteFunction() - }).focus(); - //Ox.print(app.$ui.findInput.options('autocomplete').toString()) - }), - app.$ui.findInput = new Ox.Input({ - autocomplete: autocompleteFunction(), - autocompleteSelect: true, - autocompleteSelectHighlight: true, - autocompleteSelectSubmit: true, - clear: true, - id: 'input', - width: 192 - }) - .bindEvent('submit', function(event, data) { - var key = app.user.ui.findQuery.conditions.length ? - app.user.ui.findQuery.conditions[0].key : '', - query; - //Ox.print('key', key); - app.user.ui.findQuery.conditions = [ - { - key: key == 'all' ? '' : key, - value: data.value, - operator: '' - } - ]; - $.each(app.ui.groups, function(i, group) { - group.query.conditions = []; - app.$ui.groups[i].options({ + .bindEvent('submit', function(event, data) { + var key = app.user.ui.findQuery.conditions.length ? + app.user.ui.findQuery.conditions[0].key : '', + query; + app.user.ui.findQuery.conditions = [ + { + key: key == 'all' ? '' : key, + value: data.value, + operator: '' + } + ]; + $.each(app.ui.groups, function(i, group) { + group.query.conditions = []; + app.$ui.groups[i].options({ + request: function(data, callback) { + delete data.keys; + return pandora.api.find($.extend(data, { + group: group.id, + query: Query.toObject(group.id) + }), callback); + } + }); + }); + app.$ui.list.options({ request: function(data, callback) { - delete data.keys; return pandora.api.find($.extend(data, { - group: group.id, - query: Query.toObject(group.id) + query: query = Query.toObject() }), callback); } }); - }); - app.$ui.list.options({ - request: function(data, callback) { - return pandora.api.find($.extend(data, { - query: query = Query.toObject() - }), callback); - } - }); - history.pushState({}, '', '/#' + Query.toString(query)); - }) - ], + history.pushState({}, '', '/' + Query.toString(query)); + }) + ]), id: 'findElement' }) .css({ @@ -726,47 +745,29 @@ var pandora = new Ox.App({ }); function autocompleteFunction() { return app.user.ui.findQuery.conditions.length ? function(value, callback) { - var key = app.user.ui.findQuery.conditions[0].key, + var key = that.value()[app.user.ui.list ? 1 : 0].id, findKey = Ox.getObjectById(app.config.findKeys, key); - //Ox.print('autocomplete', key, value); + Ox.print('!!!!', key, findKey, 'autocomplete' in findKey && findKey.autocomplete) value === '' && Ox.print('Warning: autocomplete function should never be called with empty value'); if ('autocomplete' in findKey && findKey.autocomplete) { pandora.api.autocomplete({ key: key, + query: that.value()[0].id == 'list' ? { + conditions: $.merge($.merge([], app.user.ui.listQuery.conditions), app.user.ui.findQuery.conditions), + operator: '&' + } : app.user.ui.findQuery, range: [0, 20], + sort: [{ + key: 'votes', + operator: '-' + }], value: value }, function(result) { //alert(JSON.stringify(result)) callback(result.data.items); }); - /* - pandora.api.find({ - keys: [key], - query: { - conditions: [ - { - key: key, - value: value, - operator: '' - } - ], - operator: '' - }, - sort: [ - { - key: key, - operator: '' - } - ], - range: [0, 10] - }, function(result) { - callback($.map(result.data.items, function(v) { - return v[key]; - })); - }); - */ } else { - callback(); + callback([]); } } : null; } @@ -867,6 +868,7 @@ var pandora = new Ox.App({ } app.ui.groups[i] = getGroupObject(id_); app.user.ui.groups[i] = id_; + setUI({groups: app.user.ui.groups}); replaceGroup(i, id_); } else { // swap two existing groups @@ -875,18 +877,17 @@ var pandora = new Ox.App({ app.ui.groups[i_] = group; app.user.ui.groups[i] = id_; app.user.ui.groups[i_] = id; + setUI({groups: app.user.ui.groups}); replaceGroup(i, id_, app.ui.groups[i].query); replaceGroup(i_, id, app.ui.groups[i_].query); } function replaceGroup(i, id, query) { // if query is passed, selected items will be derived from it var isOuter = i % 4 == 0; - //foo = app.$ui.groups[i]; app.$ui[isOuter ? 'browser' : 'groupsInnerPanel'].replace( isOuter ? i / 2 : i - 1, app.$ui.groups[i] = ui.group(id, query) ); - //foo.remove(); } }) .appendTo(that.$bar.$element); @@ -960,7 +961,7 @@ var pandora = new Ox.App({ ) .bindEvent({ toggle: function(event, data) { - app.user.ui.showInfo = !data.collapsed; + UI.set({showInfo: !data.collapsed}); resizeSections(); } }); @@ -1113,8 +1114,11 @@ var pandora = new Ox.App({ app.$ui.leftPanel.size('infoPanel', infoSize); resizeSections(); }, + resizeend: function(event, data) { + UI.set({sidebarSize: data}); + }, toggle: function(event, data) { - app.user.ui.showSidebar = !data.collapsed; + UI.set({showSidebar: !data.collapsed}); if (data.collapsed) { app.$ui.sectionList.forEach(function($list) { $list.loseFocus(); @@ -1729,7 +1733,7 @@ var pandora = new Ox.App({ app.$ui.sectionList.forEach(function($list, i_) { i != i_ && $list.options('selected', []); }); - app.user.ui.list = data.ids[0]; + UI.set({list: data.ids[0]}); URL.set('?find=list:' + data.ids[0]); } else { URL.set(''); @@ -2252,6 +2256,7 @@ var pandora = new Ox.App({ elements: [ { collapsible: true, + collapsed: !app.user.ui.showSidebar, element: app.$ui.leftPanel = ui.leftPanel(), resizable: true, resize: [192, 256, 320, 384], @@ -2517,7 +2522,9 @@ var pandora = new Ox.App({ pandora.api.removeList({ id: data.ids[0] }, function(result) { - delete app.user.ui.lists[data.ids[0]]; // fixme: how to delete a ui preference? + // fixme: is this the best way to delete a ui preference? + delete app.user.ui.lists[data.ids[0]]; + UI.set({lists: app.user.ui.lists}); Ox.Request.emptyCache(); // fixme: remove $list.reloadList(); }); @@ -2575,10 +2582,10 @@ var pandora = new Ox.App({ app.$ui.sectionList.forEach(function($list, i_) { i != i_ && $list.options('selected', []); }); - app.user.ui.list = listId; + UI.set({list: listId}); URL.set('?find=list:' + listId); } else { - app.user.ui.list = ''; + UI.set({list: ''}); URL.set(''); } }, @@ -2636,7 +2643,7 @@ var pandora = new Ox.App({ type: data.id == 'new' ? 'static' : 'smart' }, function(result) { id = result.data.id; - app.user.ui.lists[id] = app.config.uiDefaults.list; + UI.set(['lists', id].join('|'), app.config.uiDefaults.list); URL.set('?find=list:' + id) Ox.Request.emptyCache(); // fixme: remove $list.reloadList().bindEvent({load: load}); @@ -2693,6 +2700,7 @@ var pandora = new Ox.App({ } app.$ui.section[i] = new Ox.CollapsePanel({ id: id, + collapsed: !app.user.ui.showSection[id], extras: extras, size: 16, title: Ox.getObjectById(app.config.sections, id).title @@ -2725,7 +2733,7 @@ var pandora = new Ox.App({ }, toggle: function(event, data) { data.collapsed && app.$ui.sectionList[i].loseFocus(); - app.user.ui.showSection[id] = !data.collapsed; + UI.set(['showSection', id].join('|'), !data.collapsed); resizeSections(); } }); @@ -2781,20 +2789,22 @@ var pandora = new Ox.App({ float: 'left', margin: '4px 0 0 4px' }) - .bindEvent('change', function(event, data) { - var id = data.selected[0].id, - operator = getSortOperator(id); - /* - app.user.ui.lists[app.user.ui.list].sort[0] = { - key: id, - operator: operator - }; - */ - app.$ui.mainMenu.checkItem('sortMenu_sortmovies_' + id); - app.$ui.mainMenu.checkItem('sortMenu_ordermovies_' + (operator === '' ? 'ascending' : 'descending')); - //alert(id + ' ' + operator) - app.$ui.list.sortList(id, operator); - URL.set(Query.toString()); + .bindEvent({ + change: function(event, data) { + var id = data.selected[0].id, + operator = getSortOperator(id); + /* + app.user.ui.lists[app.user.ui.list].sort[0] = { + key: id, + operator: operator + }; + */ + app.$ui.mainMenu.checkItem('sortMenu_sortmovies_' + id); + app.$ui.mainMenu.checkItem('sortMenu_ordermovies_' + (operator === '' ? 'ascending' : 'descending')); + //alert(id + ' ' + operator) + app.$ui.list.sortList(id, operator); + URL.set(Query.toString()); + } }); return that; }, @@ -2877,16 +2887,19 @@ var pandora = new Ox.App({ float: 'left', margin: '4px 0 0 4px' }) - .bindEvent('change', !app.user.ui.item ? function(event, data) { - var id = data.selected[0].id; - app.user.ui.lists[app.user.ui.list].listView = id; - app.$ui.mainMenu.checkItem('viewMenu_movies_' + id); - app.$ui.contentPanel.replace(1, app.$ui.list = ui.list(id)); - URL.set(Query.toString()); - } : function(event, data) { - var id = data.selected[0].id; - app.user.ui.itemView = id; - app.$ui.contentPanel.replace(1, app.$ui.item = ui.item()); + .bindEvent({ + change: !app.user.ui.item ? function(event, data) { + var id = data.selected[0].id; + app.$ui.mainMenu.checkItem('viewMenu_movies_' + id); + //app.$ui.contentPanel.replace(1, app.$ui.list = ui.list(id)); + UI.set(['lists', app.user.ui.list, 'listView'].join('|'), id); + URL.set(Query.toString()); + } : function(event, data) { + var id = data.selected[0].id; + UI.set({itemView: id}); + // fixme: URL.set() here + app.$ui.contentPanel.replace(1, app.$ui.item = ui.item()); + } }); return that; } @@ -2980,6 +2993,7 @@ var pandora = new Ox.App({ function getSectionsWidth() { var width = app.user.ui.sidebarSize; // fixme: don't use height(), look up in splitpanels + Ox.print(getSectionsHeight(), '>', app.$ui.leftPanel.height() - 24 - 1 - app.$ui.info.height()) if (getSectionsHeight() > app.$ui.leftPanel.height() - 24 - 1 - app.$ui.info.height()) { width -= app.ui.scrollbarSize; } @@ -3153,9 +3167,15 @@ var pandora = new Ox.App({ ret = parseFind(subconditions[parseInt(v.substr(1, v.length - 2))]); } else { kv = ((v.indexOf(':') > - 1 ? '' : ':') + v).split(':'); - ret = $.extend({ - key: kv[0] - }, parseValue(kv[1])); + if (kv[0] == 'list') { // fixme: this is just a hack + app.user.ui.listQuery = {conditions: [$.extend({ + key: kv[0] + }, parseValue(kv[1]))], operator: ''}; + } else { + ret = $.extend({ + key: kv[0] + }, parseValue(kv[1])); + } } return ret; }); @@ -3194,7 +3214,7 @@ var pandora = new Ox.App({ } if ('sort' in query) { sort = query.sort.split(',') - app.user.ui.lists[app.user.ui.list].sort = $.map(query.sort.split(','), function(v, i) { + UI.set(['lists', app.user.ui.list, 'sort'].join('|'), $.map(query.sort.split(','), function(v, i) { var hasOperator = '+-'.indexOf(v[0]) > -1, key = hasOperator ? query.sort.substr(1) : query.sort, operator = hasOperator ? v[0].replace('+', '') : getSortOperator(key); @@ -3202,10 +3222,10 @@ var pandora = new Ox.App({ key: key, operator: operator }; - }); + })); } if ('view' in query) { - app.user.ui.lists[app.user.ui.list].listView = query.view; + UI.set(['lists', app.user.ui.list, 'listView'].join('|'), query.view); } }, @@ -3245,6 +3265,36 @@ var pandora = new Ox.App({ })(); + var UI = (function() { + return { + set: function(obj) { + if (arguments.length == 2) { + var obj_ = {}; + obj_[arguments[0]] = arguments[1]; + obj = obj_; + } + $.each(obj, function(key, val) { + Ox.print('key', key, 'val', val) + keys = key.split('|'); + if (keys.length == 1) { + app.user.ui[keys[0]] = val; + } else if (keys.length == 2) { + app.user.ui[keys[0]][keys[1]] = val; + } else if (keys.length == 3) { + app.user.ui[keys[0]][keys[1]][keys[2]] = val; + } else if (keys.length == 4) { + app.user.ui[keys[0]][keys[1]][keys[2]][keys[3]] = val; + } else if (keys.length == 5) { + app.user.ui[keys[0]][keys[1]][keys[2]][keys[3]][keys[4]] = val; + } else if (keys.length == 6) { + app.user.ui[keys[0]][keys[1]][keys[2]][keys[3]][keys[4]][keys[5]] = val; + } + }); + pandora.api.setUI(obj); + } + } + }()); + var URL = (function() { var old = { @@ -3255,21 +3305,31 @@ var pandora = new Ox.App({ regexps = { '^\\?': function(url) { Query.fromString(url); - app.user.ui.section = 'items'; - app.user.ui.item = ''; + UI.set({ + section: 'items', + item: '' + }); }, - '^(|about|faq|home|news|software|terms|tour)$': function(url) { - app.user.ui.section = 'site'; - app.user.ui.sitePage = url; + '^(about|faq|home|news|software|terms|tour)$': function(url) { + UI.set({ + section: 'site', + sitePage: url + }); }, '^(|find)$': function() { - app.user.ui.section = 'items'; - app.user.ui.item = ''; + Query.fromString('?find='); // fixme: silly hack + UI.set({ + section: 'items', + list: '', + item: '' + }); }, '^(calendar|calendars|clips|icons|flow|map|maps|timelines)$': function() { - app.user.ui.section = 'items'; - app.user.ui.item = ''; - app.user.ui.lists[app.user.ui.list].listView = url; + UI.set({ + section: 'items', + item: '' + }); + UI.set(['lists', app.user.ui.list, 'listView'].join('|'), url); }, '^[0-9A-Z]': function() { var split = url.split('/'), @@ -3277,15 +3337,21 @@ var pandora = new Ox.App({ view = new RegExp( '^(calendar|clips|files|info|map|player|statistics|timeline)$' )(split[1]) || app.user.ui.itemView; - app.user.ui.section = 'items'; - app.user.ui.item = item; - app.user.ui.itemView = view; + UI.set({ + section: 'items', + item: item, + itemView: view + }); }, '^texts$': function() { - app.user.ui.section = 'texts'; + UI.set({ + section: 'texts' + }); }, '^admin$': function() { - app.user.ui.section = 'admin'; + UI.set({ + section: 'admin' + }); } }; @@ -3298,8 +3364,9 @@ var pandora = new Ox.App({ }, parse: function() { - url = document.location.pathname.substr(1) + - document.location.search + document.location.hash; + var url = document.location.pathname.substr(1) + + document.location.search + + document.location.hash; $.each(regexps, function(re, fn) { //Ox.print(url, 're', re) re = new RegExp(re);