qooxdoo-contrib-commit Mailing List for qooxdoo-contrib (Page 18)

SourceForge Headquarters 225 Broadway Suite 1600 San Diego, CA 92101 +1 (858) 422-6466

Revision: 21480
          http://qooxdoo-contrib.svn.sourceforge.net/qooxdoo-contrib/?rev=21480&view=rev
Author:   sandersson
Date:     2011-10-02 15:44:04 +0000 (Sun, 02 Oct 2011)
Log Message:
-----------


Modified Paths:
--------------
    trunk/qooxdoo-contrib/qxe/trunk/source/class/qxe/ui/wizard/IPage.js
    trunk/qooxdoo-contrib/qxe/trunk/source/class/qxe/ui/wizard/Page.js
    trunk/qooxdoo-contrib/qxe/trunk/source/class/qxe/ui/wizard/Wizard.js

Added Paths:
-----------
    trunk/qooxdoo-contrib/qxe/trunk/source/class/qxe/ui/form/ButtonPane.js

Added: trunk/qooxdoo-contrib/qxe/trunk/source/class/qxe/ui/form/ButtonPane.js
===================================================================

--- trunk/qooxdoo-contrib/qxe/trunk/source/class/qxe/ui/form/ButtonPane.js	                        (rev 0)
+++ trunk/qooxdoo-contrib/qxe/trunk/source/class/qxe/ui/form/ButtonPane.js	2011-10-02 15:44:04 UTC (rev 21480)
@@ -0,0 +1,388 @@
+/* ************************************************************************
+
+   qxe - qooxdoo extension framework
+
+   Copyright:
+     2010-2011 Cost Savers, http://www.cost-savers.net
+
+   License:
+     LGPL: http://www.gnu.org/licenses/lgpl.html
+     EPL: http://www.eclipse.org/org/documents/epl-v10.php
+     See the LICENSE file in the project's top-level directory for details.
+
+   Authors:
+     * Stefan Andersson (sand)
+
+************************************************************************ */
+
+/* ************************************************************************
+
+************************************************************************ */
+
+/**
+ * A button pane is a pane with a number of buttons. It can be a standardised
+ * button pane with preset combinations of buttons. It can also be totally customised.
+ * All buttons are kept together in a Widget container with preset spacing.
+ */
+qx.Class.define("qxe.ui.form.ButtonPane",
+{
+  extend : qx.ui.core.Widget,
+
+  /*
+  *****************************************************************************
+     CONSTRUCTOR
+  *****************************************************************************
+  */
+
+  construct : function(orientation, spacing)
+  {
+    this.base(arguments);
+
+    // Configure orientation
+    if(orientation != null)
+    {
+      this.setOrientation(orientation);
+    }
+    else
+    {
+      this.initOrientation();
+    }
+
+    if(spacing != null)
+    {
+      this.setSpacing(spacing);
+    }
+  },
+
+
+  /*
+  *****************************************************************************
+     EVENTS
+  *****************************************************************************
+  */
+
+  events :
+  {
+    /** Fired if the {@link #execute} method is invoked.*/
+    "execute" : "qx.event.type.Event"
+  },
+
+
+  /*
+  *****************************************************************************
+     PROPERTIES
+  *****************************************************************************
+  */
+
+  properties :
+  {
+    // overridden
+    appearance :
+    {
+      refine : true,
+      init : "button-pane"
+    },
+
+    /**
+     * The button pane orientation
+     */
+    orientation :
+    {
+      check : [ "horizontal", "vertical" ],
+      init : "horizontal",
+      apply : "_applyOrientation"
+    },
+
+    /**
+     * The spacing between buttons.
+     */
+    spacing :
+    {
+      check : "Integer",
+      init : 4,
+      apply : "_applySpacing"
+    },
+
+    /**
+     * Sets the size constraint. Valid values are "less" and "same".
+     * The size constraint will apply to all components except if the component client property
+     * growX or growY set to true.
+     */
+    sizeConstraint :
+    {
+      check : ["same", "less"],
+      init : "same",
+      apply : "_applySizeConstraint"
+    }
+  },
+
+
+  /*
+  *****************************************************************************
+     MEMBERS
+  *****************************************************************************
+  */
+
+  members :
+  {
+    /*
+    ---------------------------------------------------------------------------
+      APPLY ROUTINES
+    ---------------------------------------------------------------------------
+    */
+
+    // property apply
+    _applyOrientation : function(value, old)
+    {
+      // Dispose old layout
+      var oldLayout = this._getLayout();
+
+      if (oldLayout)
+      {
+        oldLayout.dispose();
+      }
+
+      // Reconfigure
+      if (value === "horizontal")
+      {
+        var layout = new qx.ui.layout.HBox(this.getSpacing());
+        layout.setReversed(qx.locale.Manager.getInstance().getDirection() == "right-to-left");
+        this._setLayout(layout);
+
+        this.setAllowStretchX(true);
+        this.setAllowStretchY(false);
+      }
+      else
+      {
+        this._setLayout(new qx.ui.layout.VBox(this.getSpacing()));
+
+        this.setAllowStretchX(false);
+        this.setAllowStretchY(true);
+      }
+    },
+
+    _applySpacing : function(value, old)
+    {
+      var layout = this._getLayout();
+      value == null ? layout.resetSpacing() : layout.setSpacing(value);
+    },
+
+    _applySizeConstraint : function()
+    {
+    },
+
+    /*
+    ---------------------------------------------------------------------------
+      CHILD HANDLING
+    ---------------------------------------------------------------------------
+    */
+
+    /**
+     * Create a button for the button pane.
+     *
+     * @param value {qx.ui.form.Button} The button which should be added.
+     * @return {qx.ui.form.Button[]} The newly added button(s).
+     */
+    createButton : function(value)
+    {
+      if(typeof value === "object")
+      {
+        value = [value];
+      }
+
+      var instance = qx.locale.Manager.getInstance();
+      var buttons = [];
+      var button;
+
+      for(var i = 0, len = value.length; i < len; i++)
+      {
+        button = new qx.ui.form.Button();
+        button.setUserData("name", value[i].name || null);
+        button.setLabel(instance.translate(value[i].label, []).toString() || null);
+        button.setIcon(value[i].icon || null);
+        button.setToolTip(value[i].toolTip || null);
+        button.setToolTipIcon(value[i].toolTipIcon || null);
+        button.setToolTipText(instance.translate(value[i].toolTipText, []).toString() || null);
+        button.addListener("execute", function(e) {
+          this.fireDataEvent("execute", e.getTarget());
+        }, this);
+
+        this.add(button);
+
+        buttons[i] = button;
+      }
+
+      return buttons;
+    },
+
+    /**
+     * Adds button to buttonpane with specified constraint.
+     * The valid constraints are "affirmative", "cancel", "help" and "other".
+     *
+     * The main purpose of the constraints is to determine how the buttons are
+     * laid out on different platforms according to the OS convention. For example, on
+     * Windows, affirmative button appears on the right hand side of cancel button.
+     * On Mac OS X, affirmative button will appear on the left hand side of cancel button.
+     *
+     * @param button {[ "affirmative" | "cancel" | "help" | "other" ]} The constraint used for the button.
+     */
+    add : function(button, constraint)
+    {
+      if (qx.core.Environment.get("qx.debug"))
+      {
+        if (!(page instanceof qx.ui.form.Button))
+        {
+          throw new Error("Incompatible child for ButtonPane: " + button);
+        }
+      }
+
+      var index = this.getChidren().length;
+
+      if(constraint != null)
+      {
+// check valid constraints
+        button.setUserData("constraint", constraint);
+        index = this._constrainButtons(constraint);
+      }
+
+      this._addAt(button, index);
+    },
+
+    /**
+     * Remove a button from the button pane.
+     *
+     * @param button {qx.ui.form.Button} The button to be removed.
+     */
+    remove : function(button)
+    {
+      this._remove(button);
+    },
+
+    /**
+     * Add a spacer to the button pane. The spacer has a flex
+     * value of one and will stretch to the available space.
+     *
+     * @return {qx.ui.core.Spacer} The newly added spacer object. A reference
+     * to the spacer is needed to remove this spacer from the layout.
+     */
+    addSpacer : function()
+    {
+      var spacer = new qx.ui.core.Spacer;
+      this._add(spacer, {flex:1});
+
+      return spacer;
+    },
+
+
+    /*
+    ---------------------------------------------------------------------------
+      INTERNAL ROUTINES
+    ---------------------------------------------------------------------------
+    */
+
+    /**
+     * The main purpose of the constraints is to determine how the buttons are
+     * laid out on different platforms according to the OS convention. For example, on
+     * Windows, affirmative button appears on the right hand side of cancel button.
+     * On Mac OS X, affirmative button will appear on the left hand side of cancel button.
+     *
+     * @param constraint {qx.ui.form.Button} The button to be removed.
+     */
+    _constrainButtons : function(constraint)
+    {
+      item = 0;
+
+      // Windows versions
+      if(qx.core.Environment.get("os.name") == "win")
+      {
+      }
+      // All others osx, linux etc.
+      else
+      {
+      }
+
+      return item;
+    },
+
+
+    /*
+    ---------------------------------------------------------------------------
+      UTILITIES
+    ---------------------------------------------------------------------------
+    */
+
+    /**
+     * Gets the button with the index.
+     *
+     * @param index {Number} the button index.
+     * @return {qx.ui.form.Button} the button which has the name. null if there is no button with that name.
+     */
+    getButton : function(index)
+    {
+      return this._getChildren()[index];
+    },
+
+    /**
+     * Gets the button with the name.
+     * In order to use this method, you have to set a name to the button using {@link
+     * Widget#setUserData("name", String)} method.
+     *
+     * @param name {String} the button name.
+     * @return {qx.ui.form.Button} the button which has the name. null if there is no button with that name.
+     */
+    getButtonByName : function(name)
+    {
+      var button = null;
+      var children = this._getChildren();
+
+      for(var i = 0, l = children.length; i < l; i++)
+      {
+        if(children[i].getUserData("name") == name)
+        {
+          button = children[i];
+          break;
+        }
+      }
+
+      return button;
+    },
+
+    /**
+     * Add a spacer to the button pane. The spacer has a flex
+     * value of one and will stretch to the available space.
+     *
+     * @return {qx.ui.core.Spacer} The newly added spacer object. A reference
+     * to the spacer is needed to remove this spacer from the layout.
+     */
+    addSpacer : function()
+    {
+      var spacer = new qx.ui.core.Spacer;
+      this._add(spacer, {flex:1});
+
+      return spacer;
+    },
+
+    /**
+     * Read button resource.
+     *
+     * @return {qx.core.Object} The button resource object.
+     */
+    getResources : function(bitValue)
+    {
+      var buttons = [];
+
+      for(var key in this.BUTTONS)
+      {
+        var button = this.BUTTONS[key];
+
+        if(bitValue & button.bit)
+        {
+          buttons.push(button);
+        }
+      }
+
+      return buttons;
+    }
+  }
+});
+

