1 files changed, 113 insertions, 0 deletions
diff --git a/webapps/qooxdoo-0.6.3-sdk/frontend/demo/source/html/test/ToolBar_2.html b/webapps/qooxdoo-0.6.3-sdk/frontend/demo/source/html/test/ToolBar_2.html
new file mode 100644
index 0000000000..8eb984138c
--- /dev/null
+++ b/webapps/qooxdoo-0.6.3-sdk/frontend/demo/source/html/test/ToolBar_2.html
@@ -0,0 +1,113 @@
+<html>
+<head>
+  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+  <title>qooxdoo &raquo; Demo</title>
+  <link type="text/css" rel="stylesheet" href="../../resource/css/layout.css"/>
+  <!--[if IE]>
+  <link type="text/css" rel="stylesheet" href="../../resource/css/layout_ie.css"/>
+  <![endif]-->
+  <script type="text/javascript" src="../../script/qx.js"></script>
+</head>
+<body>
+  <script type="text/javascript" src="../../script/layout.js"></script>
+
+  <div id="demoDescription">
+    <p>Create ten toolbars. Stress Test.</p>
+  </div>
+
+  <script type="text/javascript">
+    qx.core.Init.getInstance().defineMain(function()
+    {
+      var d = qx.ui.core.ClientDocument.getInstance();
+
+      var btns1 = [
+        { type : "button", icon : "file-new", text : "New" },
+        { type : "separator" },
+        { type : "button", icon : "edit-copy", text : "Copy" },
+        { type : "button", icon : "edit-cut", text : "Cut" },
+        { type : "button", icon : "edit-paste", text : "Paste" }
+      ];
+
+      var btns2 = [
+        { type : "button", icon : "up", text : "Upload" },
+        { type : "button", icon : "down", text : "Download" }
+      ];
+
+      var btns3 = [
+        { type : "button", icon : "help", text : "Hilfe" }
+      ];
+
+      var bars = [ btns1, btns2, btns3 ];
+
+      function changeLayout(e) {
+        this.setShow(e.getData());
+      };
+      
+      function changeSize(e) {
+        var v = e.getData();
+        var o = v == 22 ? 32 : 22;
+        
+        this.setIcon(this.getIcon().replace(o, v));
+      };      
+
+      var useParts = true;
+
+      for (var k=0; k<10; k++)
+      {
+        var tb = new qx.ui.toolbar.ToolBar;
+        with(tb)
+        {
+          setTop(48+(k*50));
+          setLeft(20);
+          setRight(335);
+        };        
+        
+        for (var j=0; j<bars.length; j++)
+        {
+          var btns = bars[j];
+  
+          if (useParts) {
+            var tbp = new qx.ui.toolbar.Part;
+          };
+  
+          for (var i=0; i<btns.length; i++)
+          {
+            var btn = btns[i];
+  
+            switch(btn.type)
+            {
+              case "separator":
+                var o = new qx.ui.toolbar.Separator;
+                break;
+  
+              case "button":
+                var o = new qx.ui.toolbar.Button(btn.text, "icon/22/" + btn.icon + ".png");
+  
+                // beautiful decoupling: toolbar buttons don't know about radio boxes
+  
+                d.addEventListener("changeLayout", changeLayout, o);
+                d.addEventListener("changeSize", changeSize, o);
+                break;
+            };
+  
+            if (useParts)
+            {
+              tbp.add(o);
+            }
+            else
+            {
+              tb.add(o);
+            };
+          };
+  
+          if (useParts) {
+            tb.add(tbp);
+          };
+        };
+  
+        d.add(tb);
+      };
+    });
+  </script>
+</body>
+</html>