rewrite history, again

pandora/0xdb.jsonc

@@ -617,6 +617,7 @@
             "lists": {},
             "mapFind": "",
             "mapSelection": "",
+            "page": "",
             "section": "items",
             "showAnnotations": true,
             "showBrowser": true,

pandora/urls.py

@@ -24,6 +24,7 @@ urlpatterns = patterns('',
     (r'^api/upload/$', 'archive.views.firefogg_upload'),
     (r'^url=(?P<url>.*)$', 'app.views.redirect_url'),
     (r'^file/(?P<oshash>.*)$', 'archive.views.lookup_file'),
+    (r'^api$', include('api.urls')),
     (r'^api/$', include('api.urls')),
     (r'^resetUI$', 'user.views.reset_ui'),
     (r'', include('item.urls')),

static/js/pandora/URL.js

@@ -6,9 +6,13 @@ pandora.URL = (function() {
 
     var self = {}, that = {};
 
-    function getState(keys) {
+    function getState() {
 
-        Ox.Log('GET STATE, UI', pandora.user.ui)
+        Ox.Log('', 'GET STATE, UI', pandora.user.ui)
+
+        if (pandora.user.ui.page) {
+            return {page: pandora.user.ui.page};
+        }
 
         var state = {};
 
@@ -45,7 +49,7 @@ pandora.URL = (function() {
             );
         }
 
-        Ox.Log('URL', 'STATE ...', state)
+        Ox.Log('', 'URL', 'STATE ...', state)
 
         return state;
 
@@ -66,43 +70,7 @@ pandora.URL = (function() {
 
         } else if (state.page) {
 
-            if (state.page == 'home') {
+            pandora.UI.set(state);
-                // if we're on page load, show screen immediately
-                pandora.$ui.home = pandora.ui.home()[
-                    !pandora.$ui.appPanel ? 'showScreen' : 'fadeInScreen'
-                ]();
-            } else if (
-                Ox.getPositionById(pandora.site.sitePages, state.page) > -1
-                || state.page == 'software'
-            ) {
-                if (pandora.$ui.siteDialog && pandora.$ui.siteDialog.is(':visible')) {
-                    pandora.$ui.siteDialog.select(state.page);
-                } else {
-                    pandora.$ui.siteDialog = pandora.ui.siteDialog(state.page).open();
-                }
-            } else if (state.page == 'help') {
-                pandora.$ui.helpDialog = pandora.ui.helpDialog().open();
-            } else if (['signup', 'signin'].indexOf(state.page) > -1) {
-                if (pandora.user.level == 'guest') {
-                    if (pandora.$ui.accountDialog && pandora.$ui.accountDialog.is(':visible')) {
-                        pandora.$ui.accountDialog.options(pandora.ui.accountDialogOptions(state.page));
-                    } else {
-                        pandora.$ui.accountDialog = pandora.ui.accountDialog(state.page).open();
-                    }
-                } else {
-                    pandora.URL.replace('/');
-                }
-            } else if (['preferences', 'signout'].indexOf(state.page) > -1) {
-                if (pandora.user.level == 'guest') {
-                    pandora.URL.replace('/');
-                } else if (state.page == 'preferences') {
-                    pandora.ui.preferencesDialog().open();
-                } else {
-                    pandora.ui.accountSignoutDialog().open();
-                }
-            } else if (state.page == 'api') {
-                document.location.href = '/api/';
-            }
             callback && callback();
 
         } else {
@@ -276,6 +244,10 @@ pandora.URL = (function() {
             $('.OxDialog:visible').each(function() {
                 Ox.UI.elements[$(this).data('oxid')].close();
             });
+            if (pandora.$ui.home) {
+                pandora.UI.set({page: ''});
+                pandora.$ui.home.fadeOutScreen();
+            }
             if (
                 pandora.user.ui.item
                 && pandora.user.ui.itemView == 'video'
@@ -283,10 +255,8 @@ pandora.URL = (function() {
                 && pandora.$ui.player.options('fullscreen')
             ) {
                 pandora.$ui.player.remove();
-                //pandora.$ui.player.options({fullscreen: false});
-                //$('body > .OxVideoPlayer').remove();
             }
-            if (!Ox.isEmpty(e.state)) {
+            if (e.state && !Ox.isEmpty(e.state)) {
                 Ox.Log('', 'E.STATE', e.state)
                 document.title = e.state.title;
                 setState(e.state);
@@ -313,12 +283,15 @@ pandora.URL = (function() {
 
     // sets the URL to the previous URL
     that.pop = function() {
-        self.URL.pop();
+        self.URL.pop() || that.update();
     };
 
     // pushes a new URL (as string or from state)
     that.push = function(stateOrURL) {
-        var state, title = pandora.getPageTitle(), url;
+        var state,
+            title = pandora.getPageTitle(stateOrURL)
+                || pandora.getDocumentTitle(),
+            url;
         if (Ox.isObject(stateOrURL)) {
             state = stateOrURL;
         } else {
@@ -329,8 +302,11 @@ pandora.URL = (function() {
     };
 
     // replaces the current URL (as string or from state)
-    that.replace = function(stateOrURL) {
+    that.replace = function(stateOrURL, title) {
-        var state, title = pandora.getPageTitle(), url;
+        var state,
+            title = pandora.getPageTitle(stateOrURL)
+                || pandora.getDocumentTitle(),
+            url;
         if (Ox.isObject(stateOrURL)) {
             state = stateOrURL;
         } else {
@@ -368,7 +344,10 @@ pandora.URL = (function() {
                 action = 'push';
             }
             state = getState();
-            self.URL[action](state, pandora.getPageTitle(), '');
+            self.URL[action](
+                state,
+                pandora.getPageTitle(state) || pandora.getDocumentTitle()
+            );
         }
     };
 

static/js/pandora/account.js

@@ -58,7 +58,7 @@ pandora.ui.accountDialogOptions = function(action, value) {
                 title: 'Cancel'
             }).bindEvent('click', function() {
                 pandora.$ui.accountDialog.close();
-                pandora.URL.update();
+                pandora.UI.set({page: ''});
             });
         } else if (type == 'submit') {
             return Ox.Button({
@@ -74,7 +74,7 @@ pandora.ui.accountDialogOptions = function(action, value) {
                 title: buttonTitle[type] + '...'
             }).bindEvent('click', function() {
                 if (['signin', 'signup'].indexOf(type) > -1) {
-                    pandora.URL.replace({page: type});
+                    pandora.UI.set({page: type});
                 } else {
                     pandora.$ui.accountDialog.options(pandora.ui.accountDialogOptions(type));
                 }
@@ -319,7 +319,7 @@ pandora.ui.accountSignoutDialog = function() {
                 title: 'Stay Signed In'
             }).bindEvent('click', function() {
                 that.close();
-                pandora.URL.update();
+                pandora.UI({page: ''});
             }),
             Ox.Button({
                 id: 'signout',

static/js/pandora/appPanel.js

@@ -13,6 +13,7 @@ pandora.ui.appPanel = function() {
             ],
             orientation: 'vertical'
         });
+    setPage(pandora.user.ui.page);
     that.display = function() {
         // fixme: move animation into Ox.App
         var animate = $('.OxScreen').length == 0;
@@ -27,6 +28,48 @@ pandora.ui.appPanel = function() {
         pandora.$ui.appPanel = pandora.ui.appPanel().appendTo(pandora.$ui.body);
         return that;
     }
+    that.bindEvent({
+        pandora_page: function(data) {
+            setPage(data.value);
+        }
+    });
+    function setPage(page) {
+        if (page == 'home') {
+            // if we're on page load, show screen immediately
+            pandora.$ui.home = pandora.ui.home()[
+                !pandora.$ui.appPanel ? 'showScreen' : 'fadeInScreen'
+            ]();
+        } else if (
+            Ox.getPositionById(pandora.site.sitePages, page) > -1
+            || page == 'software'
+        ) {
+            if (pandora.$ui.siteDialog && pandora.$ui.siteDialog.is(':visible')) {
+                pandora.$ui.siteDialog.select(page);
+            } else {
+                pandora.$ui.siteDialog = pandora.ui.siteDialog(page).open();
+            }
+        } else if (page == 'help') {
+            pandora.$ui.helpDialog = pandora.ui.helpDialog().open();
+        } else if (['signup', 'signin'].indexOf(page) > -1) {
+            if (pandora.user.level == 'guest') {
+                if (pandora.$ui.accountDialog && pandora.$ui.accountDialog.is(':visible')) {
+                    pandora.$ui.accountDialog.options(pandora.ui.accountDialogOptions(page));
+                } else {
+                    pandora.$ui.accountDialog = pandora.ui.accountDialog(page).open();
+                }
+            } else {
+                pandora.URL.replace('/');
+            }
+        } else if (['preferences', 'signout'].indexOf(page) > -1) {
+            if (pandora.user.level == 'guest') {
+                pandora.URL.replace('/');
+            } else if (page == 'preferences') {
+                pandora.ui.preferencesDialog().open();
+            } else {
+                pandora.ui.accountSignoutDialog().open();
+            }
+        }
+    }
     return that;
 };
 

static/js/pandora/helpDialog.js

@@ -10,21 +10,25 @@ pandora.ui.helpDialog = function() {
                 }).bindEvent({
                     click: function() {
                         that.close();
-                    pandora.URL.update();
                     }
                 })
             ],
-        //closeButton: true,
+            closeButton: true,
             content: content,
             height: Math.round((window.innerHeight - 24) * 0.75),
             keys: {
                 'escape': 'close'
             },
-        //maximizeButton: true,
+            maximizeButton: true,
             minHeight: 256,
             minWidth: 640,
             title: 'Help',
             width: Math.round(window.innerWidth * 0.75)
+        })
+        .bindEvent({
+            close: function(data) {
+                pandora.UI.set({page: ''});
+            }
         });
     pandora.api.getPage({name: 'help'}, function(result) {
         //content.html(response.data.body);

static/js/pandora/home.js

@@ -134,7 +134,7 @@ pandora.ui.home = function() {
             })
             .bindEvent({
                 click: function() {
-                    pandora.URL.update();
+                    pandora.UI.set({page: ''});
                     that.fadeOutScreen();
                 }
             })
@@ -154,7 +154,7 @@ pandora.ui.home = function() {
             })
             .bindEvent({
                 click: function() {
-                    pandora.URL.push('/signup');
+                    pandora.UI.set({page: 'signup'});
                     that.fadeOutScreen();
                 }
             }),
@@ -173,7 +173,7 @@ pandora.ui.home = function() {
             })
             .bindEvent({
                 click: function() {
-                    pandora.URL.push('/signin');
+                    pandora.UI.set({page :'signin'});
                     that.fadeOutScreen();
                 }
             }),
@@ -192,7 +192,7 @@ pandora.ui.home = function() {
             })
             .bindEvent({
                 click: function() {
-                    pandora.URL.push('/preferences');
+                    pandora.UI.set({page: 'preferences'});
                     that.fadeOutScreen();
                 }
             }),
@@ -211,7 +211,7 @@ pandora.ui.home = function() {
             })
             .bindEvent({
                 click: function() {
-                    pandora.URL.push('/about');
+                    pandora.UI.set({page: 'about'});
                     that.fadeOutScreen();
                 }
             })

static/js/pandora/item.js

@@ -11,8 +11,10 @@ pandora.ui.item = function() {
     }, pandora.user.ui.itemView == 'info' && pandora.site.capabilities.canEditMetadata[pandora.user.level] ? 0 : -1, function(result) {
 
         if (result.status.code == 200) {
-            // fixme: can the history state title get updated too?
+            // we want to cache the title in any way, so that after closing
-            document.title = pandora.getPageTitle(result.data.title);
+            // a dialog and getting to this item, the title is correct
+            var documentTitle = pandora.getDocumentTitle(result.data.title);
+            document.title = pandora.getPageTitle(document.location.pathname) || documentTitle;
         }
 
         /*if (result.status.code != 200) {

static/js/pandora/menu.js

@@ -230,7 +230,7 @@ pandora.ui.mainMenu = function() {
                     'home', 'about', 'news', 'tour', 'faq', 'terms', 'rights', 'contact', 'software',
                     'signup', 'signin', 'signout', 'preferences', 'help'
                 ].indexOf(data.id) > -1) {
-                    pandora.URL.push('/' + data.id);
+                    pandora.UI.set({page: data.id});
                 } else if ([
                     'newlist', 'newlistfromselection', 'newsmartlist', 'newsmartlistfromresults'
                 ].indexOf(data.id) > -1) {

static/js/pandora/siteDialog.js

@@ -112,8 +112,7 @@ pandora.ui.siteDialog = function(section) {
                 that.options({
                     title: Ox.getObjectById(tabs, data.selected).title
                 });
-                pandora.URL.push({page: data.selected});
+                pandora.UI.set({page: data.selected});
-                //history.pushState({page: data.selected}, '', '/' + data.selected);
             }
         });
 
@@ -125,7 +124,6 @@ pandora.ui.siteDialog = function(section) {
                 }).bindEvent({
                     click: function() {
                         that.close();
-                        pandora.URL.update();
                     }
                 })
             ],
@@ -140,6 +138,9 @@ pandora.ui.siteDialog = function(section) {
             width: Math.round(window.innerWidth * 0.75),
         })
         .bindEvent({
+            close: function(data) {
+                pandora.UI.set({page: ''});
+            },
             resize: function(data) {
                 if ($tabPanel.selected() == 'contact') {
                     pandora.$ui.contactForm.resize();

static/js/pandora/utils.js

@@ -492,6 +492,25 @@ pandora.getClipsQuery = function() {
     return clipsQuery;
 };
 
+(function() {
+    var itemTitles = {};
+    pandora.getDocumentTitle = function(itemTitle) {
+        Ox.Log('', 'ITEM TITLES', itemTitles)
+        if (itemTitle) {
+            itemTitles[pandora.user.ui.item] = itemTitle
+        }
+        var parts = [pandora.site.site.name];
+        if (!pandora.user.ui.item) {
+            pandora.user.ui._list && parts.push('List ' + pandora.user.ui._list);
+            parts.push(Ox.toTitleCase(pandora.user.ui.listView) + ' View');
+        } else {
+            parts.push(itemTitles[pandora.user.ui.item] || pandora.user.ui.item);
+            parts.push(Ox.toTitleCase(pandora.user.ui.itemView) + ' View');
+        }
+        return parts.join(' - ');
+    };
+}());
+
 pandora.getFilterSizes = function() {
     return Ox.divideInt(
         window.innerWidth - pandora.user.ui.showSidebar * pandora.user.ui.sidebarSize - 1, 5
@@ -664,24 +683,26 @@ pandora.getMetadataByIdOrName = function(item, view, str, callback) {
     }
 };
 
-(function() {
+pandora.getPageTitle = function(stateOrURL) {
-    var itemTitles = {};
+    var pages = Ox.merge([
-    pandora.getPageTitle = function(itemTitle) {
+            {id: '', title: ''},
-        Ox.Log('', 'ITEM TITLES', itemTitles)
+            {id: 'help', title: 'Help'},
-        if (itemTitle) {
+            {id: 'home', title: ''},
-            itemTitles[pandora.user.ui.item] = itemTitle
+            {id: 'preferences', title: 'Preferences'},
-        }
+            {id: 'signin', title: 'Sign In'},
-        var parts = [pandora.site.site.name];
+            {id: 'signout', title: 'Sign Out'},
-        if (!pandora.user.ui.item) {
+            {id: 'signup', title: 'Sign Up'},
-            pandora.user.ui._list && parts.push('List ' + pandora.user.ui._list);
+            {id: 'software', title: 'Software'}
-            parts.push(Ox.toTitleCase(pandora.user.ui.listView) + ' View');
+        ], pandora.site.sitePages),
-        } else {
+        page = Ox.getObjectById(
-            parts.push(itemTitles[pandora.user.ui.item] || pandora.user.ui.item);
+            pages,
-            parts.push(Ox.toTitleCase(pandora.user.ui.itemView) + ' View');
+            Ox.isObject(stateOrURL) ? stateOrURL.page : stateOrURL.substr(1)
-        }
+        );
-        return parts.join(' - ');
+    return page
+        ? pandora.site.site.name
+        + (page.title ? ' - ' + page.title : '')
+        : null;
 };
-}());
 
 pandora.getSortKeyData = function(key) {
     return Ox.getObjectById(pandora.site.itemKeys, key)