move js files from js/pandora to js, fixes #1366

2013-07-16 12:15:05 +00:00 · 2013-07-16 12:15:05 +00:00 · a9b7738aa8
commit a9b7738aa8
parent b5eda32bbd
104 changed files with 7 additions and 2 deletions
--- a/static/js/toolbar.js
+++ b/static/js/toolbar.js
@ -0,0 +1,102 @@
+// vim: et:ts=4:sw=4:sts=4:ft=javascript
+
+'use strict';
+
+pandora.ui.toolbar = function() {
+    var ui = pandora.user.ui,
+        isNavigationView = !ui.item
+            && ['map', 'calendar'].indexOf(ui.listView) > -1,
+        that = Ox.Bar({
+            size: 24
+        }).css({
+            zIndex: 2 // fixme: remove later
+        });
+    ui.item && that.append(
+        pandora.$ui.backButton = pandora.ui.backButton()
+    );
+    that.append(
+        pandora.$ui.viewSelect = pandora.ui.viewSelect()
+    );
+    !ui.item && !isNavigationView && that.append(
+        pandora.$ui.sortElement = pandora.ui.sortElement()
+    );
+    that.append(
+        !ui.item
+        ? pandora.$ui.listTitle = Ox.Label({
+                textAlign: 'center',
+                title: getListName(pandora.user.ui._list)
+            })
+            .css({
+                position: 'absolute',
+                left: getListTitleLeft() + 'px',
+                top: '4px',
+                right: (ui._list ? 324 : 310) + 'px',
+                width: 'auto',
+                MozUserSelect: 'text',
+                OUserSelect: 'text',
+                WebkitUserSelect: 'text'
+            })
+        : pandora.$ui.itemTitle = Ox.Label({
+                textAlign: 'center'
+            })
+            .css({
+                position: 'absolute',
+                left: '236px',
+                top: '4px',
+                right: (ui._list ? 324 : 310) + 'px',
+                width: 'auto',
+                MozUserSelect: 'text',
+                OUserSelect: 'text',
+                WebkitUserSelect: 'text'
+            })
+            .hide()
+    );
+    (!ui.item ? pandora.$ui.listTitle : pandora.$ui.itemTitle).bindEvent({
+        doubleclick: function() {
+            if (!ui.item) {
+                pandora.$ui.list && pandora.$ui.list.animate({scrollTop: 0}, 250);
+            } else {
+                pandora.$ui.browser.scrollToSelection();
+            }
+        }
+    })
+    that.append(
+        pandora.$ui.findElement = pandora.ui.findElement()
+    );
+    that.bindEvent({
+        pandora_listview: function(data) {
+            var isNavigationView, wasNavigationView;
+            if (!pandora.user.ui.item) {
+                isNavigationView = ['map', 'calendar'].indexOf(data.value) > -1;
+                wasNavigationView = ['map', 'calendar'].indexOf(data.previousValue) > -1;
+                if (isNavigationView != wasNavigationView) {
+                    if (isNavigationView) {
+                        pandora.$ui.sortElement.remove();
+                    } else {
+                        pandora.$ui.sortElement = pandora.ui.sortElement().insertAfter(pandora.$ui.viewSelect);
+                    }
+                    pandora.$ui.listTitle.css({left: getListTitleLeft() + 'px'});
+                } else if ((data.value == 'clip') != (data.previousValue == 'clip')) {
+                    pandora.$ui.sortElement.replaceWith(
+                        pandora.$ui.sortElement = pandora.ui.sortElement()
+                    );
+                }
+            }
+        }
+    });
+    function getListName(listId) {
+        return '<b>' + (
+            listId == ''
+                ? Ox._('All {0}', [pandora.site.itemName.plural])
+                : Ox.encodeHTMLEntities(listId.slice(listId.indexOf(':') + 1))
+        ) + '</b>';
+    }
+    function getListTitleLeft() {
+        return ['map', 'calendar'].indexOf(pandora.user.ui.listView) > -1 ? 152 : 316;
+    }
+    that.updateListName = function(listId) {
+        pandora.$ui.listTitle.options({title: getListName(listId)});
+    };
+    return that;
+};
+