Modified: trunk/qooxdoo-contrib/qxe/trunk/source/class/qxe/ui/wizard/IPage.js
===================================================================
--- trunk/qooxdoo-contrib/qxe/trunk/source/class/qxe/ui/wizard/IPage.js	2011-10-01 21:23:07 UTC (rev 21479)
+++ trunk/qooxdoo-contrib/qxe/trunk/source/class/qxe/ui/wizard/IPage.js	2011-10-02 15:44:04 UTC (rev 21480)
@@ -22,28 +22,5 @@
 {
   members :
   {
-    /**
-     *
-     */
-    _addValidators : function(validator)
-    {
-      this.assertInstance(validator, qx.ui.form.validation.Manager);
-    },
-
-    /**
-     *
-     */
-    _addSerializers : function(controller)
-    {
-      this.assertInstance(controller, qx.data.controller.Object);
-    },
-
-    /**
-     *
-     */
-    _addResetter : function(resetter)
-    {
-      this.assertInstance(resetter, qx.ui.form.Resetter);
-    }
   }
 });

Modified: trunk/qooxdoo-contrib/qxe/trunk/source/class/qxe/ui/wizard/Page.js
===================================================================
--- trunk/qooxdoo-contrib/qxe/trunk/source/class/qxe/ui/wizard/Page.js	2011-10-01 21:23:07 UTC (rev 21479)
+++ trunk/qooxdoo-contrib/qxe/trunk/source/class/qxe/ui/wizard/Page.js	2011-10-02 15:44:04 UTC (rev 21480)
@@ -109,58 +109,7 @@
       check : "Boolean",
       init : false,
       event : "changeAllowNext"
