@qooxdoo/framework 7.0.0-beta.6 → 7.0.0

package/source/class/qx/ui/virtual/core/Scroller.js

@@ -23,10 +23,8 @@
  *
  * @childControl pane {qx.ui.virtual.core.Pane} Virtual pane.
  */
-qx.Class.define("qx.ui.virtual.core.Scroller",
-{
-  extend : qx.ui.core.scroll.AbstractScrollArea,
-
+qx.Class.define("qx.ui.virtual.core.Scroller", {
+  extend: qx.ui.core.scroll.AbstractScrollArea,
 
   /**
    * @param rowCount {Integer?0} The number of rows of the virtual grid.
@@ -34,28 +32,30 @@ qx.Class.define("qx.ui.virtual.core.Scroller",
    * @param cellHeight {Integer?10} The default cell height.
    * @param cellWidth {Integer?10} The default cell width.
    */
-  construct : function(rowCount, columnCount, cellHeight, cellWidth)
-  {
-    this.base(arguments);
+  construct(rowCount, columnCount, cellHeight, cellWidth) {
+    super();
+
+    this.__pane = new qx.ui.virtual.core.Pane(
+      rowCount,
+      columnCount,
+      cellHeight,
+      cellWidth
+    );
 
-    this.__pane = new qx.ui.virtual.core.Pane(rowCount, columnCount, cellHeight, cellWidth);
     this.__pane.addListener("update", this._computeScrollbars, this);
     this.__pane.addListener("scrollX", this._onScrollPaneX, this);
     this.__pane.addListener("scrollY", this._onScrollPaneY, this);
 
     if (qx.core.Environment.get("os.scrollBarOverlayed")) {
-      this._add(this.__pane, {edge: 0});
+      this._add(this.__pane, { edge: 0 });
     } else {
-      this._add(this.__pane, {row: 0, column: 0});
+      this._add(this.__pane, { row: 0, column: 0 });
     }
   },
 
-
-  members :
-  {
+  members: {
     /** @type {qx.ui.virtual.core.Pane} Virtual pane. */
-    __pane : null,
-
+    __pane: null,
 
     /*
     ---------------------------------------------------------------------------
@@ -63,42 +63,36 @@ qx.Class.define("qx.ui.virtual.core.Scroller",
     ---------------------------------------------------------------------------
     */
 
-
     /**
      * Get the scroller's virtual pane.
      *
      * @return {qx.ui.virtual.core.Pane} The scroller's pane.
      */
-    getPane : function() {
+    getPane() {
       return this.__pane;
     },
 
-
     /*
     ---------------------------------------------------------------------------
       CHILD CONTROL SUPPORT
     ---------------------------------------------------------------------------
     */
 
-
     // overridden
-    _createChildControlImpl : function(id, hash)
-    {
+    _createChildControlImpl(id, hash) {
       if (id === "pane") {
         return this.__pane;
       } else {
-        return this.base(arguments, id);
+        return super._createChildControlImpl(id);
       }
     },
 
-
     /*
     ---------------------------------------------------------------------------
       ITEM LOCATION SUPPORT
     ---------------------------------------------------------------------------
     */
 
-
     /**
      * NOT IMPLEMENTED
      *
@@ -106,12 +100,10 @@ qx.Class.define("qx.ui.virtual.core.Scroller",
      * @return {Integer} Top offset.
      * @abstract
      */
-    getItemTop : function(item)
-    {
+    getItemTop(item) {
       throw new Error("The method 'getItemTop' is not implemented!");
     },
 
-
     /**
      * NOT IMPLEMENTED
      *
@@ -119,12 +111,10 @@ qx.Class.define("qx.ui.virtual.core.Scroller",
      * @return {Integer} Top offset.
      * @abstract
      */
-    getItemBottom : function(item)
-    {
+    getItemBottom(item) {
       throw new Error("The method 'getItemBottom' is not implemented!");
     },
 
-
     /**
      * NOT IMPLEMENTED
      *
@@ -132,12 +122,10 @@ qx.Class.define("qx.ui.virtual.core.Scroller",
      * @return {Integer} Top offset.
      * @abstract
      */
-    getItemLeft : function(item)
-    {
+    getItemLeft(item) {
       throw new Error("The method 'getItemLeft' is not implemented!");
     },
 
-
     /**
      * NOT IMPLEMENTED
      *
@@ -145,34 +133,28 @@ qx.Class.define("qx.ui.virtual.core.Scroller",
      * @return {Integer} Right offset.
      * @abstract
      */
-    getItemRight : function(item)
-    {
+    getItemRight(item) {
       throw new Error("The method 'getItemRight' is not implemented!");
     },
 
-
     /*
     ---------------------------------------------------------------------------
       EVENT LISTENERS
     ---------------------------------------------------------------------------
     */
 
-
     // overridden
-    _onScrollBarX : function(e) {
+    _onScrollBarX(e) {
       this.__pane.setScrollX(e.getData());
     },
 
-
     // overridden
-    _onScrollBarY : function(e) {
+    _onScrollBarY(e) {
       this.__pane.setScrollY(e.getData());
     }
   },
 
-
-  destruct : function()
-  {
+  destruct() {
     this.__pane.dispose();
     this.__pane = null;
   }

package/source/class/qx/ui/virtual/layer/Abstract.js

@@ -16,7 +16,6 @@
 
 ************************************************************************ */
 
-
 /**
  * Abstract base class for layers of a virtual pane.
  *
@@ -27,12 +26,11 @@
  * {@link #_updateLayerWindow} and {@link #_updateLayerData} may be implemented
  * to increase the performance.
  */
-qx.Class.define("qx.ui.virtual.layer.Abstract",
-{
-  extend : qx.ui.core.Widget,
-  type : "abstract",
+qx.Class.define("qx.ui.virtual.layer.Abstract", {
+  extend: qx.ui.core.Widget,
+  type: "abstract",
 
-  implement : [qx.ui.virtual.core.ILayer],
+  implement: [qx.ui.virtual.core.ILayer],
 
   /*
    *****************************************************************************
@@ -40,13 +38,11 @@ qx.Class.define("qx.ui.virtual.layer.Abstract",
    *****************************************************************************
    */
 
-   construct : function()
-   {
-     this.base(arguments);
-
-     this.__jobs = {};
-   },
+  construct() {
+    super();
 
+    this.__jobs = {};
+  },
 
   /*
   *****************************************************************************
@@ -54,77 +50,67 @@ qx.Class.define("qx.ui.virtual.layer.Abstract",
   *****************************************************************************
   */
 
-  properties :
-  {
+  properties: {
     // overridden
-    anonymous :
-    {
+    anonymous: {
       refine: true,
       init: true
     }
   },
 
-
   /*
   *****************************************************************************
      MEMBERS
   *****************************************************************************
   */
 
-  members :
-  {
-    __jobs : null,
-    __arguments : null,
-
-    __firstRow : null,
-    __firstColumn : null,
-    __rowSizes : null,
-    __columnSizes : null,
+  members: {
+    __jobs: null,
+    __arguments: null,
 
+    __firstRow: null,
+    __firstColumn: null,
+    __rowSizes: null,
+    __columnSizes: null,
 
     /**
      * Get the first rendered row
      *
      * @return {Integer} The first rendered row
      */
-    getFirstRow : function() {
+    getFirstRow() {
       return this.__firstRow;
     },
 
-
     /**
      * Get the first rendered column
      *
      * @return {Integer} The first rendered column
      */
-    getFirstColumn : function() {
+    getFirstColumn() {
       return this.__firstColumn;
     },
 
-
     /**
      * Get the sizes of the rendered rows
      *
      * @return {Integer[]} List of row heights
      */
-    getRowSizes : function() {
+    getRowSizes() {
       return this.__rowSizes || [];
     },
 
-
     /**
      * Get the sizes of the rendered column
      *
      * @return {Integer[]} List of column widths
      */
-    getColumnSizes : function() {
+    getColumnSizes() {
       return this.__columnSizes || [];
     },
 
-
     // overridden
-    syncWidget : function(jobs)
-    {
+    syncWidget(jobs) {
       // return if the layer is not yet rendered
       // it will rendered in the appear event
       if (!this.getContentElement().getDomElement()) {
@@ -133,22 +119,16 @@ qx.Class.define("qx.ui.virtual.layer.Abstract",
 
       if (
         this.__jobs.fullUpdate ||
-        this.__jobs.updateLayerWindow && this.__jobs.updateLayerData
-      )
-      {
+        (this.__jobs.updateLayerWindow && this.__jobs.updateLayerData)
+      ) {
         this._fullUpdate.apply(this, this.__arguments);
-      }
-      else if (this.__jobs.updateLayerWindow)
-      {
+      } else if (this.__jobs.updateLayerWindow) {
         this._updateLayerWindow.apply(this, this.__arguments);
-      }
-      else if (this.__jobs.updateLayerData  && this.__rowSizes)
-      {
+      } else if (this.__jobs.updateLayerData && this.__rowSizes) {
         this._updateLayerData();
       }
 
-      if (this.__jobs.fullUpdate || this.__jobs.updateLayerWindow)
-      {
+      if (this.__jobs.fullUpdate || this.__jobs.updateLayerWindow) {
         var args = this.__arguments;
         this.__firstRow = args[0];
         this.__firstColumn = args[1];
@@ -159,22 +139,21 @@ qx.Class.define("qx.ui.virtual.layer.Abstract",
       this.__jobs = {};
     },
 
-
     /**
      * Update the layer to reflect changes in the data the layer displays.
      *
      * Note: It is guaranteed that this method is only called after the layer
      * has been rendered.
      */
-    _updateLayerData : function()
-    {
+    _updateLayerData() {
       this._fullUpdate(
-        this.__firstRow, this.__firstColumn,
-        this.__rowSizes, this.__columnSizes
+        this.__firstRow,
+        this.__firstColumn,
+        this.__rowSizes,
+        this.__columnSizes
       );
     },
 
-
     /**
      * Do a complete update of the layer. All cached data should be discarded.
      * This method is called e.g. after changes to the grid geometry
@@ -188,14 +167,10 @@ qx.Class.define("qx.ui.virtual.layer.Abstract",
      * @param rowSizes {Integer[]} Array of heights for each row to display
      * @param columnSizes {Integer[]} Array of widths for each column to display
      */
-    _fullUpdate : function(
-      firstRow, firstColumn,
-      rowSizes, columnSizes
-    ) {
+    _fullUpdate(firstRow, firstColumn, rowSizes, columnSizes) {
       throw new Error("Abstract method '_fullUpdate' called!");
     },
 
-
     /**
      * Update the layer to display a different window of the virtual grid.
      * This method is called if the pane is scrolled, resized or cells
@@ -211,43 +186,25 @@ qx.Class.define("qx.ui.virtual.layer.Abstract",
      * @param rowSizes {Integer[]} Array of heights for each row to display
      * @param columnSizes {Integer[]} Array of widths for each column to display
      */
-    _updateLayerWindow : function(
-      firstRow, firstColumn,
-      rowSizes, columnSizes
-    )
-    {
-      this._fullUpdate(
-        firstRow, firstColumn,
-        rowSizes, columnSizes
-      );
+    _updateLayerWindow(firstRow, firstColumn, rowSizes, columnSizes) {
+      this._fullUpdate(firstRow, firstColumn, rowSizes, columnSizes);
     },
 
-
     // interface implementation
-    updateLayerData : function()
-    {
+    updateLayerData() {
       this.__jobs.updateLayerData = true;
       qx.ui.core.queue.Widget.add(this);
     },
 
-
     // interface implementation
-    fullUpdate : function(
-      firstRow, firstColumn,
-      rowSizes, columnSizes
-    )
-    {
+    fullUpdate(firstRow, firstColumn, rowSizes, columnSizes) {
       this.__arguments = arguments;
       this.__jobs.fullUpdate = true;
       qx.ui.core.queue.Widget.add(this);
     },
 
-
     // interface implementation
-    updateLayerWindow : function(
-      firstRow, firstColumn,
-      rowSizes, columnSizes
-    ) {
+    updateLayerWindow(firstRow, firstColumn, rowSizes, columnSizes) {
       this.__arguments = arguments;
       this.__jobs.updateLayerWindow = true;
       qx.ui.core.queue.Widget.add(this);
@@ -260,7 +217,11 @@ qx.Class.define("qx.ui.virtual.layer.Abstract",
   *****************************************************************************
   */
 
-  destruct : function() {
-    this.__jobs = this.__arguments = this.__rowSizes = this.__columnSizes = null;
+  destruct() {
+    this.__jobs =
+      this.__arguments =
+      this.__rowSizes =
+      this.__columnSizes =
+        null;
   }
 });

package/source/class/qx/ui/virtual/layer/AbstractBackground.js

@@ -16,14 +16,11 @@
 
 ************************************************************************ */
 
-
 /**
  * Abstract base class for the {@link Row} and {@link Column} layers.
  */
-qx.Class.define("qx.ui.virtual.layer.AbstractBackground",
-{
-  extend : qx.ui.virtual.layer.Abstract,
-
+qx.Class.define("qx.ui.virtual.layer.AbstractBackground", {
+  extend: qx.ui.virtual.layer.Abstract,
 
   /*
    *****************************************************************************
@@ -31,26 +28,24 @@ qx.Class.define("qx.ui.virtual.layer.AbstractBackground",
    *****************************************************************************
    */
 
-   /**
-    * @param colorEven {Color?null} color for even indexes
-    * @param colorOdd {Color?null} color for odd indexes
-    */
-   construct : function(colorEven, colorOdd)
-   {
-     this.base(arguments);
-
-     if (colorEven) {
-       this.setColorEven(colorEven);
-     }
+  /**
+   * @param colorEven {Color?null} color for even indexes
+   * @param colorOdd {Color?null} color for odd indexes
+   */
+  construct(colorEven, colorOdd) {
+    super();
 
-     if (colorOdd) {
-       this.setColorOdd(colorOdd);
-     }
+    if (colorEven) {
+      this.setColorEven(colorEven);
+    }
 
-     this.__customColors = {};
-     this.__decorators = {};
-   },
+    if (colorOdd) {
+      this.setColorOdd(colorOdd);
+    }
 
+    this.__customColors = {};
+    this.__decorators = {};
+  },
 
   /*
   *****************************************************************************
@@ -58,41 +53,35 @@ qx.Class.define("qx.ui.virtual.layer.AbstractBackground",
   *****************************************************************************
   */
 
-  properties :
-  {
+  properties: {
     /** color for event indexes */
-    colorEven :
-    {
-      nullable : true,
-      check : "Color",
-      apply : "_applyColorEven",
-      themeable : true
+    colorEven: {
+      nullable: true,
+      check: "Color",
+      apply: "_applyColorEven",
+      themeable: true
     },
 
     /** color for odd indexes */
-    colorOdd :
-    {
-      nullable : true,
-      check : "Color",
-      apply : "_applyColorOdd",
-      themeable : true
+    colorOdd: {
+      nullable: true,
+      check: "Color",
+      apply: "_applyColorOdd",
+      themeable: true
     }
   },
 
-
   /*
   *****************************************************************************
      MEMBERS
   *****************************************************************************
   */
 
-  members :
-  {
-    __colorEven : null,
-    __colorOdd : null,
-    __customColors : null,
-    __decorators : null,
-
+  members: {
+    __colorEven: null,
+    __colorOdd: null,
+    __customColors: null,
+    __decorators: null,
 
     /*
     ---------------------------------------------------------------------------
@@ -107,34 +96,30 @@ qx.Class.define("qx.ui.virtual.layer.AbstractBackground",
      * @param color {Color|null} the color to set. A value of <code>null</code>
      *    will reset the color.
      */
-    setColor : function(index, color)
-    {
+    setColor(index, color) {
       if (color) {
-        this.__customColors[index] = qx.theme.manager.Color.getInstance().resolve(color);
+        this.__customColors[index] =
+          qx.theme.manager.Color.getInstance().resolve(color);
       } else {
-        delete(this.__customColors[index]);
+        delete this.__customColors[index];
       }
     },
 
-
     /**
      * Clear all colors set using {@link #setColor}.
      */
-    clearCustomColors : function()
-    {
+    clearCustomColors() {
       this.__customColors = {};
       this.updateLayerData();
     },
 
-
     /**
      * Get the color at the given index
      *
      * @param index {Integer} The index to get the color for.
      * @return {Color} The color at the given index
      */
-    getColor : function(index)
-    {
+    getColor(index) {
       var customColor = this.__customColors[index];
       if (customColor) {
         return customColor;
@@ -143,10 +128,8 @@ qx.Class.define("qx.ui.virtual.layer.AbstractBackground",
       }
     },
 
-
     // property apply
-    _applyColorEven : function(value, old)
-    {
+    _applyColorEven(value, old) {
       if (value) {
         this.__colorEven = qx.theme.manager.Color.getInstance().resolve(value);
       } else {
@@ -155,10 +138,8 @@ qx.Class.define("qx.ui.virtual.layer.AbstractBackground",
       this.updateLayerData();
     },
 
-
     // property apply
-    _applyColorOdd : function(value, old)
-    {
+    _applyColorOdd(value, old) {
       if (value) {
         this.__colorOdd = qx.theme.manager.Color.getInstance().resolve(value);
       } else {
@@ -167,7 +148,6 @@ qx.Class.define("qx.ui.virtual.layer.AbstractBackground",
       this.updateLayerData();
     },
 
-
     /**
      * Sets the decorator for the given index
      *
@@ -175,24 +155,23 @@ qx.Class.define("qx.ui.virtual.layer.AbstractBackground",
      * @param decorator {qx.ui.decoration.IDecorator|null} the decorator to set. A value of
      *    <code>null</code> will reset the decorator.
      */
-    setBackground : function(index, decorator)
-    {
+    setBackground(index, decorator) {
       if (decorator) {
-        this.__decorators[index] = qx.theme.manager.Decoration.getInstance().resolve(decorator);
+        this.__decorators[index] =
+          qx.theme.manager.Decoration.getInstance().resolve(decorator);
       } else {
-        delete(this.__decorators[index]);
+        delete this.__decorators[index];
       }
       this.updateLayerData();
     },
 
-
     /**
      * Get the decorator at the given index
      *
      * @param index {Integer} The index to get the decorator for.
      * @return {qx.ui.decoration.IDecorator} The decorator at the given index
      */
-    getBackground : function(index) {
+    getBackground(index) {
       return this.__decorators[index];
     }
   },
@@ -203,7 +182,7 @@ qx.Class.define("qx.ui.virtual.layer.AbstractBackground",
    *****************************************************************************
    */
 
-  destruct : function() {
+  destruct() {
     this.__customColors = this.__decorators = null;
   }
 });