@qooxdoo/framework 7.0.0-beta.6 → 7.0.0

package/source/class/qx/ui/form/RepeatButton.js

@@ -46,55 +46,47 @@
  * <a href='http://qooxdoo.org/docs/#desktop/widget/repeatbutton.md' target='_blank'>
  * Documentation of this widget in the qooxdoo manual.</a>
  */
-qx.Class.define("qx.ui.form.RepeatButton",
-{
-  extend : qx.ui.form.Button,
-
+qx.Class.define("qx.ui.form.RepeatButton", {
+  extend: qx.ui.form.Button,
 
   /**
    * @param label {String} Label to use
    * @param icon {String?null} Icon to use
    */
-  construct : function(label, icon)
-  {
-    this.base(arguments, label, icon);
+  construct(label, icon) {
+    super(label, icon);
 
     // create the timer and add the listener
     this.__timer = new qx.event.AcceleratingTimer();
     this.__timer.addListener("interval", this._onInterval, this);
   },
 
-
-  events :
-  {
+  events: {
     /**
      * This event gets dispatched with every interval. The timer gets executed
      * as long as the user holds down a button.
      */
-    "execute" : "qx.event.type.Event",
+    execute: "qx.event.type.Event",
 
     /**
      * This event gets dispatched when the button is pressed.
      */
-    "press"   : "qx.event.type.Event",
+    press: "qx.event.type.Event",
 
     /**
      * This event gets dispatched when the button is released.
      */
-    "release" : "qx.event.type.Event"
+    release: "qx.event.type.Event"
   },
 
-
-  properties :
-  {
+  properties: {
     /**
      * Interval used after the first run of the timer. Usually a smaller value
      * than the "firstInterval" property value to get a faster reaction.
      */
-    interval :
-    {
-      check : "Integer",
-      init  : 100
+    interval: {
+      check: "Integer",
+      init: 100
     },
 
     /**
@@ -102,33 +94,27 @@ qx.Class.define("qx.ui.form.RepeatButton",
      * than the "interval" property value to a little delayed reaction at the first
      * time.
      */
-    firstInterval :
-    {
-      check : "Integer",
-      init  : 500
+    firstInterval: {
+      check: "Integer",
+      init: 500
     },
 
     /** This configures the minimum value for the timer interval. */
-    minTimer :
-    {
-      check : "Integer",
-      init  : 20
+    minTimer: {
+      check: "Integer",
+      init: 20
     },
 
     /** Decrease of the timer on each interval (for the next interval) until minTimer reached. */
-    timerDecrease :
-    {
-      check : "Integer",
-      init  : 2
+    timerDecrease: {
+      check: "Integer",
+      init: 2
     }
   },
 
-
-  members :
-  {
-    __executed : null,
-    __timer : null,
-
+  members: {
+    __executed: null,
+    __timer: null,
 
     /**
      * Calling this function is like a tap from the user on the
@@ -136,14 +122,11 @@ qx.Class.define("qx.ui.form.RepeatButton",
      * <span style='color: red'>Be sure to call the {@link #release} function.</span>
      *
      */
-    press : function()
-    {
+    press() {
       // only if the button is enabled
-      if (this.isEnabled())
-      {
+      if (this.isEnabled()) {
         // if the state pressed must be applied (first call)
-        if (!this.hasState("pressed"))
-        {
+        if (!this.hasState("pressed")) {
           // start the timer
           this.__startInternalTimer();
         }
@@ -154,7 +137,6 @@ qx.Class.define("qx.ui.form.RepeatButton",
       }
     },
 
-
     /**
      * Calling this function is like a release from the user on the
      * button with all consequences.
@@ -163,16 +145,14 @@ qx.Class.define("qx.ui.form.RepeatButton",
      *
      * @param fireExecuteEvent {Boolean?true} flag which signals, if an event should be fired
      */
-    release : function(fireExecuteEvent)
-    {
+    release(fireExecuteEvent) {
       // only if the button is enabled
       if (!this.isEnabled()) {
         return;
       }
 
       // only if the button is pressed
-      if (this.hasState("pressed"))
-      {
+      if (this.hasState("pressed")) {
         // if the button has not been executed
         if (!this.__executed) {
           this.execute();
@@ -187,7 +167,6 @@ qx.Class.define("qx.ui.form.RepeatButton",
       this.__stopInternalTimer();
     },
 
-
     /*
     ---------------------------------------------------------------------------
       PROPERTY APPLY ROUTINES
@@ -195,12 +174,10 @@ qx.Class.define("qx.ui.form.RepeatButton",
     */
 
     // overridden
-    _applyEnabled : function(value, old)
-    {
-      this.base(arguments, value, old);
+    _applyEnabled(value, old) {
+      super._applyEnabled(value, old);
 
-      if (!value)
-      {
+      if (!value) {
         if (this.isCapturing()) {
           // also release capture because out event is missing on iOS
           this.releaseCapture();
@@ -215,7 +192,6 @@ qx.Class.define("qx.ui.form.RepeatButton",
       }
     },
 
-
     /*
     ---------------------------------------------------------------------------
       EVENT HANDLER
@@ -231,14 +207,12 @@ qx.Class.define("qx.ui.form.RepeatButton",
      *
      * @param e {qx.event.type.Pointer} Pointer event
      */
-    _onPointerOver : function(e)
-    {
+    _onPointerOver(e) {
       if (!this.isEnabled() || e.getTarget() !== this) {
         return;
       }
 
-      if (this.hasState("abandoned"))
-      {
+      if (this.hasState("abandoned")) {
         this.removeState("abandoned");
         this.addState("pressed");
         this.__timer.start();
@@ -247,7 +221,6 @@ qx.Class.define("qx.ui.form.RepeatButton",
       this.addState("hovered");
     },
 
-
     /**
      * Listener method for "pointerout" event
      * <ul>
@@ -257,23 +230,20 @@ qx.Class.define("qx.ui.form.RepeatButton",
      *
      * @param e {qx.event.type.Pointer} Pointer event
      */
-    _onPointerOut : function(e)
-    {
+    _onPointerOut(e) {
       if (!this.isEnabled() || e.getTarget() !== this) {
         return;
       }
 
       this.removeState("hovered");
 
-      if (this.hasState("pressed"))
-      {
+      if (this.hasState("pressed")) {
         this.removeState("pressed");
         this.addState("abandoned");
         this.__timer.stop();
       }
     },
 
-
     /**
      * Callback method for the "pointerdown" method.
      *
@@ -283,8 +253,7 @@ qx.Class.define("qx.ui.form.RepeatButton",
      *
      * @param e {qx.event.type.Pointer} pointerdown event
      */
-    _onPointerDown : function(e)
-    {
+    _onPointerDown(e) {
       if (!e.isLeftPressed()) {
         return;
       }
@@ -297,7 +266,6 @@ qx.Class.define("qx.ui.form.RepeatButton",
       e.stopPropagation();
     },
 
-
     /**
      * Callback method for the "pointerup" event.
      *
@@ -307,12 +275,10 @@ qx.Class.define("qx.ui.form.RepeatButton",
      *
      * @param e {qx.event.type.Pointer} pointerup event
      */
-    _onPointerUp : function(e)
-    {
+    _onPointerUp(e) {
       this.releaseCapture();
 
-      if (!this.hasState("abandoned"))
-      {
+      if (!this.hasState("abandoned")) {
         this.addState("hovered");
 
         if (this.hasState("pressed") && !this.__executed) {
@@ -324,10 +290,8 @@ qx.Class.define("qx.ui.form.RepeatButton",
       e.stopPropagation();
     },
 
-
     // Nothing to do, 'execute' is already fired by _onPointerUp.
-    _onTap : function(e) {},
-
+    _onTap(e) {},
 
     /**
      * Listener method for "keyup" event.
@@ -338,14 +302,11 @@ qx.Class.define("qx.ui.form.RepeatButton",
      *
      * @param e {Event} Key event
      */
-    _onKeyUp : function(e)
-    {
-      switch(e.getKeyIdentifier())
-      {
+    _onKeyUp(e) {
+      switch (e.getKeyIdentifier()) {
         case "Enter":
         case "Space":
-          if (this.hasState("pressed"))
-          {
+          if (this.hasState("pressed")) {
             if (!this.__executed) {
               this.execute();
             }
@@ -358,7 +319,6 @@ qx.Class.define("qx.ui.form.RepeatButton",
       }
     },
 
-
     /**
      * Listener method for "keydown" event.
      *
@@ -368,10 +328,8 @@ qx.Class.define("qx.ui.form.RepeatButton",
      *
      * @param e {Event} Key event
      */
-    _onKeyDown : function(e)
-    {
-      switch(e.getKeyIdentifier())
-      {
+    _onKeyDown(e) {
+      switch (e.getKeyIdentifier()) {
         case "Enter":
         case "Space":
           this.removeState("abandoned");
@@ -381,7 +339,6 @@ qx.Class.define("qx.ui.form.RepeatButton",
       }
     },
 
-
     /**
      * Callback for the interval event.
      *
@@ -391,13 +348,11 @@ qx.Class.define("qx.ui.form.RepeatButton",
      *
      * @param e {qx.event.type.Event} interval event
      */
-    _onInterval : function(e)
-    {
+    _onInterval(e) {
       this.__executed = true;
       this.fireEvent("execute");
     },
 
-
     /*
     ---------------------------------------------------------------------------
       INTERNAL TIMER
@@ -409,30 +364,29 @@ qx.Class.define("qx.ui.form.RepeatButton",
      * events in an interval. It also presses the button.
      *
      */
-    __startInternalTimer : function()
-    {
+    __startInternalTimer() {
       this.fireEvent("press");
 
       this.__executed = false;
 
-      this.__timer.set({
-        interval: this.getInterval(),
-        firstInterval: this.getFirstInterval(),
-        minimum: this.getMinTimer(),
-        decrease: this.getTimerDecrease()
-      }).start();
+      this.__timer
+        .set({
+          interval: this.getInterval(),
+          firstInterval: this.getFirstInterval(),
+          minimum: this.getMinTimer(),
+          decrease: this.getTimerDecrease()
+        })
+        .start();
 
       this.removeState("abandoned");
       this.addState("pressed");
     },
 
-
     /**
      * Stops the internal timer and releases the button.
      *
      */
-    __stopInternalTimer : function()
-    {
+    __stopInternalTimer() {
       this.fireEvent("release");
 
       this.__timer.stop();
@@ -442,16 +396,13 @@ qx.Class.define("qx.ui.form.RepeatButton",
     }
   },
 
-
-
-
   /*
     *****************************************************************************
        DESTRUCTOR
     *****************************************************************************
     */
 
-  destruct : function() {
+  destruct() {
     this._disposeObjects("__timer");
   }
 });

package/source/class/qx/ui/form/Resetter.js

@@ -21,21 +21,17 @@
  * The resetter is responsible for managing a set of fields and resetting these
  * fields on a {@link #reset} call. It can handle all form field implementing IField.
  */
-qx.Class.define("qx.ui.form.Resetter",
-{
-  extend : qx.core.Object,
+qx.Class.define("qx.ui.form.Resetter", {
+  extend: qx.core.Object,
 
-
-  construct : function()
-  {
-    this.base(arguments);
+  construct() {
+    super();
 
     this.__items = [];
   },
 
-  members :
-  {
-    __items : null,
+  members: {
+    __items: null,
 
     /**
      * Adding a field to the resetter will get its current value and store
@@ -44,12 +40,11 @@ qx.Class.define("qx.ui.form.Resetter",
      * @param field {qx.ui.form.IField} The field which should be added.
      * @throws {TypeError} When given argument is not a field.
      */
-    add : function(field) {
+    add(field) {
       this.__typeCheck(field);
-      this.__items.push({item: field, init: field.getValue()});
+      this.__items.push({ item: field, init: field.getValue() });
     },
 
-
     /**
      * Removes a field from the resetter.
      *
@@ -57,7 +52,7 @@ qx.Class.define("qx.ui.form.Resetter",
      * @throws {TypeError} When given argument is not a field.
      * @return {Boolean} <code>true</code>, if the field has been removed.
      */
-    remove : function(field) {
+    remove(field) {
       this.__typeCheck(field);
       for (var i = 0; i < this.__items.length; i++) {
         var storedItem = this.__items[i];
@@ -69,15 +64,16 @@ qx.Class.define("qx.ui.form.Resetter",
       return false;
     },
 
-
     /**
      * Resets all added fields to their initial value. The initial value
      * is the value in the widget during the {@link #add}.
      *
      * @return {null|Error} Returns an error when some fields could not be reset.
      */
-    reset: function() {
-      var dataEntry, e, errors = [];
+    reset() {
+      var dataEntry,
+        e,
+        errors = [];
       for (var i = 0; i < this.__items.length; i++) {
         dataEntry = this.__items[i];
         e = dataEntry.item.setValue(dataEntry.init);
@@ -87,13 +83,12 @@ qx.Class.define("qx.ui.form.Resetter",
       }
 
       if (errors.length) {
-        return new Error(errors.join(', '));
+        return new Error(errors.join(", "));
       } else {
         return null;
       }
     },
 
-
     /**
      * Resets a single given field. The field has to be added to the resetter
      * instance before. Otherwise, an error is thrown.
@@ -102,7 +97,7 @@ qx.Class.define("qx.ui.form.Resetter",
      * @throws {TypeError} When given argument is not a field.
      * @return {null|Error} Returns an error when the field value could not be set.
      */
-    resetItem : function(field) {
+    resetItem(field) {
       this.__typeCheck(field);
       for (var i = 0; i < this.__items.length; i++) {
         var dataEntry = this.__items[i];
@@ -114,12 +109,11 @@ qx.Class.define("qx.ui.form.Resetter",
       throw new Error("The given field has not been added.");
     },
 
-
     /**
      * Takes the current values of all added fields and uses these values as
      * init values for resetting.
      */
-    redefine: function() {
+    redefine() {
       // go threw all added items
       for (var i = 0; i < this.__items.length; i++) {
         var item = this.__items[i].item;
@@ -128,7 +122,6 @@ qx.Class.define("qx.ui.form.Resetter",
       }
     },
 
-
     /**
      * Takes the current value of the given field and stores this value as init
      * value for resetting.
@@ -136,7 +129,7 @@ qx.Class.define("qx.ui.form.Resetter",
      * @param field {qx.ui.form.IField} The field to redefine.
      * @throws {TypeError} When given argument is not a field.
      */
-    redefineItem : function(field) {
+    redefineItem(field) {
       this.__typeCheck(field);
 
       // get the data entry
@@ -152,7 +145,6 @@ qx.Class.define("qx.ui.form.Resetter",
       throw new Error("The given field has not been added.");
     },
 
-
     /**
      * Assert when given argument is not a field.
      *
@@ -160,21 +152,19 @@ qx.Class.define("qx.ui.form.Resetter",
      * @throws {TypeError} When given argument is not a field.
      * @private
      */
-    __typeCheck : function(field) {
+    __typeCheck(field) {
       if (!qx.Class.hasInterface(field.constructor, qx.ui.form.IField)) {
         throw new TypeError("Field " + field + " not supported for resetting.");
       }
     }
   },
 
-
   /*
   *****************************************************************************
      DESTRUCTOR
   *****************************************************************************
   */
-  destruct : function()
-  {
+  destruct() {
     // holding references to widgets --> must set to null
     this.__items = null;
   }