-    },
-
-    /**
-     * Whether to allow to finish the wizard. 
-     * The finish property is set to true when the validation has passed and coming to the last page.
-     */
-    allowFinish :
-    {
-      check : "Boolean",
-      init : false,
-      event : "changeAllowFinish"
     }
-  },
-
-
-  /*
-  *****************************************************************************
-     MEMBERS
-  *****************************************************************************
-  */
-
-  members :
-  {
-    /**
-     * Adding fields of the page to the validator.
-     *
-     * @param validator {qx.ui.form.validation.Manager} The validator object to use.
-     */
-    _addValidators : function(validator)
-    {
-    },
-
-    /**
-     * Adding fields of the page to the serializer.
-     *
-     * @param controller {qx.data.controller.*} The controller object to use.
-     *
-     * @return {Json Array} Skeleton of fields.
-     */
-    _addSerializers : function(controller)
-    {
-      return null;
-    },
-
-    /**
-     * Adding fields of the page to the resetter.
-     *
-     * @param resetter {qx.ui.form.Resetter} The resetter object to use.
-     */
-    _addResetter : function(resetter)
-    {
-    }
   }
 });
 

Modified: trunk/qooxdoo-contrib/qxe/trunk/source/class/qxe/ui/wizard/Wizard.js
===================================================================
--- trunk/qooxdoo-contrib/qxe/trunk/source/class/qxe/ui/wizard/Wizard.js	2011-10-01 21:23:07 UTC (rev 21479)
+++ trunk/qooxdoo-contrib/qxe/trunk/source/class/qxe/ui/wizard/Wizard.js	2011-10-02 15:44:04 UTC (rev 21480)
@@ -117,6 +117,17 @@
       check : "qx.ui.form.Resetter",
       init : new qx.ui.form.Resetter(),
       event : "changeResetter"
