@qooxdoo/framework 7.0.0-beta.6 → 7.0.0

package/source/class/qx/ui/website/Widget.js

@@ -29,12 +29,11 @@
  * @group (Widget)
  */
 qx.Bootstrap.define("qx.ui.website.Widget", {
-  extend : qxWeb,
-  
-  implement: [ qx.core.IDisposable ],
+  extend: qxWeb,
 
-  statics : {
+  implement: [qx.core.IDisposable],
 
+  statics: {
     /**
      * Factory method for the widget which converts a standard
      * collection into a collection of widgets.
@@ -43,13 +42,12 @@ qx.Bootstrap.define("qx.ui.website.Widget", {
      *
      * @attach {qxWeb}
      */
-    widget : function() {
+    widget() {
       var widget = new qx.ui.website.Widget(this);
       widget.init();
       return widget;
     },
 
-
     /**
      * Creates a new collection from the given argument. This can either be an
      * HTML string, a single DOM element or an array of elements
@@ -57,11 +55,10 @@ qx.Bootstrap.define("qx.ui.website.Widget", {
      * @param html {String|Element[]} HTML string or DOM element(s)
      * @return {qxWeb} Collection of elements
      */
-    create : function(html) {
+    create(html) {
       return new qx.ui.website.Widget(qxWeb.create(html));
     },
 
-
     /**
      * Fetches elements with a data attribute named <code>data-qx-class</code>
      * containing the class name of the desired widget and initializes them as
@@ -71,17 +68,16 @@ qx.Bootstrap.define("qx.ui.website.Widget", {
      * restrict the list of elements
      * @attachStatic {qxWeb}
      */
-    initWidgets : function(selector) {
+    initWidgets(selector) {
       var elements = qxWeb("*[data-qx-class]");
       if (selector) {
         elements = elements.filter(selector);
       }
-      elements._forEachElementWrapped(function(widget) {
+      elements._forEachElementWrapped(function (widget) {
         widget.init();
       });
     },
 
-
     /**
      * Returns a wrapper Array that maps the widget API available on
      * the first item in the current collection to all items in the
@@ -90,8 +86,10 @@ qx.Bootstrap.define("qx.ui.website.Widget", {
      * @attach {qxWeb}
      * @return {qxWeb[]} Collection of widgets
      */
-    toWidgetCollection: function() {
-      var args = this.toArray().map(function(el) { return qxWeb(el); });
+    toWidgetCollection() {
+      var args = this.toArray().map(function (el) {
+        return qxWeb(el);
+      });
 
       // Set the context for the 'bind' call (will be replaced by new)
       Array.prototype.unshift.call(args, null);
@@ -102,26 +100,26 @@ qx.Bootstrap.define("qx.ui.website.Widget", {
     }
   },
 
-
-  construct : function(selector, context) {
-    var col = this.base(arguments, selector, context);
+  construct(selector, context) {
+    var col = super(selector, context);
     if (col.length > 1) {
       throw new Error("The collection must not contain more than one element.");
     }
-    Array.prototype.push.apply(this, Array.prototype.slice.call(col, 0, col.length));
+    Array.prototype.push.apply(
+      this,
+      Array.prototype.slice.call(col, 0, col.length)
+    );
   },
 
-
-  members : {
-    __cssPrefix : null,
-
+  members: {
+    __cssPrefix: null,
 
     /**
      * Responsible for initializing of the widget. This checks for the data attribute
      * named <code>data-qx-class</code> and initializes the widget if necessary.
      * @return {Boolean} <code>true</code> if the widget has been initialized
      */
-    init : function() {
+    init() {
       if (this.getProperty("$$qx-widget-initialized")) {
         return false;
       }
@@ -129,20 +127,19 @@ qx.Bootstrap.define("qx.ui.website.Widget", {
       this.addClass("qx-widget");
       this.addClass(this.getCssPrefix());
       this.setProperty("$$qx-widget-initialized", true);
-      if(this[0]) {
+      if (this[0]) {
         this[0].$widget = this;
       }
       return true;
     },
 
-
     /**
      * Return the proper CSS prefix for the current widget. This prefix is
      * based on the current classname.
      *
      * @return {String} The CSS prefix for the current object.
      */
-    getCssPrefix : function() {
+    getCssPrefix() {
       if (!this.__cssPrefix) {
         var split = this.classname.split(".");
         this.__cssPrefix = "qx-" + split[split.length - 1].toLowerCase();
@@ -150,7 +147,6 @@ qx.Bootstrap.define("qx.ui.website.Widget", {
       return this.__cssPrefix;
     },
 
-
     /**
      * Changes the enabled state of the current collection, which means all
      * widgets in the collection. This sets the disabled attribute on the
@@ -159,23 +155,21 @@ qx.Bootstrap.define("qx.ui.website.Widget", {
      * @param value {Boolean} The enabled value.
      * @return {qx.ui.website.Widget} The collection for chaining
      */
-    setEnabled : function(value) {
+    setEnabled(value) {
       this.setAttribute("disabled", !value);
       this.find("*").setAttribute("disabled", !value);
       return this;
     },
 
-
     /**
      * Returns weather the first widget in the collection is enabled or not.
      *
      * @return {Boolean} The enabled state of the collection.
      */
-    getEnabled : function() {
+    getEnabled() {
       return !this.getAttribute("disabled");
     },
 
-
     /**
      * Setter for the widget-specific templates. The available templates can
      * be found in the documentation of the corresponding widget. The templates
@@ -190,11 +184,10 @@ qx.Bootstrap.define("qx.ui.website.Widget", {
      *
      * @return {qx.ui.website.Widget} The widget instance for chaining.
      */
-    setTemplate : function(name, template) {
+    setTemplate(name, template) {
       return this._setData("templates", name, template);
     },
 
-
     /**
      * Setter for the widget-specific config. The available config settings can
      * be found in the documentation of the corresponding widget. Each config
@@ -208,11 +201,10 @@ qx.Bootstrap.define("qx.ui.website.Widget", {
      * @param config {var} The value of the config setting.
      * @return {qx.ui.website.Widget} The widget instance for chaining.
      */
-    setConfig : function(name, config) {
+    setConfig(name, config) {
       return this._setData("config", name, config);
     },
 
-
     /**
      * Helper to set either config or template values.
      *
@@ -221,7 +213,7 @@ qx.Bootstrap.define("qx.ui.website.Widget", {
      * @param data {var} The data to store.
      * @return {qx.ui.website.Widget} The widget instance for chaining.
      */
-    _setData : function(type, name, data) {
+    _setData(type, name, data) {
       if (!this["$$storage_" + type]) {
         this["$$storage_" + type] = {};
       }
@@ -230,7 +222,6 @@ qx.Bootstrap.define("qx.ui.website.Widget", {
       return this;
     },
 
-
     /**
      * Returns the used template. This includes custom templates
      * as the default templates defined by the widgets.
@@ -238,11 +229,10 @@ qx.Bootstrap.define("qx.ui.website.Widget", {
      * @param name {String} The name of the template.
      * @return {String} The template string or <code>undefined</code>.
      */
-    getTemplate : function(name) {
+    getTemplate(name) {
       return this._getData("templates", name);
     },
 
-
     /**
      * Returns the config setting currently in use for the given widget.
      * This can either be the user set config value, the value set in
@@ -252,11 +242,10 @@ qx.Bootstrap.define("qx.ui.website.Widget", {
      * @param name {String} The name of the config.
      * @return {var} The value of the config or <code>undefined</code>.
      */
-    getConfig : function(name) {
+    getConfig(name) {
       return this._getData("config", name);
     },
 
-
     /**
      * Internal helper for querying the values for templates and configs. In the
      * case of a config value, the method also reads the corresponding data-attribute
@@ -266,7 +255,7 @@ qx.Bootstrap.define("qx.ui.website.Widget", {
      * @param name {String} The name for the value to fetch.
      * @return {var} The value store for the given arguments.
      */
-    _getData : function(type, name) {
+    _getData(type, name) {
       var storage = this["$$storage_" + type];
       var item;
 
@@ -275,8 +264,8 @@ qx.Bootstrap.define("qx.ui.website.Widget", {
       }
 
       if (item === undefined && type == "config") {
-        var attribName = "qx" + qxWeb.string.firstUp(type) +
-          qxWeb.string.firstUp(name);
+        var attribName =
+          "qx" + qxWeb.string.firstUp(type) + qxWeb.string.firstUp(name);
         item = this.getData(attribName);
 
         // not defined HTML attributes result in 'null' values
@@ -286,7 +275,7 @@ qx.Bootstrap.define("qx.ui.website.Widget", {
 
         try {
           item = JSON.parse(item);
-        } catch(e) {}
+        } catch (e) {}
       }
 
       if (item === undefined && this.constructor["_" + type]) {
@@ -296,7 +285,6 @@ qx.Bootstrap.define("qx.ui.website.Widget", {
       return item;
     },
 
-
     /**
      * The render method is responsible for applying changed config
      * and template settings. This method is usually overridden and specified
@@ -304,19 +292,18 @@ qx.Bootstrap.define("qx.ui.website.Widget", {
      *
      * @return {qx.ui.website.Widget} The widget collection for chaining.
      */
-    render : function() {
+    render() {
       // empty method
       return this;
     },
 
-
     /**
      * Dispose the widget, making sure all objects are ready for
      * garbage collection. This mainly means deleting connections to the
      * DOM including event listeners.
      * @return {qxWeb} Plain qxWeb collection
      */
-    dispose : function() {
+    dispose() {
       this.removeAttribute("data-qx-class");
       this.setProperty("config", undefined);
       this.setProperty("templates", undefined);
@@ -336,14 +323,14 @@ qx.Bootstrap.define("qx.ui.website.Widget", {
     }
   },
 
-
-  defer : function(statics) {
+  defer(statics) {
     qxWeb.$attach({
       widget: statics.widget,
-      toWidgetCollection : statics.toWidgetCollection
+      toWidgetCollection: statics.toWidgetCollection
     });
+
     qxWeb.$attachStatic({
-      initWidgets : statics.initWidgets
+      initWidgets: statics.initWidgets
     });
   }
 });

package/source/class/qx/ui/window/Desktop.js

@@ -21,31 +21,33 @@
  * used to define a clipping region for internal windows e.g. to create
  * an MDI like application.
  */
-qx.Class.define("qx.ui.window.Desktop",
-{
-  extend : qx.ui.core.Widget,
+qx.Class.define("qx.ui.window.Desktop", {
+  extend: qx.ui.core.Widget,
 
-  include : [
+  include: [
     qx.ui.core.MChildrenHandling,
     qx.ui.window.MDesktop,
     qx.ui.core.MBlocker
   ],
 
-  implement : qx.ui.window.IDesktop,
+  implement: qx.ui.window.IDesktop,
 
   /**
    * @param windowManager {qx.ui.window.IWindowManager} The window manager to use for the desktop.
    *    If not provided, an instance of {@link qx.ui.window.Window#DEFAULT_MANAGER_CLASS} is used.
    */
-  construct : function(windowManager)
-  {
-    this.base(arguments);
-    windowManager = windowManager || new qx.ui.window.Window.DEFAULT_MANAGER_CLASS();
+  construct(windowManager) {
+    super();
+    windowManager =
+      windowManager || new qx.ui.window.Window.DEFAULT_MANAGER_CLASS();
 
     this.getContentElement().disableScrolling();
-    this._setLayout(new qx.ui.layout.Canvas().set({
-      desktop: true
-    }));
+    this._setLayout(
+      new qx.ui.layout.Canvas().set({
+        desktop: true
+      })
+    );
+
     this.setWindowManager(windowManager);
   }
 });

package/source/class/qx/ui/window/IDesktop.js

@@ -19,16 +19,14 @@
 /**
  * All parent widgets of windows must implement this interface.
  */
-qx.Interface.define("qx.ui.window.IDesktop",
-{
-  members :
-  {
+qx.Interface.define("qx.ui.window.IDesktop", {
+  members: {
     /**
      * Sets the desktop's window manager
      *
      * @param manager {qx.ui.window.IWindowManager} The window manager
      */
-    setWindowManager : function(manager) {
+    setWindowManager(manager) {
       this.assertInterface(manager, qx.ui.window.IWindowManager);
     },
 
@@ -37,7 +35,7 @@ qx.Interface.define("qx.ui.window.IDesktop",
      *
      * @return {qx.ui.window.Window[]} Array of managed windows
      */
-    getWindows : function() {},
+    getWindows() {},
 
     /**
      * Whether the configured layout supports a maximized window
@@ -45,7 +43,7 @@ qx.Interface.define("qx.ui.window.IDesktop",
      *
      * @return {Boolean} Whether the layout supports maximized windows
      */
-    supportsMaximize : function() {},
+    supportsMaximize() {},
 
     /**
      * Block direct child widgets with a zIndex below <code>zIndex</code>
@@ -53,20 +51,20 @@ qx.Interface.define("qx.ui.window.IDesktop",
      * @param zIndex {Integer} All child widgets with a zIndex below this value
      *     will be blocked
      */
-    blockContent : function(zIndex) {
+    blockContent(zIndex) {
       this.assertInteger(zIndex);
     },
 
     /**
      * Remove the blocker.
      */
-    unblock : function() {},
+    unblock() {},
 
     /**
      * Whether the widget is currently blocked
      *
      * @return {Boolean} whether the widget is blocked.
      */
-    isBlocked : function() {}
+    isBlocked() {}
   }
 });

package/source/class/qx/ui/window/IWindowManager.js

@@ -22,16 +22,14 @@
  * Window manager handle the z-order and modality blocking of windows managed
  * by the connected desktop {@link qx.ui.window.IDesktop}.
  */
-qx.Interface.define("qx.ui.window.IWindowManager",
-{
-  members :
-  {
+qx.Interface.define("qx.ui.window.IWindowManager", {
+  members: {
     /**
      * Connect the window manager to the window desktop
      *
      * @param desktop {qx.ui.window.IDesktop|null} The connected desktop or null
      */
-    setDesktop : function(desktop) {
+    setDesktop(desktop) {
       if (desktop !== null) {
         this.assertInterface(desktop, qx.ui.window.IDesktop);
       }
@@ -43,19 +41,19 @@ qx.Interface.define("qx.ui.window.IWindowManager",
      * @param active {qx.ui.window.Window} new active window
      * @param oldActive {qx.ui.window.Window} old active window
      */
-    changeActiveWindow : function(active, oldActive) {},
+    changeActiveWindow(active, oldActive) {},
 
     /**
      * Update the window order and modality blocker
      */
-    updateStack : function() {},
+    updateStack() {},
 
     /**
      * Ask the manager to bring a window to the front.
      *
      * @param win {qx.ui.window.Window} window to bring to front
      */
-    bringToFront : function(win) {
+    bringToFront(win) {
       this.assertInstance(win, qx.ui.window.Window);
     },
 
@@ -64,7 +62,7 @@ qx.Interface.define("qx.ui.window.IWindowManager",
      *
      * @param win {qx.ui.window.Window} window to sent to back
      */
-    sendToBack : function(win) {
+    sendToBack(win) {
       this.assertInstance(win, qx.ui.window.Window);
     }
   }