From 30386703591cfa9347d1e7a7c5d23fb4b7e72733 Mon Sep 17 00:00:00 2001
From: rolux <rolux@pandora>
Date: Wed, 7 Jul 2010 14:36:42 +0200
Subject: [PATCH] more event listeners

---
 pandora/static/js/pandora.js | 65 +++++++++++++++++++++++++++++-------
 1 file changed, 53 insertions(+), 12 deletions(-)

diff --git a/pandora/static/js/pandora.js b/pandora/static/js/pandora.js
index 96c566bf..ff7386db 100755
--- a/pandora/static/js/pandora.js
+++ b/pandora/static/js/pandora.js
@@ -7,8 +7,8 @@ $(function() {
         $document = $(document),
         $window = $(window),
         config = {
-            archiveId: "oxdb",
-            archiveName: "0xDB",
+            appId: "oxdb",
+            appName: "0xDB",
             findKeys: [
                 { id: "all", title: "All" },
                 { id: "title", title: "Title" },
@@ -116,7 +116,7 @@ $(function() {
                     sort: [
                         { key: "director", operator: "" }
                     ],
-                    theme: "modern"
+                    theme: $.browser.mozilla ? "classic" : "modern"
                 },
                 username: ""
             }
@@ -128,8 +128,10 @@ $(function() {
 
 // App
 
+    document.title = config.appName;
     Ox.theme(user.ui.theme);
     app = new Ox.App({
+        name: config.appName,
         requestURL: "/api/"
     });
 
@@ -142,7 +144,7 @@ $(function() {
             })
         ],
         menus: [
-            { id: config.archiveId, title: config.archiveName, items: [
+            { id: config.appId, title: config.appName, items: [
                 { id: "about", title: "About" },
                 {},
                 { id: "home", title: "Home Screen" },
@@ -220,12 +222,12 @@ $(function() {
             { id: "sort", title: "Sort", items: [
                 { id: "sortmovies", title: "Sort Movies by", items: $.map(config.sortKeys, function(key, i) {
                     return $.extend({
-                        checked: user.ui.sort[0].key == key,
+                        checked: user.ui.sort[0].key == key.id,
                         group: "sortmovies"
                     }, key);
                 }) },
                 { id: "ordermovies", title: "Order Movies", items: [
-                    { id: "ascending", title: "Ascending", group: "ordermovies", checked: user.ui.sort[0].operator == "" },
+                    { id: "ascending", title: "Ascending", group: "ordermovies", checked: user.ui.sort[0].operator === "" },
                     { id: "descending", title: "Descending", group: "ordermovies", checked: user.ui.sort[0].operator == "-" }
                 ]},
                 { id: "advancedsort", title: "Advanced Sort...", keyboard: "shift control s" },
@@ -235,7 +237,7 @@ $(function() {
             { id: "find", title: "Find", items: [
                 { id: "find", title: "Find", items: $.map(config.findKeys, function(key, i) {
                     return $.extend({
-                        checked: user.ui.find.key == key,
+                        checked: user.ui.find.key == key.id || user.ui.find.key === "" && key.id == "all",
                         group: "find"
                     }, key)
                 }) },
@@ -247,7 +249,7 @@ $(function() {
                 { id: "report", title: "Report a Bug" },
             ] },
             { id: "help", title: "Help", items: [
-                { id: "help", title: config.archiveName + " Help", keyboard: "shift ?" }
+                { id: "help", title: config.appName + " Help", keyboard: "shift ?" }
             ] },
             { id: "debug", title: "Debug", items: [
                 { id: "query", title: "Show Query" }
@@ -532,9 +534,33 @@ $ui.statusbar = new Ox.Bar({
         $ui.loadingIcon.stop();
     });
 
+    // Menu
+
+    Ox.Event.bind("change_viewmovies", function(event, data) {
+        $ui.viewSelect.selectItem(data.id);
+    });
+    Ox.Event.bind("change_sortmovies", function(event, data) {
+        var operator = Ox.getObjectById(config.sortKeys, data.id).operator;
+        $ui.mainMenu.checkItem("sort_ordermovies_" + (operator === "" ? "ascending" : "descending"));
+        $ui.list.sort(data.id, operator);
+        Ox.print(user.ui.sort[0].key, user.ui.sort[0].operator);
+    });
+    Ox.Event.bind("change_ordermovies", function(event, data) {
+        $ui.list.sort(user.ui.sort[0].key, data.id == "ascending" ? "" : "-");
+        Ox.print(user.ui.sort[0].key, user.ui.sort[0].operator);
+    });
+    Ox.Event.bind("change_find", function(event, data) {
+        $ui.findInput.changeLabel(data.id);
+    });
+
+    // Toolbar
+
     Ox.Event.bind("change_viewSelect", function(event, data) {
         $ui.list.replaceWith(constructList(data.id));
     });
+    Ox.Event.bind("change_findInputLabel", function(event, data) {
+        $ui.mainMenu.checkItem("find_find_" + data.id);
+    });
 
     Ox.Event.bind("submit_findInput", function(event, data) {
         findCondition = {
@@ -563,6 +589,8 @@ $ui.statusbar = new Ox.Bar({
         })
     });
 
+    // Groups
+
     $.each(groups, function(i, group) {
         Ox.Event.bind("select_group_" + group.id, function(event, data) {
             $ui.list.options({
@@ -594,9 +622,9 @@ $ui.statusbar = new Ox.Bar({
             });
         });
     });
-    Ox.Event.bind("change_sort_movies", function(event, data) {
 
-    });
+    // List
+
     Ox.Event.bind("load_list", function(event, data) {
         $ui.total.html(constructStatus("total", data));
         data = [];
@@ -606,7 +634,18 @@ $ui.statusbar = new Ox.Bar({
         $ui.selected.html(constructStatus("selected", data));
     });
     Ox.Event.bind("sort_list", function(event, data) {
-        
+        /* some magic has already set user.ui.sort
+        Ox.print(":", user.ui.sort[0])
+        if (data.key != user.ui.sort[0].key) {
+            $ui.mainMenu.checkItem("sort_sortmovies_" + data.key);
+        }
+        if (data.operator != user.ui.sort[0].operator) {
+            $ui.mainMenu.checkItem("sort_ordermovies_" + data.operator === "" ? "ascending" : "descending");
+        }
+        user.ui.sort[0] = data;
+        */
+        $ui.mainMenu.checkItem("sort_sortmovies_" + data.key);
+        $ui.mainMenu.checkItem("sort_ordermovies_" + (data.operator === "" ? "ascending" : "descending"));
     });
     Ox.Event.bind("select_list", function(event, data) {
         app.request("find", {
@@ -625,6 +664,8 @@ $ui.statusbar = new Ox.Bar({
         });
     });
 
+    // Resize
+
     Ox.Event.bind("resize_leftPanel", function(event, data) {
         $ui.leftPanel.resize("infoPanel", data * 0.75);
     });
@@ -703,7 +744,7 @@ $ui.statusbar = new Ox.Bar({
                 sort: [
                     {
                         key: "director",
-                        operator: "+"
+                        operator: ""
                     }
                 ],
                 unique: "id"