+    },
+
+    /**
+     * Whether to allow to finish the wizard. 
+     * The finish property is set to true when the validation has passed and coming to the last page.
+     */
+    allowFinish :
+    {
+      check : "Boolean",
+      init : false,
+      event : "changeAllowFinish"
     }
   },
 
@@ -336,7 +347,7 @@
     },
 
     /**
-     * Remove a page from the Wizard.
+     * Remove a page from the wizard.
      *
      * @param page {qxe.ui.wizard.Page} The page to be removed.
      */
@@ -346,7 +357,7 @@
     },
 
     /**
-     * Return Wizard's children widgets.
+     * Return child pages.
      *
      * @return {qxe.ui.wizard.Page[]} List of children.
      */
@@ -356,15 +367,15 @@
     },
 
     /**
-     * Add children widgets.
+     * Add fields for model.
      *
-     * @return {qxe.ui.wizard.Page[]} List of children.
+     * @param e {json} Fields to append to model.
      */
     addControlFields : function(items)
     {
       var skeleton = this.__skeleton;
 
-      // Concatenate each page's json skeleton to the model skeleton
+      // Append items (json format) to the model skeleton
       for(var key in items)
       {
         skeleton[key] = items[key];

This was sent by the SourceForge.net collaborative development platform, the world's largest Open Source development site.





2007	Jan	Feb	Mar	Apr	May	Jun (10)	Jul (24)	Aug (93)	Sep (261)	Oct (257)	Nov (218)	Dec (95)
2008	Jan (184)	Feb (87)	Mar (155)	Apr (398)	May (201)	Jun (35)	Jul (68)	Aug (92)	Sep (52)	Oct (111)	Nov (135)	Dec (116)
2009	Jan (225)	Feb (204)	Mar (113)	Apr (137)	May (220)	Jun (199)	Jul (196)	Aug (98)	Sep (100)	Oct (179)	Nov (164)	Dec (72)
2010	Jan (59)	Feb (61)	Mar (64)	Apr (159)	May (107)	Jun (252)	Jul (180)	Aug (96)	Sep (82)	Oct (58)	Nov (43)	Dec (53)
2011	Jan (39)	Feb (18)	Mar (33)	Apr (66)	May (48)	Jun (124)	Jul (112)	Aug (62)	Sep (45)	Oct (102)	Nov (47)	Dec (37)
2012	Jan (22)	Feb (18)	Mar (1)	Apr (5)	May (18)	Jun (13)	Jul (9)	Aug (38)	Sep (3)	Oct (7)	Nov (24)	Dec (6)
2013	Jan (1)	Feb (14)	Mar (1)	Apr (2)	May (3)	Jun (4)	Jul (9)	Aug (4)	Sep (7)	Oct	Nov (1)	Dec (4)
2014	Jan (9)	Feb (2)	Mar	Apr	May (4)	Jun (2)	Jul	Aug	Sep (6)	Oct	Nov (1)	Dec
2015	Jan	Feb (1)	Mar	Apr	May	Jun	Jul	Aug	Sep (1)	Oct (1)	Nov	Dec
2016	Jan	Feb	Mar	Apr	May (2)	Jun	Jul	Aug	Sep	Oct	Nov	Dec

qooxdoo-contrib-commit Mailing List for qooxdoo-contrib (Page 18)

qooxdoo-contrib-commit — Commit list of all contribution activities