Changeset 21:3cc449a6b75e for source/class

Timestamp:

Dec 26, 2007, 5:44:01 PM (17 years ago)

Author:

fnevgeny

Branch:

default

Phase:

public

Message:

Each tab is rendered by its own function. Added two dummy tabs, "Compare" and
"Plot". More small geometry tunings.

File:

• source/class/pf/Application.js (modified) (9 diffs)

source/class/pf/Application.js

@@ -947 +947 @@
         },
 
-        /**
-         * TODOC
-         *
-         * @type member
-         * @param e {Event} TODOC
-         * @return {void}
-         */
-        main : function(e)
-        {
-            this.base(arguments);
-            
-            // Define alias for custom resource path
-            qx.io.Alias.getInstance().add("pf",
-                qx.core.Setting.get("pf.resourceUri"));
-
-            // Defaults
-            
-            this.r = new pf.base.Species("r", 1.0,           0, 0,    1.0, null);
-            this.e = new pf.base.Species("e", (1.0/1836.2), -1, 1e16, 1.0, this.r);
-            this.i = new pf.base.Species("i", 1.0,          +1, 1e16, 1.0, this.r);
-            
-            this.P_r = 0;
-
-            this.B   = 0;
-            
-            this.n_u = 2;
-            this.n_l = 1;
-            
-            if (this.updatePlasmaParameters() != true) {
-                alert("Error!");
-            }
-            
-            // Favorites
-            this.favorites = new Array;
-
-            // Top-level container
-            this.bl_top = new qx.ui.layout.VerticalBoxLayout("vertical");
-            this.bl_top.setWidth("100%");
-            this.bl_top.setHeight("auto");
-
-            this.bl_top.addToDocument();
-
-
-            // The toolbar
-            var tb = new qx.ui.toolbar.ToolBar;
-            this.bl_top.add(tb);
-
-            // ... and the buttons themselves
-
-            var sep = new qx.ui.toolbar.Separator;
-            tb.add(sep);
-
-            var btn = new qx.ui.toolbar.Button("About...");
-            tb.add(btn);
-            // btn.addEventListener("execute", this.aboutCB, this);
-
-            var tf1 = new qx.ui.pageview.tabview.TabView;
-            this.bl_top.add(tf1);
-
-            this.tabbar  = tf1.getBar();
-            this.tabpane = tf1.getPane();
-            this.tabpane.setPadding(0, 0, 0, 0);
-
+        renderTabPage : function(label, icon, checked)
+        {
             var tab_id, page_id;
-            var fr, gl;
-            var l, e;
-            
-            var tab_id = new qx.ui.pageview.tabview.Button("Parameters",
-                "pf/image/tab-parameters.png");
+            
+            tab_id = new qx.ui.pageview.tabview.Button(label, icon);
             this.tabbar.add(tab_id);
             page_id = new qx.ui.pageview.tabview.Page(tab_id);
@@ -1023 +959 @@
             this.tabpane.add(page_id);
 
+            if (checked) {
+                tab_id.setChecked(true);
+            }
+            
+            return page_id;
+        },
+
+        renderParametersTab : function()
+        {
+            var page_id = this.renderTabPage("Parameters",
+                "pf/image/tab-parameters.png", true);
+
+            var fr, gl;
+            
             fr = new qx.ui.groupbox.GroupBox("Electrons",
                 "pf/image/e_small.png");
@@ -1041 +991 @@
 
             fr.add(gl);
+
+            var l, e;
 
             // N_e
@@ -1243 +1195 @@
             gl.add(e, 1, 2);
             e.addEventListener("change", changeN_l, this);
-
-            tab_id.setChecked(true);
-
-
-            tab_id = new qx.ui.pageview.tabview.Button("Explorer",
+        },
+
+        renderExplorerTab : function()
+        {
+            var page_id = this.renderTabPage("Explorer",
                 "pf/image/tab-explorer.png");
-            this.tabbar.add(tab_id);
-            page_id = new qx.ui.pageview.tabview.Page(tab_id);
-            page_id.setHeight("auto");
-            page_id.setPadding(10, 10, 10, 10);
-            page_id.setBackgroundColor("white");
-            this.tabpane.add(page_id);
-            
-            var pageLayout = new qx.ui.layout.CanvasLayout;
-            pageLayout.set(
-            {
-                width:  "100%",
-                height: 600,
-                backgroundColor: "grey"
-            });
-            page_id.add(pageLayout);
             
             var sp = new qx.ui.splitpane.HorizontalSplitPane(300, "1*");
@@ -1276 +1213 @@
                 showKnob        : true
             });
-            pageLayout.add(sp);
+            page_id.add(sp);
                         
             var left_pane  = sp.getLeftArea();
@@ -1287 +1224 @@
                 border          : "inset-thin",
                 overflow        : "scroll",
-                height          : "100%",
+                height          : 530,
                 width           : "100%",
                 paddingLeft     : 4,
@@ -1382 +1319 @@
 
 
-            gl = new qx.ui.layout.GridLayout;
+            var gl = new qx.ui.layout.GridLayout;
             gl.set(
             {
@@ -1401 +1338 @@
             gl.setRowHeight(2, 30);
 
+            var l, e;
+
             l = new qx.ui.basic.Label("Name:");
             gl.add(l, 0, 0);
@@ -1428 +1367 @@
 
             right_pane.add(gl);
+        },
+        
+        renderCompareTab : function()
+        {
+            var page_id = this.renderTabPage("Compare",
+                "pf/image/tab-compare.png");
+        },
+        
+        renderPlotTab : function()
+        {
+            var page_id = this.renderTabPage("Plot",
+                "pf/image/tab-plot.png");
+        },
+        
+        /**
+         * TODOC
+         *
+         * @type member
+         * @param e {Event} TODOC
+         * @return {void}
+         */
+        main : function(e)
+        {
+            this.base(arguments);
+            
+            // Define alias for custom resource path
+            qx.io.Alias.getInstance().add("pf",
+                qx.core.Setting.get("pf.resourceUri"));
+
+            // Defaults
+            
+            this.r = new pf.base.Species("r", 1.0,           0, 0,    1.0, null);
+            this.e = new pf.base.Species("e", (1.0/1836.2), -1, 1e16, 1.0, this.r);
+            this.i = new pf.base.Species("i", 1.0,          +1, 1e16, 1.0, this.r);
+            
+            this.P_r = 0;
+
+            this.B   = 0;
+            
+            this.n_u = 2;
+            this.n_l = 1;
+            
+            if (this.updatePlasmaParameters() != true) {
+                alert("Error!");
+            }
+            
+            // Favorites
+            this.favorites = new Array;
+
+            // Top-level container
+            this.bl_top = new qx.ui.layout.VerticalBoxLayout("vertical");
+            this.bl_top.setWidth("100%");
+            this.bl_top.setHeight("100%");
+
+            this.bl_top.addToDocument();
+
+
+            // The toolbar
+            var tb = new qx.ui.toolbar.ToolBar;
+            this.bl_top.add(tb);
+
+            // ... and the buttons themselves
+
+            var sep = new qx.ui.toolbar.Separator;
+            tb.add(sep);
+
+            var btn = new qx.ui.toolbar.Button("About...");
+            tb.add(btn);
+            // btn.addEventListener("execute", this.aboutCB, this);
+
+            var tf1 = new qx.ui.pageview.tabview.TabView;
+            tf1.set({ width : '100%', height : 'auto' });
+
+            this.bl_top.add(tf1);
+
+            this.tabbar  = tf1.getBar();
+            this.tabpane = tf1.getPane();
+            this.tabpane.setHeight('auto');
+            this.tabpane.setPadding(0, 0, 0, 0);
+
+            // The "Parameters" tab
+            this.renderParametersTab();
+            
+            // The "Explorer" tab
+            this.renderExplorerTab();
+            
+            // The "Compare" tab
+            this.renderCompareTab();
+            
+            // The "Plot" tab
+            this.renderPlotTab();
         },