@qooxdoo/framework 7.0.0-beta.6 → 7.0.0

package/source/class/qx/ui/treevirtual/SimpleTreeDataCellRenderer.js

@@ -35,23 +35,19 @@
  * must be provided, via the 'custom' parameter, to the TreeVirtual
  * constructor.
  */
-qx.Class.define("qx.ui.treevirtual.SimpleTreeDataCellRenderer",
-{
-  extend : qx.ui.table.cellrenderer.Abstract,
+qx.Class.define("qx.ui.treevirtual.SimpleTreeDataCellRenderer", {
+  extend: qx.ui.table.cellrenderer.Abstract,
 
-
-  construct : function()
-  {
+  construct() {
     var STDCR = qx.ui.treevirtual.SimpleTreeDataCellRenderer;
 
     // Begin preloading of the tree images, if not already requested.
-    if (STDCR.__bVirgin)
-    {
+    if (STDCR.__bVirgin) {
       STDCR.__preloadImages();
       STDCR.__bVirgin = false;
     }
 
-    this.base(arguments);
+    super();
 
     this.__am = qx.util.AliasManager.getInstance();
     this.__rm = qx.util.ResourceManager.getInstance();
@@ -61,20 +57,17 @@ qx.Class.define("qx.ui.treevirtual.SimpleTreeDataCellRenderer",
     this.BLANK = this.__rm.toUri(this.__am.resolve("static/blank.png"));
   },
 
-
-  statics :
-  {
+  statics: {
     /** File names of each of the tree icons */
-    __icon : { },
+    __icon: {},
 
     /** Whether we have not yet requested pre-loading of images */
-    __bVirgin : true,
+    __bVirgin: true,
 
     /**
      * Request preloading of images so they appear immediately upon rendering
      */
-    __preloadImages : function()
-    {
+    __preloadImages() {
       var STDCR = qx.ui.treevirtual.SimpleTreeDataCellRenderer;
 
       var ImageLoader = qx.io.ImageLoader;
@@ -83,8 +76,7 @@ qx.Class.define("qx.ui.treevirtual.SimpleTreeDataCellRenderer",
       var rm = qx.util.ResourceManager.getInstance();
       var tm = qx.theme.manager.Appearance.getInstance();
 
-      var loadImage = function(f)
-      {
+      var loadImage = function (f) {
         ImageLoader.load(rm.toUri(am.resolve(f)));
       };
 
@@ -129,79 +121,66 @@ qx.Class.define("qx.ui.treevirtual.SimpleTreeDataCellRenderer",
     }
   },
 
-
-  properties :
-  {
+  properties: {
     /**
      * Set whether lines linking tree children shall be drawn on the tree
      * if the theme supports tree lines.
      */
-    useTreeLines :
-    {
-      check : "Boolean",
-      init : true
+    useTreeLines: {
+      check: "Boolean",
+      init: true
     },
 
     /**
      * When true, exclude only the first-level tree lines, creating,
      * effectively, multiple unrelated root nodes.
      */
-    excludeFirstLevelTreeLines :
-    {
-      check : "Boolean",
-      init : false
+    excludeFirstLevelTreeLines: {
+      check: "Boolean",
+      init: false
     },
 
     /**
      * Set whether the open/close button should be displayed on a branch, even
      * if the branch has no children.
      */
-    alwaysShowOpenCloseSymbol :
-    {
-      check : "Boolean",
-      init : false
+    alwaysShowOpenCloseSymbol: {
+      check: "Boolean",
+      init: false
     }
   },
 
-
-
-
   /*
   *****************************************************************************
      MEMBERS
   *****************************************************************************
   */
 
-  members :
-  {
-    __am : null,
-    __tm : null,
-    __rm : null,
-
+  members: {
+    __am: null,
+    __tm: null,
+    __rm: null,
 
     // overridden
-    _onChangeTheme : function() {
-      this.base(arguments);
+    _onChangeTheme() {
+      super._onChangeTheme();
       qx.ui.treevirtual.SimpleTreeDataCellRenderer.__preloadImages();
     },
 
-
     // overridden
-    _getCellStyle : function(cellInfo)
-    {
+    _getCellStyle(cellInfo) {
       var node = cellInfo.value;
 
       // Return the style for the div for the cell.  If there's cell-specific
       // style information provided, append it.
       var html =
-        this.base(arguments, cellInfo) +
+        super._getCellStyle(cellInfo) +
         (node.cellStyle ? node.cellStyle + ";" : "");
       return html;
     },
 
     // overridden
-    _getContentHtml : function(cellInfo)
-    {
+    _getContentHtml(cellInfo) {
       var html = "";
 
       // Horizontal position
@@ -265,102 +244,87 @@ qx.Class.define("qx.ui.treevirtual.SimpleTreeDataCellRenderer",
      *   The html for this image, possibly with a surrounding div (see
      *   'position', above).
      */
-    _addImage : function(imageInfo)
-    {
+    _addImage(imageInfo) {
       var html = [];
 
       // Resolve the URI
       var source = this.__rm.toUri(this.__am.resolve(imageInfo.url));
 
       // If we've been given positioning attributes, enclose image in a div
-      if (imageInfo.position)
-      {
+      if (imageInfo.position) {
         var pos = imageInfo.position;
 
         html.push('<div style="position:absolute;');
 
-        if (qx.core.Environment.get("css.boxsizing"))
-        {
+        if (qx.core.Environment.get("css.boxsizing")) {
           html.push(qx.bom.element.BoxSizing.compile("content-box"));
         }
 
-        if (pos.top !== undefined)
-        {
-          html.push('top:' + pos.top + 'px;');
+        if (pos.top !== undefined) {
+          html.push("top:" + pos.top + "px;");
         }
 
-        if (pos.right !== undefined)
-        {
-          html.push('right:' + pos.right + 'px;');
+        if (pos.right !== undefined) {
+          html.push("right:" + pos.right + "px;");
         }
 
-        if (pos.bottom !== undefined)
-        {
-          html.push('bottom:' + pos.bottom + 'px;');
+        if (pos.bottom !== undefined) {
+          html.push("bottom:" + pos.bottom + "px;");
         }
 
-        if (pos.left !== undefined)
-        {
-          html.push('left:' + pos.left + 'px;');
+        if (pos.left !== undefined) {
+          html.push("left:" + pos.left + "px;");
         }
 
-        if (pos.width !== undefined)
-        {
-          html.push('width:' + pos.width + 'px;');
+        if (pos.width !== undefined) {
+          html.push("width:" + pos.width + "px;");
         }
 
-        if (pos.height !== undefined)
-        {
-          html.push('height:' + pos.height + 'px;');
+        if (pos.height !== undefined) {
+          html.push("height:" + pos.height + "px;");
         }
 
         html.push('">');
       }
 
-      if (qx.lang.String.startsWith(source, "@"))
-      {
+      if (qx.lang.String.startsWith(source, "@")) {
         var content = qx.bom.element.Decoration.create(source, "no-repeat", {});
         html.push(content);
-      }
-      else
-      {
+      } else {
         // Don't use an image tag.  They render differently in Firefox and IE7
         // even if both are enclosed in a div specified as content box.  Instead,
         // add the image as the background image of a div.
         html.push('<div style="');
-        html.push('background-image:url(' + source + ');');
-        html.push('background-repeat:no-repeat;');
+        html.push("background-image:url(" + source + ");");
+        html.push("background-repeat:no-repeat;");
 
-        if (imageInfo.imageWidth && imageInfo.imageHeight)
-        {
+        if (imageInfo.imageWidth && imageInfo.imageHeight) {
           html.push(
-            ';width:' +
-            imageInfo.imageWidth +
-            'px' +
-            ';height:' +
-            imageInfo.imageHeight +
-            'px');
+            ";width:" +
+              imageInfo.imageWidth +
+              "px" +
+              ";height:" +
+              imageInfo.imageHeight +
+              "px"
+          );
         }
 
         var tooltip = imageInfo.tooltip;
 
-        if (tooltip != null)
-        {
+        if (tooltip != null) {
           html.push('" title="' + tooltip);
         }
 
         html.push('">&nbsp;</div>');
       }
 
-      if (imageInfo.position)
-      {
-        html.push('</div>');
+      if (imageInfo.position) {
+        html.push("</div>");
       }
 
       return html.join("");
     },
 
-
     /**
      * Add the indentation for this node of the tree.
      *
@@ -381,8 +345,7 @@ qx.Class.define("qx.ui.treevirtual.SimpleTreeDataCellRenderer",
      *   the indentation, and a 'pos' member which is the starting position
      *   plus the width of the indentation.
      */
-    _addIndentation : function(cellInfo, pos)
-    {
+    _addIndentation(cellInfo, pos) {
       var node = cellInfo.value;
       var imageData;
       var html = "";
@@ -393,35 +356,37 @@ qx.Class.define("qx.ui.treevirtual.SimpleTreeDataCellRenderer",
       var bExcludeFirstLevelTreeLines = this.getExcludeFirstLevelTreeLines();
       var bAlwaysShowOpenCloseSymbol = this.getAlwaysShowOpenCloseSymbol();
 
-      for (var i=0; i<node.level; i++)
-      {
-        imageData = this._getIndentSymbol(i, node, bUseTreeLines,
-                                          bAlwaysShowOpenCloseSymbol,
-                                          bExcludeFirstLevelTreeLines);
+      for (var i = 0; i < node.level; i++) {
+        imageData = this._getIndentSymbol(
+          i,
+          node,
+          bUseTreeLines,
+          bAlwaysShowOpenCloseSymbol,
+          bExcludeFirstLevelTreeLines
+        );
 
         var rowHeight = cellInfo.table.getRowHeight();
 
-        html += this._addImage(
-        {
-          url         : imageData.icon,
-          position    :
-          {
-            top         : 0 + (imageData.paddingTop || 0),
-            left        : pos + (imageData.paddingLeft || 0),
-            width       : rowHeight + 3,
-            height      : rowHeight
+        html += this._addImage({
+          url: imageData.icon,
+          position: {
+            top: 0 + (imageData.paddingTop || 0),
+            left: pos + (imageData.paddingLeft || 0),
+            width: rowHeight + 3,
+            height: rowHeight
           },
-          imageWidth  : rowHeight,
-          imageHeight : rowHeight
+
+          imageWidth: rowHeight,
+          imageHeight: rowHeight
         });
+
         pos += rowHeight + 3;
       }
 
-      return (
-        {
-          html : html,
-          pos  : pos
-        });
+      return {
+        html: html,
+        pos: pos
+      };
     },
 
     /**
@@ -439,22 +404,17 @@ qx.Class.define("qx.ui.treevirtual.SimpleTreeDataCellRenderer",
      *   the icon, and a 'pos' member which is the starting position plus the
      *   width of the icon.
      */
-    _addIcon : function(cellInfo, pos)
-    {
+    _addIcon(cellInfo, pos) {
       var node = cellInfo.value;
 
       // Add the node's icon
-      var imageUrl = (node.bSelected ? node.iconSelected : node.icon);
+      var imageUrl = node.bSelected ? node.iconSelected : node.icon;
 
-      if (!imageUrl)
-      {
-        if (node.type == qx.ui.treevirtual.SimpleTreeDataModel.Type.LEAF)
-        {
+      if (!imageUrl) {
+        if (node.type == qx.ui.treevirtual.SimpleTreeDataModel.Type.LEAF) {
           var o = this.__tm.styleFrom("treevirtual-file");
-        }
-        else
-        {
-          var states = { opened : node.bOpened };
+        } else {
+          var states = { opened: node.bOpened };
           var o = this.__tm.styleFrom("treevirtual-folder", states);
         }
 
@@ -463,25 +423,23 @@ qx.Class.define("qx.ui.treevirtual.SimpleTreeDataCellRenderer",
 
       var rowHeight = cellInfo.table.getRowHeight();
 
-      var html = this._addImage(
-      {
-        url         : imageUrl,
-        position    :
-        {
-          top         : 0,
-          left        : pos,
-          width       : rowHeight + 3,
-          height      : rowHeight
+      var html = this._addImage({
+        url: imageUrl,
+        position: {
+          top: 0,
+          left: pos,
+          width: rowHeight + 3,
+          height: rowHeight
         },
-        imageWidth  : rowHeight,
-        imageHeight : rowHeight
+
+        imageWidth: rowHeight,
+        imageHeight: rowHeight
       });
 
-      return (
-        {
-          html : html,
-          pos  : pos + rowHeight + 3
-        });
+      return {
+        html: html,
+        pos: pos + rowHeight + 3
+      };
     },
 
     /**
@@ -500,8 +458,7 @@ qx.Class.define("qx.ui.treevirtual.SimpleTreeDataCellRenderer",
      * @return {String}
      *   The html for the label.
      */
-    _addLabel : function(cellInfo, pos)
-    {
+    _addLabel(cellInfo, pos) {
       var node = cellInfo.value;
       var label = node.label;
 
@@ -517,16 +474,20 @@ qx.Class.define("qx.ui.treevirtual.SimpleTreeDataCellRenderer",
       // 2 pixels between the folder icon and the label
       var html =
         '<div style="position:absolute;' +
-        'left:' + pos + 'px;' +
-        'top:0;' +
+        "left:" +
+        pos +
+        "px;" +
+        "top:0;" +
         (node.labelStyle ? node.labelStyle + ";" : "") +
         '">' +
-        '<span' + (cellInfo.labelSpanStyle
-                   ? 'style="' + cellInfo.labelSpanStyle + ';"'
-                   : "") + '>' +
+        "<span" +
+        (cellInfo.labelSpanStyle
+          ? 'style="' + cellInfo.labelSpanStyle + ';"'
+          : "") +
+        ">" +
         label +
-        '</span>' +
-        '</div>';
+        "</span>" +
+        "</div>";
 
       return html;
     },
@@ -546,9 +507,8 @@ qx.Class.define("qx.ui.treevirtual.SimpleTreeDataCellRenderer",
      *   the indentation, and a 'pos' member which is the starting position
      *   plus the width of the indentation.
      */
-    _addExtraContentBeforeIndentation : function(cellInfo, pos)
-    {
-      return { html: '', pos: pos };
+    _addExtraContentBeforeIndentation(cellInfo, pos) {
+      return { html: "", pos: pos };
     },
 
     /**
@@ -566,9 +526,8 @@ qx.Class.define("qx.ui.treevirtual.SimpleTreeDataCellRenderer",
      *   the indentation, and a 'pos' member which is the starting position
      *   plus the width of the indentation.
      */
-    _addExtraContentBeforeIcon : function(cellInfo, pos)
-    {
-      return { html: '', pos: pos };
+    _addExtraContentBeforeIcon(cellInfo, pos) {
+      return { html: "", pos: pos };
     },
 
     /**
@@ -586,12 +545,10 @@ qx.Class.define("qx.ui.treevirtual.SimpleTreeDataCellRenderer",
      *   the indentation, and a 'pos' member which is the starting position
      *   plus the width of the indentation.
      */
-    _addExtraContentBeforeLabel : function(cellInfo, pos)
-    {
-      return { html: '', pos: pos };
+    _addExtraContentBeforeLabel(cellInfo, pos) {
+      return { html: "", pos: pos };
     },
 
-
     /**
      * Determine the symbol to use for indentation of a tree row, at a
      * particular column.  The indentation to use may be just white space or
@@ -622,126 +579,112 @@ qx.Class.define("qx.ui.treevirtual.SimpleTreeDataCellRenderer",
      *
      * @return {Map} map of image properties.
      */
-    _getIndentSymbol : function(column,
-                                node,
-                                bUseTreeLines,
-                                bAlwaysShowOpenCloseSymbol,
-                                bExcludeFirstLevelTreeLines)
-    {
+    _getIndentSymbol(
+      column,
+      node,
+      bUseTreeLines,
+      bAlwaysShowOpenCloseSymbol,
+      bExcludeFirstLevelTreeLines
+    ) {
       var STDCR = qx.ui.treevirtual.SimpleTreeDataCellRenderer;
 
       // If we're in column 0 and excludeFirstLevelTreeLines is enabled, then
       // we treat this as if no tree lines were requested.
-      if (column == 0 && bExcludeFirstLevelTreeLines)
-      {
+      if (column == 0 && bExcludeFirstLevelTreeLines) {
         bUseTreeLines = false;
       }
 
       // If we're not on the final column...
-      if (column < node.level - 1)
-      {
+      if (column < node.level - 1) {
         // then return either a line or a blank icon, depending on
         // bUseTreeLines
-        return (bUseTreeLines && ! node.lastChild[column]
-                ? STDCR.__icon.line
-                : { icon : this.BLANK });
+        return bUseTreeLines && !node.lastChild[column]
+          ? STDCR.__icon.line
+          : { icon: this.BLANK };
       }
 
       var bLastChild = node.lastChild[node.lastChild.length - 1];
 
       // Is this a branch node that does not have the open/close button hidden?
-      if (node.type == qx.ui.treevirtual.SimpleTreeDataModel.Type.BRANCH &&
-          ! node.bHideOpenClose)
-      {
+      if (
+        node.type == qx.ui.treevirtual.SimpleTreeDataModel.Type.BRANCH &&
+        !node.bHideOpenClose
+      ) {
         // Does this node have any children, or do we always want the
         // open/close symbol to be shown?
-        if (node.children.length > 0 || bAlwaysShowOpenCloseSymbol)
-        {
+        if (node.children.length > 0 || bAlwaysShowOpenCloseSymbol) {
           // If we're not showing tree lines...
-          if (!bUseTreeLines)
-          {
+          if (!bUseTreeLines) {
             // ... then just use an expand or contract
-            return (node.bOpened
-                    ? STDCR.__icon.contract
-                    : STDCR.__icon.expand);
+            return node.bOpened ? STDCR.__icon.contract : STDCR.__icon.expand;
           }
 
           // Are we looking at a top-level, first child of its parent?
-          if (column == 0 && node.bFirstChild)
-          {
+          if (column == 0 && node.bFirstChild) {
             // Yup.  If it's also a last child...
-            if (bLastChild)
-            {
+            if (bLastChild) {
               // ... then use no tree lines.
-              return (node.bOpened
-                      ? STDCR.__icon.onlyContract
-                      : STDCR.__icon.onlyExpand);
-            }
-            else
-            {
+              return node.bOpened
+                ? STDCR.__icon.onlyContract
+                : STDCR.__icon.onlyExpand;
+            } else {
               // otherwise, use descender lines but no ascender.
-              return (node.bOpened
-                      ? STDCR.__icon.startContract
-                      : STDCR.__icon.startExpand);
+              return node.bOpened
+                ? STDCR.__icon.startContract
+                : STDCR.__icon.startExpand;
             }
           }
 
           // It's not a top-level, first child.  Is this the last child of its
           // parent?
-          if (bLastChild)
-          {
+          if (bLastChild) {
             // Yup.  Return an ending expand or contract.
-            return (node.bOpened
-                    ? STDCR.__icon.endContract
-                    : STDCR.__icon.endExpand);
+            return node.bOpened
+              ? STDCR.__icon.endContract
+              : STDCR.__icon.endExpand;
           }
 
           // Otherwise, return a crossing expand or contract.
-          return (node.bOpened
-                  ? STDCR.__icon.crossContract
-                  : STDCR.__icon.crossExpand);
+          return node.bOpened
+            ? STDCR.__icon.crossContract
+            : STDCR.__icon.crossExpand;
         }
       }
 
       // This node does not have any children.  Return an end or cross, if
       // we're using tree lines.
-      if (bUseTreeLines)
-      {
+      if (bUseTreeLines) {
         // If this is a child of the root node...
-        if (node.parentNodeId == 0)
-        {
+        if (node.parentNodeId == 0) {
           // If this is the only child...
-          if (bLastChild && node.bFirstChild)
-          {
+          if (bLastChild && node.bFirstChild) {
             // ... then return a blank.
-            return { icon : this.BLANK };
+            return { icon: this.BLANK };
           }
 
           // Otherwise, if this is the last child...
-          if (bLastChild)
-          {
+          if (bLastChild) {
             // ... then return an end line.
             return STDCR.__icon.end;
           }
 
           // Otherwise if this is the first child and is a branch...
-          if (node.bFirstChild &&
-              node.type == qx.ui.treevirtual.SimpleTreeDataModel.Type.BRANCH)
-          {
+          if (
+            node.bFirstChild &&
+            node.type == qx.ui.treevirtual.SimpleTreeDataModel.Type.BRANCH
+          ) {
             // ... then return a start line.
-            return (node.bOpened
-                    ? STDCR.__icon.startContract
-                    : STDCR.__icon.startExpand);
+            return node.bOpened
+              ? STDCR.__icon.startContract
+              : STDCR.__icon.startExpand;
           }
         }
 
         // If this is a last child, return and ending line; otherwise cross.
-        return (bLastChild
-                ? STDCR.__icon.end
-                : STDCR.__icon.cross);
+        return bLastChild ? STDCR.__icon.end : STDCR.__icon.cross;
       }
 
-      return { icon : this.BLANK };
+      return { icon: this.BLANK };
     },
 
     /**
@@ -756,7 +699,7 @@ qx.Class.define("qx.ui.treevirtual.SimpleTreeDataCellRenderer",
      *
      * @return {Object} Position of the Open/Close Button
      */
-    getOpenCloseButtonPosition: function(table, node) {
+    getOpenCloseButtonPosition(table, node) {
       var padding = 2;
       var width = table.getRowHeight() + 3;
       return {
@@ -768,7 +711,7 @@ qx.Class.define("qx.ui.treevirtual.SimpleTreeDataCellRenderer",
     }
   },
 
-  destruct : function() {
+  destruct() {
     this.__am = this.__rm = this.__tm = null;
   }
 });