adding homePage.js

static/js/pandora/ui/homePage.js

@@ -0,0 +1,78 @@
+// vim: et:ts=4:sw=4:sts=4:ft=js
+
+pandora.ui.homePage = function() {
+
+    var that = Ox.Element()
+        .css({padding: '8px'});
+
+    var $left = $('<div>')
+            .css({
+                float: 'left',
+                margin: '8px',
+                background: 'black'
+            })
+            .html('left')
+            .appendTo(that.$element),
+        $center = $('<div>')
+            .css({
+                float: 'left',
+                margin: '8px'
+            })
+            .appendTo(that.$element),
+        $right = $('<div>')
+            .css({
+                float: 'left',
+                margin: '8px',
+                background: 'black'
+            })
+            .html('right')
+            .appendTo(that.$element),
+        $logo = $('<img>')
+            .attr({src: '/static/png/logo256.png'})
+            .appendTo($center);
+        // fixme: duplicated
+        $select = Ox.Select({
+            id: 'select',
+            items: $.merge($.map(app.ui.findKeys,
+            function(key, i) {
+                return {
+                    id: key.id,
+                    title: 'Find: ' + key.title
+                };
+            }), [{}, {
+                id: 'advanced',
+                title: 'Find: Advanced'
+            }]),
+            overlap: 'right',
+            width: 112
+        })
+        $input = Ox.Input({})
+            .bindEvent({
+                change: function() {
+                    
+                }
+            });
+        $findElement = Ox.FormElementGroup({
+                elements: [$select, $input],
+            })
+            .css({marginTop: '16px'})
+            .appendTo($center);
+        $center = $('<div>')
+            .css({marginTop: '16px'})
+            .html('center')
+            .appendTo($center);
+
+    that.resize = function() {
+        var size = Ox.divideInt(window.innerWidth - app.user.ui.showSidebar * app.user.ui.sidebarSize - 1 - 64, 3);
+        $left.css({width: size[0] + 'px'});
+        $center.css({width: size[1] + 'px'});
+        $logo.css({width: size[1] + 'px'});
+        $input.options({width: size[1] - 112});
+        $right.css({width: size[2] + 'px'});
+    };
+
+    that.resize();
+
+    return that;
+
+}

static/js/pandora/ui/rightPanel.js

@@ -2,16 +2,20 @@
 pandora.ui.rightPanel = function() {
     var that;
     if (app.user.ui.section == 'site') {
-        that = new Ox.Element()
-            .html(app.user.ui.sitePage)
-            .bindEvent({
-                resize: function(event, data) {
-                    
-                }
-            });
+        if (app.user.ui.sitePage == 'home') {
+            that = pandora.ui.homePage()
+                .bindEvent({
+                    resize: function(data) {
+                        that.resize();
+                    }
+                });
+        } else {
+            that = new Ox.Element()
+                .css({padding: '8px'});
             pandora.api.getPage(app.user.ui.sitePage, function(result) {
-                that.html(result.data.body).css({'overflow-y':'auto'});                        
+                that.html(result.data.body).css({overflowY: 'auto'});                        
             });
+        }
     } else if (app.user.ui.section == 'items') {
         that = new Ox.SplitPanel({
             elements: [

static/json/pandora.json

@@ -5,6 +5,7 @@
   "js/pandora/autovalidate.js", 
   "js/pandora/UI.js", 
   "js/pandora/ui/info.js", 
+  "js/pandora/ui/homePage.js", 
   "js/pandora/ui/rightPanel.js", 
   "js/pandora/ui/folderBrowserList.js", 
   "js/pandora/ui/group.js",