summaryrefslogtreecommitdiff
path: root/swat/apps/qooxdoo-examples/at-a-glance
diff options
context:
space:
mode:
authorDerrell Lipman <derrell@samba.org>2006-12-31 20:12:12 +0000
committerGerald (Jerry) Carter <jerry@samba.org>2007-10-10 14:35:23 -0500
commitd1e09e2e6f9db62bbab84abb53e23ee73764178a (patch)
tree18e57f756611c9d3e10fb41bf7c09eeb795028dd /swat/apps/qooxdoo-examples/at-a-glance
parent710dfce70ca9024d2f026518638bb193e914f4a0 (diff)
downloadsamba-d1e09e2e6f9db62bbab84abb53e23ee73764178a.tar.gz
samba-d1e09e2e6f9db62bbab84abb53e23ee73764178a.tar.bz2
samba-d1e09e2e6f9db62bbab84abb53e23ee73764178a.zip
r20446: rename swat directory to swat.obsolete; keeping it around since there is lots of useful info in it.
(This used to be commit 5f9f72a9cfab80561b23284001b67c4ea961757b)
Diffstat (limited to 'swat/apps/qooxdoo-examples/at-a-glance')
-rw-r--r--swat/apps/qooxdoo-examples/at-a-glance/AtAGlance.js1303
-rw-r--r--swat/apps/qooxdoo-examples/at-a-glance/index.html21
2 files changed, 0 insertions, 1324 deletions
diff --git a/swat/apps/qooxdoo-examples/at-a-glance/AtAGlance.js b/swat/apps/qooxdoo-examples/at-a-glance/AtAGlance.js
deleted file mode 100644
index aa293fbb2c..0000000000
--- a/swat/apps/qooxdoo-examples/at-a-glance/AtAGlance.js
+++ /dev/null
@@ -1,1303 +0,0 @@
-/* ************************************************************************
-
- qooxdoo - the new era of web development
-
- Copyright:
- 2004-2006 by 1&1 Internet AG, Germany
- http://www.1und1.de | http://www.1and1.com
- All rights reserved
-
- License:
- LGPL 2.1: http://creativecommons.org/licenses/LGPL/2.1/
-
- Internet:
- * http://qooxdoo.org
-
- Authors:
- * Sebastian Werner (wpbasti)
- <sebastian dot werner at 1und1 dot de>
- * Andreas Ecker (ecker)
- <andreas dot ecker at 1und1 dot de>
- * Til Schneider (til132)
- <tilman dot schneider at stz-ida dot de>
-
-************************************************************************ */
-
-qx.OO.defineClass("AtAGlance", qx.core.Object,
-function () {
- qx.core.Object.call(this);
-
- var barView = new qx.ui.pageview.buttonview.ButtonView;
-
- barView.setLocation(10, 10);
- barView.setRight(10);
- barView.setBottom(10);
-
- barView.addToDocument();
-
- this._createPage(barView, "Form", "icon/32/wordprocessor.png", this._createFormDemo(), "threedface");
- this._createPage(barView, "Tooltip", "icon/32/run.png", this._createTooltipDemo());
- this._createPage(barView, "Menu and Toolbar", "icon/32/display.png", this._createToolbarDemo());
- this._createPage(barView, "Tab", "icon/32/contents.png", this._createTabDemo(), "threedface", true);
- this._createPage(barView, "Tree", "icon/32/view-sidetree.png", this._createTreeDemo(), "threedface");
- this._createPage(barView, "List", "icon/32/view-detailed.png", this._createListDemo(), "threedface");
- this._createPage(barView, "ListView", "icon/32/view-multicolumn.png", this._createListViewDemo(), "threedface");
- this._createPage(barView, "Table", "icon/32/view-multicolumn.png", this._createTableDemo(), "threedface", true);
- this._createPage(barView, "DateChooser", "icon/32/date.png", this._createDateChooserDemo(), "threedface");
- this._createPage(barView, "Native Window", "icon/32/display.png", this._createNativeWindowDemo(), "threedface");
- this._createPage(barView, "Internal Window", "icon/32/look-and-feel.png", this._createInternalWindowDemo(), null, true);
- this._createPage(barView, "Themes", "icon/32/style.png", this._createThemesDemo());
-});
-
-
-qx.Proto._createPage = function(barView, title, iconUrl, widget, backgroundColor, scrolls) {
- var bt = new qx.ui.pageview.buttonview.ButtonViewButton(title, iconUrl);
- if (barView.getBar().isEmpty()) {
- bt.setChecked(true);
- }
-
- barView.getBar().add(bt);
-
- var page = new qx.ui.pageview.buttonview.ButtonViewPage(bt);
- barView.getPane().add(page);
-
- page.set({ left:0, right:0, top:0, bottom:0 });
-
- widget.setLocation(0, 0);
- widget.set({ left:0, right:0, bottom:0, right:0 });
- if (!scrolls) {
- widget.set({ height:null, width:null, overflow:"auto" });
- }
-
- if (backgroundColor) {
- page.setBackgroundColor(backgroundColor);
- }
-
- page.add(widget);
-
- return page;
-}
-
-
-qx.Proto._createFormDemo = function() {
- var main = new qx.ui.layout.VerticalBoxLayout;
- main.setPadding(10);
-
- var groupWidth = 285;
-
- // fields
- var group1 = new qx.ui.groupbox.GroupBox("Some controls", "icon/16/configure.png");
- group1.setDimension("auto", "auto");
- main.add(group1);
-
- var gl = new qx.ui.layout.GridLayout;
- group1.add(gl);
-
- gl.setDimension(groupWidth - 26, "auto");
- gl.setColumnCount(2);
- gl.setRowCount(6);
- gl.setVerticalSpacing(4);
- gl.setHorizontalSpacing(6);
-
- gl.setColumnWidth(0, 70);
- gl.setColumnWidth(1, 180);
-
- //gl.setColumnHorizontalAlignment(0, "right");
- gl.setColumnVerticalAlignment(0, "middle");
-
- gl.setRowHeight(0, 20);
- gl.setRowHeight(1, 20);
- gl.setRowHeight(2, 20);
- gl.setRowHeight(3, 20);
- gl.setRowHeight(4, 70);
- gl.setRowHeight(5, 20);
-
- gl.add(new qx.ui.basic.Label("Name"), 0, 0);
- gl.add(new qx.ui.form.TextField, 1, 0);
- gl.add(new qx.ui.basic.Label("Amount"), 0, 1);
- gl.add(new qx.ui.form.Spinner, 1, 1);
- gl.add(new qx.ui.basic.Label("Type"), 0, 2);
-
- var combo = new qx.ui.form.ComboBox;
- combo.add(new qx.ui.form.ListItem("CD")); //, "icon/16/cd.png"));
- combo.add(new qx.ui.form.ListItem("Clock")); //, "icon/16/clock.png"));
- combo.add(new qx.ui.form.ListItem("Modem")); //, "icon/16/modem.png"));
- combo.add(new qx.ui.form.ListItem("Network")); //, "icon/16/network.png"));
- combo.add(new qx.ui.form.ListItem("Sound")); //, "icon/16/mixer.png"));
- combo.add(new qx.ui.form.ListItem("PDA")); //, "icon/16/pda.png"));
- combo.add(new qx.ui.form.ListItem("Printer")); //, "icon/16/printer.png"));
- combo.add(new qx.ui.form.ListItem("Scanner")); //, "icon/16/scanner.png"));
- combo.add(new qx.ui.form.ListItem("TV")); //, "icon/16/tv.png"));
- gl.add(combo, 1, 2);
-
- gl.add(new qx.ui.basic.Label("E-Mail"), 0, 3);
- gl.add(new qx.ui.form.TextField, 1, 3);
-
- var label6 = new qx.ui.basic.Label("Comment");
- label6.setVerticalAlign("top");
- label6.setVerticalAlign("top");
- gl.add(label6, 0, 4);
-
- gl.add(new qx.ui.form.TextArea, 1, 4);
-
- var input7 = new qx.ui.form.Button("Submit", "icon/16/apply.png");
- input7.setHorizontalAlign("right");
- gl.add(input7, 1, 5);
-
- // Checkboxes
- var group2 = new qx.ui.groupbox.GroupBox("Some settings");
- group2.setDimension(groupWidth, "auto");
- main.add(group2);
-
- var bl = new qx.ui.layout.VerticalBoxLayout;
- group2.add(bl);
-
- bl.add(new qx.ui.form.CheckBox("Permit others to view my favorites"));
-
- var chb = new qx.ui.form.CheckBox("Use the very high bitrate");
- chb.setChecked(true);
- bl.add(chb);
-
- // Radio buttons
- var group3 = new qx.ui.groupbox.GroupBox("Network speed", "icon/16/network.png");
- group3.setDimension(groupWidth, "auto");
- main.add(group3);
-
- var bl = new qx.ui.layout.VerticalBoxLayout;
- group3.add(bl);
-
- var radio1 = new qx.ui.form.RadioButton("Modem");
- var radio2 = new qx.ui.form.RadioButton("DSL");
- var radio3 = new qx.ui.form.RadioButton("Direct link");
- radio2.setChecked(true);
- bl.add(radio1, radio2, radio3);
- new qx.manager.selection.RadioManager("network", [radio1, radio2, radio3]);
-
- return main;
-}
-
-
-qx.Proto._createTooltipDemo = function() {
- var main = new qx.ui.layout.HorizontalBoxLayout;
- main.setPadding(10);
- main.setSpacing(10);
-
- var c1 = new qx.ui.basic.Atom("Hover me", "icon/32/run.png");
- c1.setPadding(5);
- c1.setBorder(qx.renderer.border.BorderPresets.getInstance().outset);
- c1.setBackgroundColor(new qx.renderer.color.Color("#BDD2EF"));
- c1.setToolTip(new qx.ui.popup.ToolTip("Look at this"));
- main.add(c1);
-
- var c2 = new qx.ui.basic.Atom("Hover me", "icon/32/toys.png");
- c2.setPadding(5);
- c2.setBorder(qx.renderer.border.BorderPresets.getInstance().outset);
- c2.setBackgroundColor(new qx.renderer.color.Color("#D1DFAD"));
- c2.setToolTip(new qx.ui.popup.ToolTip("Images are also possible", "icon/16/help.png"));
- main.add(c2);
-
- var c3 = new qx.ui.basic.Atom("Hover me", "icon/32/penguin.png");
- c3.setPadding(5);
- c3.setBorder(qx.renderer.border.BorderPresets.getInstance().outset);
- c3.setBackgroundColor(new qx.renderer.color.Color("#D1A4AD"));
- var tip3 = new qx.ui.popup.ToolTip('Such a great tooltip with a show timeout of 50ms.<br>And <b>H</b><span style="color:red">T</span><i>M</i><u>L</u>', "icon/32/penguin.png");
- tip3.setShowInterval(50);
- c3.setToolTip(tip3);
- main.add(c3);
-
- return main;
-}
-
-
-qx.Proto._createToolbarDemo = function() {
- var doc = qx.ui.core.ClientDocument.getInstance();
-
- var main = new qx.ui.layout.VerticalBoxLayout;
- main.setPadding(10);
-
- // Menu
- var m1 = new qx.ui.menu.Menu;
- var mb1_01 = new qx.ui.menu.MenuButton("New", "icon/16/file-new.png");
- var mb1_02 = new qx.ui.menu.MenuButton("Open", "icon/16/file-open.png");
- var mb1_03 = new qx.ui.menu.MenuButton("Save", "icon/16/file-save.png");
- var mb1_04 = new qx.ui.menu.MenuButton("Save as", "icon/16/file-save-as.png");
- var mb1_05 = new qx.ui.menu.MenuButton("Close", "icon/16/stop.png");
- var mb1_06 = new qx.ui.menu.MenuButton("Restore last saved", "icon/16/reload.png");
- m1.add(mb1_01, mb1_02, mb1_03, mb1_04, mb1_05, mb1_06);
-
- var m2 = new qx.ui.menu.Menu;
- var mb2_01 = new qx.ui.menu.MenuButton("Undo", "icon/16/undo.png");
- var mb2_02 = new qx.ui.menu.MenuButton("Redo", "icon/16/redo.png");
- var mb2_b1 = new qx.ui.menu.MenuSeparator();
- var mb2_03 = new qx.ui.menu.MenuButton("Cut", "icon/16/edit-cut.png");
- var mb2_04 = new qx.ui.menu.MenuButton("Copy", "icon/16/edit-copy.png");
- var mb2_05 = new qx.ui.menu.MenuButton("Paste", "icon/16/edit-paste.png");
- var mb2_06 = new qx.ui.menu.MenuButton("Delete", "icon/16/edit-delete.png");
- var mb2_b2 = new qx.ui.menu.MenuSeparator();
- var mb2_07 = new qx.ui.menu.MenuButton("Select All");
- var mb2_08 = new qx.ui.menu.MenuButton("Find", "icon/16/find.png");
- var mb2_09 = new qx.ui.menu.MenuButton("Find Again");
- mb2_05.setEnabled(false);
- mb2_06.setEnabled(false);
- mb2_09.setEnabled(false);
- m2.add(mb2_01, mb2_02, mb2_b1, mb2_03, mb2_04, mb2_05, mb2_06, mb2_b2, mb2_07, mb2_08, mb2_09);
-
- var m3 = new qx.ui.menu.Menu;
- var m3_suba = new qx.ui.menu.Menu;
- var m3_subb = new qx.ui.menu.Menu;
- var m3_subc = new qx.ui.menu.Menu;
- var m3_subd = new qx.ui.menu.Menu;
-
- var mb3_01 = new qx.ui.menu.MenuCheckBox("File List", null, false);
- var mb3_02 = new qx.ui.menu.MenuCheckBox("Syntax Highlighting", null, true);
- var mb3_03 = new qx.ui.menu.MenuCheckBox("Statusbar", null, true);
- var mb3_b1 = new qx.ui.menu.MenuSeparator();
- var mb3_04 = new qx.ui.menu.MenuButton("Printer Font", null, null, m3_suba);
- var mb3_05 = new qx.ui.menu.MenuButton("Editor Font", null, null, m3_subb);
- var mb3_06 = new qx.ui.menu.MenuButton("Export Font", null, null, m3_subc);
- var mb3_b2 = new qx.ui.menu.MenuSeparator();
- var mb3_07 = new qx.ui.menu.MenuButton("Advanced", null, null, m3_subd);
- m3.add(mb3_01, mb3_02, mb3_03, mb3_b1, mb3_04, mb3_05, mb3_06, mb3_b2, mb3_07);
-
- var mb3_suba_01 = new qx.ui.menu.MenuButton("Tahoma, 11pt");
- var mb3_suba_02 = new qx.ui.menu.MenuButton("Tahoma, 12pt");
- var mb3_suba_03 = new qx.ui.menu.MenuButton("Tahoma, 13pt");
- var mb3_suba_04 = new qx.ui.menu.MenuButton("Tahoma, 14pt");
- var mb3_suba_05 = new qx.ui.menu.MenuButton("Tahoma, 15pt");
- m3_suba.add(mb3_suba_01, mb3_suba_02, mb3_suba_03, mb3_suba_04, mb3_suba_05);
-
- var mb3_subb_01 = new qx.ui.menu.MenuButton("Verdana, 11pt");
- var mb3_subb_02 = new qx.ui.menu.MenuButton("Verdana, 12pt");
- var mb3_subb_03 = new qx.ui.menu.MenuButton("Verdana, 13pt");
- var mb3_subb_04 = new qx.ui.menu.MenuButton("Verdana, 14pt");
- var mb3_subb_05 = new qx.ui.menu.MenuButton("Verdana, 15pt");
- m3_subb.add(mb3_subb_01, mb3_subb_02, mb3_subb_03, mb3_subb_04, mb3_subb_05);
-
- var mb3_subc_01 = new qx.ui.menu.MenuButton("Courier, 11pt");
- var mb3_subc_02 = new qx.ui.menu.MenuButton("Courier, 12pt");
- var mb3_subc_03 = new qx.ui.menu.MenuButton("Courier, 13pt");
- var mb3_subc_04 = new qx.ui.menu.MenuButton("Courier, 14pt");
- var mb3_subc_05 = new qx.ui.menu.MenuButton("Courier, 15pt");
- m3_subc.add(mb3_subc_01, mb3_subc_02, mb3_subc_03, mb3_subc_04, mb3_subc_05);
-
- var mb3_subd_02_suba = new qx.ui.menu.Menu();
- var mb3_subd_02_suba_01 = new qx.ui.menu.MenuButton("First");
- var mb3_subd_02_suba_02 = new qx.ui.menu.MenuButton("Second");
- var mb3_subd_02_suba_03 = new qx.ui.menu.MenuButton("Third");
- mb3_subd_02_suba.add(mb3_subd_02_suba_01, mb3_subd_02_suba_02, mb3_subd_02_suba_03);
-
- var mb3_subd_01 = new qx.ui.menu.MenuButton("First");
- var mb3_subd_02 = new qx.ui.menu.MenuButton("Second", null, null, mb3_subd_02_suba);
- var mb3_subd_03 = new qx.ui.menu.MenuButton("Third");
-
- m3_subd.add(mb3_subd_01, mb3_subd_02, mb3_subd_03);
-
- var m4 = new qx.ui.menu.Menu;
- var m4_suba = new qx.ui.menu.Menu;
-
- var mb4_01 = new qx.ui.menu.MenuButton("View", null, null, m4_suba);
- var mb4_b1 = new qx.ui.menu.MenuSeparator();
- var mb4_02 = new qx.ui.menu.MenuButton("Editor Preferences...", "icon/16/configure.png");
- var mb4_03 = new qx.ui.menu.MenuButton("Editor Extensions", "icon/16/connect-established.png");
- var mb4_04 = new qx.ui.menu.MenuButton("Framework Preferences");
-
- m4.add(mb4_01, mb4_b1, mb4_02, mb4_03, mb4_04);
-
- var mb4_suba_01 = new qx.ui.menu.MenuButton("New Window");
- var mb4_suba_b1 = new qx.ui.menu.MenuSeparator();
- var mb4_suba_02 = new qx.ui.menu.MenuRadioButton("Overlapping", null, true);
- var mb4_suba_03 = new qx.ui.menu.MenuRadioButton("Split Horizontally");
- var mb4_suba_04 = new qx.ui.menu.MenuRadioButton("Split Vertically");
- var mb4_suba_b2 = new qx.ui.menu.MenuSeparator();
- var mb4_suba_05 = new qx.ui.menu.MenuButton("Next Window");
- var mb4_suba_06 = new qx.ui.menu.MenuButton("Previous Window");
-
- m4_suba.add(mb4_suba_01, mb4_suba_b1, mb4_suba_02, mb4_suba_03, mb4_suba_04, mb4_suba_b2, mb4_suba_05, mb4_suba_06);
-
- var mb4_manager = new qx.manager.selection.RadioManager("windowMode", [ mb4_suba_02, mb4_suba_03, mb4_suba_04 ]);
-
- var m5 = new qx.ui.menu.Menu;
- var mb5_01 = new qx.ui.menu.MenuButton("Help", "icon/16/help.png");
- var mb5_02 = new qx.ui.menu.MenuButton("About", "icon/16/run.png");
- m5.add(mb5_01, mb5_02);
-
- doc.add(m1, m2, m3, m3_suba, m3_subb, m3_subc, m3_subd, mb3_subd_02_suba, m4, m4_suba, m5);
-
- var mb1 = new qx.ui.toolbar.ToolBar;
- var mbb1 = new qx.ui.toolbar.ToolBarMenuButton("File", m1);
- var mbb2 = new qx.ui.toolbar.ToolBarMenuButton("Edit", m2);
- var mbb3 = new qx.ui.toolbar.ToolBarMenuButton("View", m3);
- var mbb4 = new qx.ui.toolbar.ToolBarMenuButton("Options", m4);
- var mbb5 = new qx.ui.toolbar.ToolBarMenuButton("Help", m5);
- mb1.add(mbb1, mbb2, mbb3, mbb4, mbb5);
- main.add(mb1);
-
- // Toolbar
- 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));
- }
-
- function createButton(text, icon, clazz, checked) {
- if (! clazz) {
- clazz = qx.ui.toolbar.ToolBarButton;
- }
-
- var button = new clazz(text, "icon/22/" + icon + ".png");
- doc.addEventListener("changeLayout", changeLayout, button);
- doc.addEventListener("changeSize", changeSize, button);
-
- if (checked) {
- button.setChecked(true);
- }
-
- return button;
- }
-
- var tb = new qx.ui.toolbar.ToolBar;
- main.add(tb);
-
- var part = new qx.ui.toolbar.ToolBarPart;
- tb.add(part);
- part.add(createButton("New", "file-new"));
- part.add(new qx.ui.toolbar.ToolBarSeparator);
- part.add(createButton("Copy", "edit-copy"));
- part.add(createButton("Cut", "edit-cut"));
- part.add(createButton("Paste", "edit-paste"));
-
- var part = new qx.ui.toolbar.ToolBarPart;
- tb.add(part);
- part.add(createButton("Check", "configure", qx.ui.toolbar.ToolBarCheckBox, true));
-
- var part = new qx.ui.toolbar.ToolBarPart;
- tb.add(part);
- var radio1 = createButton("Radio1", "view-choose", qx.ui.toolbar.ToolBarRadioButton);
- var radio2 = createButton("Radio2", "view-detailed", qx.ui.toolbar.ToolBarRadioButton, true);
- var radio3 = createButton("Radio3", "view-icon", qx.ui.toolbar.ToolBarRadioButton);
- part.add(radio1, radio2, radio3);
- new qx.manager.selection.RadioManager(null, [radio1, radio2, radio3]);
-
- // Toolbar manipulation
- var hor = new qx.ui.layout.HorizontalBoxLayout;
- hor.setDimension("auto", "auto");
- hor.set({ spacing:10, marginTop:20 });
- main.add(hor);
-
- var vert = new qx.ui.layout.VerticalBoxLayout;
- vert.setDimension("auto", "auto");
- hor.add(vert);
-
- var radio1 = new qx.ui.form.RadioButton("Show Icons and Label", "both");
- var radio2 = new qx.ui.form.RadioButton("Show Icons", "icon");
- var radio3 = new qx.ui.form.RadioButton("Show Label", "label");
- radio1.setChecked(true);
- vert.add(radio1, radio2, radio3);
- var rbm = new qx.manager.selection.RadioManager(null, [radio1, radio2, radio3]);
- rbm.addEventListener("changeSelected", function(e) {
- doc.dispatchEvent( new qx.event.type.DataEvent("changeLayout", e.getData().getValue() ) );
- });
-
- // Alignment
- var vert = new qx.ui.layout.VerticalBoxLayout;
- vert.setDimension("auto", "auto");
- hor.add(vert);
-
- var radio1 = new qx.ui.form.RadioButton("Left Aligned", "left");
- var radio2 = new qx.ui.form.RadioButton("Centered", "center");
- var radio3 = new qx.ui.form.RadioButton("Right Aligned", "right");
- radio1.setChecked(true);
- vert.add(radio1, radio2, radio3);
- var rbm = new qx.manager.selection.RadioManager(null, [radio1, radio2, radio3]);
- rbm.addEventListener("changeSelected", function(e) {
- tb.setHorizontalChildrenAlign(e.getData().getValue());
- });
-
- // Icon Sizes
- var vert = new qx.ui.layout.VerticalBoxLayout;
- vert.setDimension("auto", "auto");
- hor.add(vert);
-
- var button = new qx.ui.form.Button("Icons: 22 Pixel", "icon/16/colors.png");
- button.setHorizontalAlign("center");
- button.addEventListener("execute", function(e) {
- doc.dispatchEvent(new qx.event.type.DataEvent("changeSize", 22));
- });
- vert.add(button);
-
- var button = new qx.ui.form.Button("Icons: 32 Pixel", "icon/16/colors.png");
- button.setHorizontalAlign("center");
- button.addEventListener("execute", function(e) {
- doc.dispatchEvent(new qx.event.type.DataEvent("changeSize", 32));
- });
- vert.add(button);
-
- return main;
-}
-
-
-qx.Proto._createTabDemo = function() {
- var main = new qx.ui.layout.HorizontalBoxLayout;
- main.setPadding(10);
- main.set({ width:"100%", height:"100%", spacing:10 });
-
- // Tab view
- var tf1 = new qx.ui.pageview.tabview.TabView;
- tf1.set({ width:qx.constant.Core.FLEX });
- main.add(tf1);
-
- var t1_1 = new qx.ui.pageview.tabview.TabViewButton("Edit");
- var t1_2 = new qx.ui.pageview.tabview.TabViewButton("Find");
- var t1_3 = new qx.ui.pageview.tabview.TabViewButton("Backup");
- t1_1.setChecked(true);
- tf1.getBar().add(t1_1, t1_2, t1_3);
-
- var p1_1 = new qx.ui.pageview.tabview.TabViewPage(t1_1);
- var p1_2 = new qx.ui.pageview.tabview.TabViewPage(t1_2);
- var p1_3 = new qx.ui.pageview.tabview.TabViewPage(t1_3);
- tf1.getPane().add(p1_1, p1_2, p1_3);
-
- p1_2.add(new qx.ui.form.TextField("Find Anywhere"));
- p1_3.add(new qx.ui.form.TextField("Backup Input"));
-
- var c1 = new qx.ui.form.CheckBox("Place bar on top");
- var c2 = new qx.ui.form.CheckBox("Align tabs to left");
-
- c1.setTop(0);
- c1.setChecked(true);
-
- c2.setTop(20);
- c2.setChecked(true);
-
- p1_1.add(c1, c2);
-
- c1.addEventListener("changeChecked", function(e) {
- tf1.setPlaceBarOnTop(e.getData());
- });
-
- c2.addEventListener("changeChecked", function(e) {
- tf1.setAlignTabsToLeft(e.getData());
- });
-
- // Inner tab view
- var tf2 = new qx.ui.pageview.tabview.TabView;
- tf2.set({ left: 0, top: 50, right: 0, bottom: 0 });
- p1_2.add(tf2);
-
- var t2_1 = new qx.ui.pageview.tabview.TabViewButton("Search for Files", "icon/16/file-open.png");
- var t2_2 = new qx.ui.pageview.tabview.TabViewButton("Search the Web", "icon/16/network.png");
- var t2_3 = new qx.ui.pageview.tabview.TabViewButton("Search in Mails", "icon/16/mail.png");
- t2_1.setChecked(true);
- tf2.getBar().add(t2_1, t2_2, t2_3);
-
- var p2_1 = new qx.ui.pageview.tabview.TabViewPage(t2_1);
- var p2_2 = new qx.ui.pageview.tabview.TabViewPage(t2_2);
- var p2_3 = new qx.ui.pageview.tabview.TabViewPage(t2_3);
- tf2.getPane().add(p2_1, p2_2, p2_3);
-
- var t2_1 = new qx.ui.form.TextField("Files...");
- var t2_2 = new qx.ui.form.TextField("Web...");
- var t2_3 = new qx.ui.form.TextField("Mails...");
-
- t2_1.set({ top: 2, left: 0, width: 140 });
- t2_2.set({ top: 2, left: 0, width: 140 });
- t2_3.set({ top: 2, left: 0, width: 140 });
-
- p2_1.add(t2_1);
- p2_2.add(t2_2);
- p2_3.add(t2_3);
-
- var b2_1 = new qx.ui.form.Button("Search", "icon/16/search.png");
- var b2_2 = new qx.ui.form.Button("Search", "icon/16/search.png");
- var b2_3 = new qx.ui.form.Button("Search", "icon/16/search.png");
-
- b2_1.set({ top: 0, left: 150 });
- b2_2.set({ top: 0, left: 150 });
- b2_3.set({ top: 0, left: 150 });
-
- p2_1.add(b2_1);
- p2_2.add(b2_2);
- p2_3.add(b2_3);
-
- function dosearch(e) {
- alert("Searching...");
- }
-
- b2_1.addEventListener("click", dosearch);
- b2_2.addEventListener("click", dosearch);
- b2_3.addEventListener("click", dosearch);
-
- // Bar view
- var bs = new qx.ui.pageview.buttonview.ButtonView;
- bs.set({ width:qx.constant.Core.FLEX, barPosition:"left" });
- main.add(bs);
-
- var bsb1 = new qx.ui.pageview.buttonview.ButtonViewButton("Display", "icon/16/display.png");
- var bsb2 = new qx.ui.pageview.buttonview.ButtonViewButton("Colorize", "icon/16/colors.png");
- var bsb3 = new qx.ui.pageview.buttonview.ButtonViewButton("Icons", "icon/16/icons.png");
- var bsb4 = new qx.ui.pageview.buttonview.ButtonViewButton("Applications", "icon/16/run.png");
- var bsb5 = new qx.ui.pageview.buttonview.ButtonViewButton("System", "icon/16/display.png");
-
- bsb1.setChecked(true);
-
- bsb1.set({ iconPosition: "left", horizontalChildrenAlign: "left" });
- bsb2.set({ iconPosition: "left", horizontalChildrenAlign: "left" });
- bsb3.set({ iconPosition: "left", horizontalChildrenAlign: "left" });
- bsb4.set({ iconPosition: "left", horizontalChildrenAlign: "left" });
- bsb5.set({ iconPosition: "left", horizontalChildrenAlign: "left" });
-
- bs.getBar().add(bsb1, bsb2, bsb3, bsb4, bsb5);
- bs.getBar().setHorizontalChildrenAlign("center");
- bs.getBar().setVerticalChildrenAlign("bottom");
-
- var p1 = new qx.ui.pageview.buttonview.ButtonViewPage(bsb1);
- var p2 = new qx.ui.pageview.buttonview.ButtonViewPage(bsb2);
- var p3 = new qx.ui.pageview.buttonview.ButtonViewPage(bsb3);
- var p4 = new qx.ui.pageview.buttonview.ButtonViewPage(bsb4);
- var p5 = new qx.ui.pageview.buttonview.ButtonViewPage(bsb5);
- bs.getPane().add(p1, p2, p3, p4, p5);
-
- p1.add(new qx.ui.form.TextField("Display Input"));
- p2.add(new qx.ui.form.TextField("Paint Input"));
- p3.add(new qx.ui.form.TextField("Icons Input"));
- p4.add(new qx.ui.form.TextField("Applications Input"));
- p5.add(new qx.ui.form.TextField("System Input"));
-
- var r1 = new qx.ui.form.RadioButton("Top", "top");
- var r2 = new qx.ui.form.RadioButton("Right", "right");
- var r3 = new qx.ui.form.RadioButton("Bottom", "bottom");
- var r4 = new qx.ui.form.RadioButton("Left", "left", null, true);
-
- r1.setTop(50);
- r2.setTop(70);
- r3.setTop(90);
- r4.setTop(110);
-
- p1.add(r1, r2, r3, r4);
-
- var rm = new qx.manager.selection.RadioManager(null, [r1, r2, r3, r4]);
-
- rm.addEventListener("changeSelected", function(e) {
- bs.setBarPosition(e.getData().getValue());
- });
-
- return main;
-}
-
-
-qx.Proto._createTreeDemo = function() {
- var main = new qx.ui.layout.HorizontalBoxLayout;
- main.setPadding(10);
- main.set({ width:"auto", height:"100%", spacing:10 });
-
- // Workaround: qx.ui.tree.Tree causes an exception when added to a qx.ui.core.Parent that
- // has no qx.ui.core.Parent. -> So we give the parent a pseudo parent
- var workaround = new qx.ui.layout.HorizontalBoxLayout;
- workaround.add(main);
-
- var t = new qx.ui.tree.Tree("Root");
- t.set({ backgroundColor:255, border:qx.renderer.border.BorderPresets.getInstance().inset,
- overflow:"scrollY", height:"100%", width:200 });
- main.add(t);
-
- var te1 = new qx.ui.tree.TreeFolder("Desktop", "icon/16/home.png", "icon/16/home.png");
- t.add(te1);
-
- var te1_1 = new qx.ui.tree.TreeFolder("Files");
- var te1_2 = new qx.ui.tree.TreeFolder("Workspace");
- var te1_3 = new qx.ui.tree.TreeFolder("Network");
- var te1_4 = new qx.ui.tree.TreeFolder("Trash");
- te1.add(te1_1, te1_2, te1_3, te1_4);
- var te1_2_1 = new qx.ui.tree.TreeFile("Windows (C:)", "icon/16/harddrive.png");
- var te1_2_2 = new qx.ui.tree.TreeFile("Documents (D:)", "icon/16/harddrive.png");
- te1_2.add(te1_2_1, te1_2_2);
-
- var te2 = new qx.ui.tree.TreeFolder("Inbox");
- t.add(te2);
-
- var te2_1 = new qx.ui.tree.TreeFolder("Presets");
- var te2_2 = new qx.ui.tree.TreeFolder("Sent");
- var te2_3 = new qx.ui.tree.TreeFolder("Trash", "icon/16/trash.png", "icon/16/trash.png");
- var te2_4 = new qx.ui.tree.TreeFolder("Data");
- var te2_5 = new qx.ui.tree.TreeFolder("Edit");
-
- var te2_5_1 = new qx.ui.tree.TreeFolder("Chat");
- var te2_5_2 = new qx.ui.tree.TreeFolder("Pustefix");
- var te2_5_3 = new qx.ui.tree.TreeFolder("TINC");
- te2_5.add(te2_5_1, te2_5_2, te2_5_3);
-
- var te2_5_3_1 = new qx.ui.tree.TreeFolder("Announce");
- var te2_5_3_2 = new qx.ui.tree.TreeFolder("Devel");
- te2_5_3.add(te2_5_3_1, te2_5_3_2);
-
- var te2_6 = new qx.ui.tree.TreeFolder("Lists");
-
- var te2_6_1 = new qx.ui.tree.TreeFolder("Relations");
- var te2_6_2 = new qx.ui.tree.TreeFolder("Company");
- var te2_6_3 = new qx.ui.tree.TreeFolder("Questions");
- var te2_6_4 = new qx.ui.tree.TreeFolder("Internal");
- var te2_6_5 = new qx.ui.tree.TreeFolder("Products");
- var te2_6_6 = new qx.ui.tree.TreeFolder("Press");
- var te2_6_7 = new qx.ui.tree.TreeFolder("Development");
- var te2_6_8 = new qx.ui.tree.TreeFolder("Competition");
-
- te2_6.add(te2_6_1, te2_6_2, te2_6_3, te2_6_4, te2_6_5, te2_6_6, te2_6_7, te2_6_8);
-
- var te2_7 = new qx.ui.tree.TreeFolder("Personal");
-
- var te2_7_1 = new qx.ui.tree.TreeFolder("Bugs");
- var te2_7_2 = new qx.ui.tree.TreeFolder("Family");
- var te2_7_3 = new qx.ui.tree.TreeFolder("Projects");
- var te2_7_4 = new qx.ui.tree.TreeFolder("Holiday");
-
- te2_7.add(te2_7_1, te2_7_2, te2_7_3, te2_7_4);
-
- var te2_8 = new qx.ui.tree.TreeFolder("Big");
-
- for (var i = 0; i < 50; i++) {
- te2_8.add(new qx.ui.tree.TreeFolder("Item " + i));
- }
-
- var te2_9 = new qx.ui.tree.TreeFolder("Spam");
-
- te2.add(te2_1, te2_2, te2_3, te2_4, te2_5, te2_6, te2_7, te2_8, te2_9);
-
- // Command frame
- var commandFrame = new qx.ui.groupbox.GroupBox("Control");
- commandFrame.set({ width:"auto", height:"auto" });
- main.add(commandFrame);
-
- var command = new qx.ui.layout.VerticalBoxLayout;
- command.set({ width:"auto", height:"auto", paddingRight:12 });
- commandFrame.add(command);
-
- var tCurrentLabel = new qx.ui.basic.Atom("Current Folder: ");
- command.add(tCurrentLabel);
-
- var tCurrentInput = new qx.ui.form.TextField;
- tCurrentInput.set({ readOnly:true, marginBottom:20 });
- command.add(tCurrentInput);
-
- t.getManager().addEventListener("changeSelection", function(e) {
- tCurrentInput.setValue(e.getData()[0]._labelObject.getHtml());
- });
-
- var tDoubleClick = new qx.ui.form.CheckBox("Use double click?");
- tDoubleClick.addEventListener("changeChecked", function(e) {
- t.setUseDoubleClick(e.getData());
- });
- command.add(tDoubleClick);
-
- var tTreeLines = new qx.ui.form.CheckBox("Use tree lines?");
- tTreeLines.setChecked(true);
- tTreeLines.addEventListener("changeChecked", function(e) { t.setUseTreeLines(e.getData()); });
- command.add(tTreeLines);
-
- return main;
-}
-
-
-qx.Proto._createListDemo = function() {
- var main = new qx.ui.layout.HorizontalBoxLayout;
- main.setPadding(10);
- main.set({ width:"auto", height:"100%", spacing:10 });
-
- // List
- var list = new qx.ui.form.List;
- list.set({ height:"100%", width:150, overflow:"scrollY" });
- main.add(list)
-
- var item;
- for(var i = 1; i <= 35; i++) {
- var iconName;
- switch (parseInt(Math.random() * 5)) {
- case 0: iconName = "folder.png"; break;
- case 1: iconName = "harddrive.png"; break;
- case 2: iconName = "penguin.png"; break;
- case 3: iconName = "pda.png"; break;
- case 4: iconName = "bell.png"; break;
- }
- item = new qx.ui.form.ListItem("Item No " + i, "icon/" + ((i % 4) ? "16" : "48") + "/" + iconName);
-
- if (!(i % 9)) (item.setEnabled(false));
-
- list.add(item);
- }
-
- // Control
- var control = new qx.ui.layout.VerticalBoxLayout;
- control.set({ width:"auto", height:"auto" });
- main.add(control);
-
- var c1 = new qx.ui.form.CheckBox("Enable Multi-Selection");
- var c2 = new qx.ui.form.CheckBox("Enable Drag-Selection");
- var c3 = new qx.ui.form.CheckBox("Allow Deselection");
- var c4 = new qx.ui.form.CheckBox("Enable Inline Find");
- control.add(c1, c2, c3, c4);
-
- c1.setChecked(true);
- c2.setChecked(true);
- c3.setChecked(true);
- c4.setChecked(true);
-
- c1.addEventListener("changeChecked", function(e) {
- list.getManager().setMultiSelection(e.getData());
- });
- c2.addEventListener("changeChecked", function(e) {
- list.getManager().setDragSelection(e.getData());
- });
- c3.addEventListener("changeChecked", function(e) {
- list.getManager().setCanDeselect(e.getData());
- });
- c4.addEventListener("changeChecked", function(e) {
- list.setEnableInlineFind(e.getData());
- });
-
- var rd1 = new qx.ui.form.RadioButton("Show Label", "label");
- var rd2 = new qx.ui.form.RadioButton("Show Icon", "icon");
- var rd3 = new qx.ui.form.RadioButton("Show Both", "both");
- rd3.setChecked(true);
- control.add(rd1, rd2, rd3);
- var rbm = new qx.manager.selection.RadioManager( name, [rd1, rd2, rd3]);
-
- rbm.addEventListener("changeSelected", function(e) {
- for (var i = 0; i < list.getChildrenLength(); i++) {
- list.getChildren()[i].setShow(e.getData().getValue());
- }
- });
-
- return main;
-}
-
-
-qx.Proto._createListViewDemo = function() {
- var main = new qx.ui.layout.HorizontalBoxLayout;
- main.setPadding(10);
- main.set({ width:"auto", height:"100%", spacing:10 });
-
- var ld = [];
- var lt = [ "Image", "Text", "PDF", "Illustration", "Document" ];
-
- for (var i = 0, t; i < 1000; i++) {
- t = Math.round(Math.random() * 4);
- ld.push({ name : { html : "E-Mail " + i, icon : "icon/16/email.png", iconWidth : 16, iconHeight : 16 }, size : { text : Math.round(Math.random()*100) + "kb" }, type : { text : lt[t] }, modified : { text : "Nov " + Math.round(Math.random() * 30 + 1) + " 2005" }, rights: { text : "-rw-r--r--" }, open : { uri : "http://www.google.com/search?q=" + i, html : "Open " + i }});
- }
-
- var lc = {
- name : { label : "Name", width : 120, type : "iconHtml" },
- size: { label : "Size", width : 50, type : "text", align : "right" },
- type : { label : "Type", width : 80, type : "text" },
- modified : { label : "Last Modified", width : 150, type : "text" },
- rights : { label : "Rights", width: 80, type : "text" }
- }
-
- var lv = new qx.ui.listview.ListView(ld, lc);
- main.add(lv);
-
- lv.setBorder(qx.renderer.border.BorderPresets.getInstance().shadow);
- lv.setBackgroundColor("white");
- lv.setWidth(600);
- lv.setHeight(350);
-
- return main;
-}
-
-
-qx.Proto._createTableDemo = function() {
- // table model
- var tableModel = new qx.ui.table.SimpleTableModel();
- tableModel.setColumns([ "ID", "A number", "A date", "Boolean test" ]);
- var rowData = [];
- var now = new Date().getTime();
- var dateRange = 400 * 24 * 60 * 60 * 1000; // 400 days
- for (var row = 0; row < 100; row++) {
- var date = new Date(now + Math.random() * dateRange - dateRange / 2);
- rowData.push([ row, Math.random() * 10000, date, (Math.random() > 0.5) ]);
- }
- tableModel.setData(rowData);
- tableModel.setColumnEditable(1, true);
- tableModel.setColumnEditable(2, true);
-
- // table
- var table = new qx.ui.table.Table(tableModel);
- with (table) {
- set({ width:"100%", height:"100%" });
- setMetaColumnCounts([1, -1]);
- getSelectionModel().setSelectionMode(qx.ui.table.SelectionModel.MULTIPLE_INTERVAL_SELECTION);
- getTableColumnModel().setDataCellRenderer(3, new qx.ui.table.BooleanDataCellRenderer());
- }
-
- return table;
-}
-
-
-qx.Proto._createDateChooserDemo = function() {
- var main = new qx.ui.layout.VerticalBoxLayout;
-
- var chooser = new qx.ui.component.DateChooser;
- chooser.setLocation(10, 10);
- chooser.setWidth("auto");
- chooser.setHeight("auto");
- main.add(chooser);
-
- return main;
-}
-
-
-qx.Proto._createNativeWindowDemo = function() {
- var main = new qx.ui.layout.VerticalBoxLayout;
- main.setPadding(10);
- main.set({ width:"auto", height:"auto", spacing:5 });
-
- var win = new qx.client.NativeWindow("http://www.google.com");
- win.setDimension(600, 400);
-
- var openBt = new qx.ui.form.Button("Open Native Window", "icon/16/wizard.png");
- openBt.addEventListener("click", function() { win.open(); } );
- main.add(openBt);
-
- // Initial Settings
- var fs1 = new qx.ui.groupbox.GroupBox("Initial Settings");
- fs1.set({ width:250, height:"auto" });
- main.add(fs1);
-
- var vert = new qx.ui.layout.VerticalBoxLayout;
- vert.set({ width:"auto", height:"auto" });
- fs1.add(vert);
-
- var chk1 = new qx.ui.form.CheckBox("Resizeable");
- chk1.setChecked(true);
- chk1.addEventListener("changeChecked", function(e) {
- win.setResizeable(e.getData());
- });
-
- var chk2 = new qx.ui.form.CheckBox("Show Statusbar");
- chk2.setChecked(false);
- chk2.addEventListener("changeChecked", function(e) {
- win.setShowStatusbar(e.getData());
- });
-
- var chk3 = new qx.ui.form.CheckBox("Show Menubar");
- chk3.setChecked(false);
- chk3.addEventListener("changeChecked", function(e) {
- win.setShowMenubar(e.getData());
- });
-
- var chk4 = new qx.ui.form.CheckBox("Show Location");
- chk4.setChecked(false);
- chk4.addEventListener("changeChecked", function(e) {
- win.setShowLocation(e.getData());
- });
-
- var chk5 = new qx.ui.form.CheckBox("Show Toolbar");
- chk5.setChecked(false);
- chk5.addEventListener("changeChecked", function(e) {
- win.setShowToolbar(e.getData());
- });
-
- var chk6 = new qx.ui.form.CheckBox("Allow Scrollbars");
- chk6.setChecked(true);
- chk6.addEventListener("changeChecked", function(e) {
- win.setAllowScrollbars(e.getData());
- });
-
- var chk7 = new qx.ui.form.CheckBox("Modal");
- chk7.setChecked(false);
- chk7.addEventListener("changeChecked", function(e) {
- win.setModal(e.getData());
- });
-
- var chk8 = new qx.ui.form.CheckBox("Dependent");
- chk8.setChecked(true);
- chk8.addEventListener("changeChecked", function(e) {
- win.setDependent(e.getData());
- });
-
- vert.add(chk1, chk2, chk3, chk4, chk5, chk6, chk7, chk8);
-
- // Runtime Settings
- var fs2 = new qx.ui.groupbox.GroupBox("Runtime Settings");
- fs2.set({ width:250, height:"auto" });
- main.add(fs2);
-
- var vert = new qx.ui.layout.VerticalBoxLayout;
- vert.set({ width:"auto", height:"auto", spacing:2 });
- fs2.add(vert);
-
- var tf1 = new qx.ui.form.TextField("http://www.google.com");
- tf1.setWidth(150);
-
- var setUrlBt = new qx.ui.form.Button("Set Url", "icon/16/ok.png");
- setUrlBt.addEventListener("click", function() {
- win.setUrl(tf1.getValue());
- });
-
- var hor = new qx.ui.layout.HorizontalBoxLayout;
- hor.set({ width:"auto", height:"auto", spacing:5,
- verticalChildrenAlign:"middle", marginBottom:10 });
- vert.add(hor);
- hor.add(tf1, setUrlBt);
-
-
- var tf2 = new qx.ui.form.TextField("600");
- tf2.setWidth(50);
-
- var btn2 = new qx.ui.form.Button("Set Width", "icon/16/ok.png");
- btn2.addEventListener("click", function() {
- win.setWidth(parseInt(tf2.getValue()));
- });
-
- var hor = new qx.ui.layout.HorizontalBoxLayout;
- hor.set({ width:"auto", height:"auto", spacing:5,
- verticalChildrenAlign:"middle" });
- vert.add(hor);
- hor.add(tf2, btn2);
-
-
- var tf3 = new qx.ui.form.TextField("400");
- tf3.setWidth(50);
-
- var btn3 = new qx.ui.form.Button("Set Height", "icon/16/ok.png");
- btn3.addEventListener("click", function() {
- win.setHeight(parseInt(tf3.getValue()));
- });
-
- var hor = new qx.ui.layout.HorizontalBoxLayout;
- hor.set({ width:"auto", height:"auto", spacing:5,
- verticalChildrenAlign:"middle", marginBottom:10 });
- vert.add(hor);
- hor.add(tf3, btn3);
-
-
- var btn4 = new qx.ui.form.Button("Center to screen", "icon/16/display.png");
- btn4.setWidth("100%");
- btn4.addEventListener("click", function() {
- win.centerToScreen()
- });
-
- var btn5 = new qx.ui.form.Button("Center to screen area", "icon/16/display.png");
- btn5.setWidth("100%");
- btn5.addEventListener("click", function() {
- win.centerToScreenArea()
- });
-
- var btn6 = new qx.ui.form.Button("Center to opener", "icon/16/display.png");
- btn6.setWidth("100%");
- btn6.addEventListener("click", function() {
- win.centerToOpener()
- });
-
- vert.add(btn4, btn5, btn6);
-
- return main;
-}
-
-
-qx.Proto._createInternalWindowDemo = function() {
- var doc = qx.ui.core.ClientDocument.getInstance();
-
- var main = new qx.ui.layout.CanvasLayout;
- main.setOverflow("hidden");
-
- // Create the windows
- var w1 = new qx.ui.window.Window("First Window", "icon/16/bell.png");
- w1.setSpace(20, 400, 48, 250);
- main.add(w1);
-
- var w2 = new qx.ui.window.Window("Second Window", "icon/16/colors.png");
- w2.setSpace(250, "auto", 120, "auto");
- main.add(w2);
-
- var w3 = new qx.ui.window.Window("Third Window", "icon/16/network.png");
- w3.setSpace(100, "auto", 200, "auto");
- w3.set({ maxWidth:450, maxHeight:400 });
- main.add(w3);
-
- var wm1 = new qx.ui.window.Window("First Modal Dialog");
- wm1.setSpace(150, 200, 150, 200);
- wm1.setModal(true);
- doc.add(wm1);
-
- var wm2 = new qx.ui.window.Window("Second Modal Dialog");
- wm2.setSpace(100, 200, 100, 150);
- wm2.set({ modal:true, showClose:false });
- doc.add(wm2);
-
- // Fill window 1
- var a1 = new qx.ui.basic.Atom("Welcome to your first own Window.<br/>Have fun!", "icon/32/chart.png");
- a1.set({ top: 4, left: 4 });
- w1.add(a1);
-
- var tf1 = new qx.ui.pageview.tabview.TabView;
- tf1.set({ left: 10, top: 52, right: 10, bottom: 10 });
-
- var t1_1 = new qx.ui.pageview.tabview.TabViewButton("Explore");
- var t1_2 = new qx.ui.pageview.tabview.TabViewButton("Internet");
- var t1_3 = new qx.ui.pageview.tabview.TabViewButton("Future");
-
- t1_1.setChecked(true);
-
- tf1.getBar().add(t1_1, t1_2, t1_3);
-
- var p1_1 = new qx.ui.pageview.tabview.TabViewPage(t1_1);
- var p1_2 = new qx.ui.pageview.tabview.TabViewPage(t1_2);
- var p1_3 = new qx.ui.pageview.tabview.TabViewPage(t1_3);
-
- tf1.getPane().add(p1_1, p1_2, p1_3);
-
- w1.add(tf1);
-
- // Fill window 2
- var at1 = new qx.ui.basic.Atom("Your second window", "icon/22/find.png");
- at1.setLocation(8, 8);
- w2.add(at1);
-
- var fs1 = new qx.ui.groupbox.GroupBox("Settings");
- fs1.set({ left:4, top:40, right:4, bottom:4 });
-
- var chk1 = new qx.ui.form.CheckBox("Show Icon");
- chk1.set({ left:0, top:0, checked:true });
- chk1.addEventListener("changeChecked", function(e) {
- w2.setShowIcon(e.getData());
- });
-
- var chk2 = new qx.ui.form.CheckBox("Show Caption");
- chk2.set({ left:0, top:20, checked:true });
- chk2.addEventListener("changeChecked", function(e) {
- w2.setShowCaption(e.getData());
- });
-
- var chk3 = new qx.ui.form.CheckBox("Resizeable");
- chk3.set({ left:0, top:50, checked:true });
- chk3.addEventListener("changeChecked", function(e) {
- w2.setResizeable(e.getData());
- });
-
- var chk4 = new qx.ui.form.CheckBox("Moveable");
- chk4.set({ left:0, top:70, checked:true });
- chk4.addEventListener("changeChecked", function(e) {
- w2.setMoveable(e.getData());
- });
-
- var chk5 = new qx.ui.form.CheckBox("Show Close");
- chk5.set({ left:140, top:0, checked:true });
- chk5.addEventListener("changeChecked", function(e) {
- w2.setShowClose(e.getData());
- });
-
- var chk6 = new qx.ui.form.CheckBox("Show Maximize/Restore");
- chk6.set({ left:140, top:20, checked:true });
- chk6.addEventListener("changeChecked", function(e) {
- w2.setShowMaximize(e.getData());
- });
-
- var chk7 = new qx.ui.form.CheckBox("Show Minimize");
- chk7.set({ left:140, top:40, checked:true });
- chk7.addEventListener("changeChecked", function(e) {
- w2.setShowMinimize(e.getData());
- });
-
- var chk8 = new qx.ui.form.CheckBox("Allow Close");
- chk8.set({ left:140, top:70, checked:true });
- chk8.addEventListener("changeChecked", function(e) {
- w2.setAllowClose(e.getData());
- });
-
- var chk9 = new qx.ui.form.CheckBox("Allow Maximize");
- chk9.set({ left:140, top:90, checked:true });
- chk9.addEventListener("changeChecked", function(e) {
- w2.setAllowMaximize(e.getData());
- });
-
- var chk10 = new qx.ui.form.CheckBox("Allow Minimize");
- chk10.set({ left:140, top:110, checked:true });
- chk10.addEventListener("changeChecked", function(e) {
- w2.setAllowMinimize(e.getData());
- });
-
- var l1 = new qx.ui.basic.Atom("Move Method", "icon/16/info.png");
- l1.setLocation(0, 100);
-
- var rb1 = new qx.ui.form.RadioButton("Frame", "frame");
- rb1.setLocation(0, 120);
-
- var rb2 = new qx.ui.form.RadioButton("Opaque", "opaque");
- rb2.setLocation(0, 140);
- rb2.setChecked(true);
-
- var rb3 = new qx.ui.form.RadioButton("Translucent", "translucent");
- rb3.setLocation(0, 160);
-
- var rbm1 = new qx.manager.selection.RadioManager("move", [rb1, rb2, rb3]);
-
- rbm1.addEventListener("changeSelected", function(e) {
- w2.setMoveMethod(e.getData().getValue());
- });
-
- var l2 = new qx.ui.basic.Atom("Resize Method", "icon/16/info.png");
- l2.setLocation(0, 190);
-
- var rb4 = new qx.ui.form.RadioButton("Frame", "frame");
- rb4.setLocation(0, 210);
- rb4.setChecked(true);
-
- var rb5 = new qx.ui.form.RadioButton("Opaque", "opaque");
- rb5.setLocation(0, 230);
-
- var rb6 = new qx.ui.form.RadioButton("Lazy Opaque", "lazyopaque");
- rb6.setLocation(0, 250);
-
- var rb7 = new qx.ui.form.RadioButton("Translucent", "translucent");
- rb7.setLocation(0, 270);
-
- var rbm2 = new qx.manager.selection.RadioManager("resize", [rb4, rb5, rb6, rb7]);
-
- rbm2.addEventListener("changeSelected", function(e) {
- w2.setResizeMethod(e.getData().getValue());
- });
-
- var chk11 = new qx.ui.form.CheckBox("Show Statusbar");
- chk11.setLocation(140, 140);
- chk11.setChecked(false);
- chk11.addEventListener("changeChecked", function(e) {
- w2.setShowStatusbar(e.getData());
- });
-
- var btnpack = new qx.ui.form.Button("Pack Window", "icon/16/cdrom.png");
- btnpack.setLocation(140, 170);
- btnpack.addEventListener("execute", function(e) {
- w2.pack();
- });
-
- fs1.add(chk1, chk2, chk3, chk4, chk5, chk6, chk7, chk8, chk9, chk10, l1, rb1, rb2, rb3, l2, rb4, rb5, rb6, rb7, chk11, btnpack);
- w2.add(fs1);
-
- // Fill window 3
- var btn1 = new qx.ui.form.Button("Open Modal Dialog 1", "icon/16/launch.png");
- btn1.setLocation(4, 4);
- w3.add(btn1);
-
- btn1.addEventListener("execute", function(e) {
- wm1.open();
- });
-
- // Fill modal window 1
- var btn2 = new qx.ui.form.Button("Open Modal Dialog 2", "icon/16/launch.png");
- btn2.setLocation(4, 4);
- wm1.add(btn2);
-
- btn2.addEventListener("execute", function(e) {
- wm2.open();
- });
-
- var chkm1 = new qx.ui.form.CheckBox("Modal", null, null, true);
- chkm1.setLocation(4, 50);
- wm1.add(chkm1);
-
- chkm1.addEventListener("changeChecked", function(e) {
- wm1.setModal(e.getData());
- });
-
- // Fill modal window 2
- var icon1 = new qx.ui.basic.Image("icon/32/error.png");
- var warn1 = new qx.ui.basic.Label("Do you want to delete<br/>all your personal data?");
-
- icon1.setTop(10);
- icon1.setLeft(10);
-
- warn1.setTop(10);
- warn1.setLeft(48);
-
- var btn3 = new qx.ui.form.Button("Yes", "icon/16/button-ok.png");
- var btn4 = new qx.ui.form.Button("No", "icon/16/button-cancel.png");
-
- btn3.addEventListener("execute", function(e) {
- alert("Thank you!");
- wm2.close();
- });
-
- btn4.addEventListener("execute", function(e) {
- alert("Sorry, please click 'Yes'!");
- });
-
- btn3.set({ bottom : 10, right : 10 });
- btn4.set({ bottom : 10, left : 10 });
-
- wm2.add(btn3, btn4, icon1, warn1);
-
- // Icon & Color Themes
- //qx.manager.object.ImageManager.getInstance().createThemeList(w3, 20, 248);
- //qx.manager.object.ColorManager.getInstance().createThemeList(w3, 4, 58);
-
- w1.open();
- w2.open();
- w3.open();
-
- return main;
-}
-
-
-qx.Proto._createThemesDemo = function() {
- var doc = qx.ui.core.ClientDocument.getInstance();
-
- // Theming window
- var win = new qx.ui.window.Window("Theming window", "icon/16/style.png");
- //win.set({ width:"auto", height:"auto" });
- doc.add(win);
-
- var vert = new qx.ui.layout.VerticalBoxLayout;
- vert.set({ width:"auto", height:"auto", spacing:5, left:0, top:0, right:0, bottom:0 });
- vert.setPadding(10);
- win.add(vert);
-
- var info = new qx.ui.basic.Atom("Click on one of the buttons and then view the "
- + "other tabs to see the changes", "icon/32/run.png");
- //info.set({ border:qx.renderer.border.BorderPresets.getInstance().inset, backgroundColor:"white" });
- info.setPadding(5);
- vert.add(info);
-
- var hor = new qx.ui.layout.HorizontalBoxLayout;
- hor.set({ width:"auto", height:"auto", spacing:5 });
- vert.add(hor);
-
- var can = new qx.ui.layout.CanvasLayout;
- can.set({ width:"auto", height:"auto" });
- hor.add(can);
- qx.manager.object.ImageManager.getInstance().createThemeList(can, 0, 0);
-
- var can = new qx.ui.layout.CanvasLayout;
- can.set({ width:"auto", height:"auto" });
- hor.add(can);
- qx.manager.object.ColorManager.getInstance().createThemeList(can, 0, 0);
-
- // Put the window in lower right corner
- win.set({ width:"auto", height:"auto" });
-
- // Open button
- var main = new qx.ui.layout.VerticalBoxLayout;
- main.setPadding(10);
- main.set({ width:"auto", height:"auto" });
-
- var openThemeWinBt = new qx.ui.form.Button("Open theming window", "icon/16/launch.png");
- openThemeWinBt.addEventListener("execute", function(e) {
- win.open();
-
- // the following breaks in the current layouter
- /*
- win.setLeft(doc.getClientWidth() - win.getBoxWidth() - 5);
- win.setTop(doc.getClientHeight() - win.getBoxHeight() - 5);
- */
-
- win.setLeft(doc.getClientWidth() - 500);
- win.setTop(doc.getClientHeight() - 300);
- });
- main.add(openThemeWinBt);
-
- return main;
-}
-
diff --git a/swat/apps/qooxdoo-examples/at-a-glance/index.html b/swat/apps/qooxdoo-examples/at-a-glance/index.html
deleted file mode 100644
index 299f5bdc8e..0000000000
--- a/swat/apps/qooxdoo-examples/at-a-glance/index.html
+++ /dev/null
@@ -1,21 +0,0 @@
-<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>
- <script type="text/javascript" src="AtAGlance.js"></script>
-</head>
-<body>
- <script type="text/javascript">
- qx.dev.log.Logger.ROOT_LOGGER.setMinLevel(qx.dev.log.Logger.LEVEL_ERROR);
-
- qx.core.Init.getInstance().defineMain(function() {
- new AtAGlance;
- });
- </script>
-</body>
-</html>