r20414: Start to make SWAT usable by others. This is just a start...

(This used to be commit 26a34037a7ca6fbd05c5a6f7c2d5973e34bc6918)

1 files changed, 826 insertions, 0 deletions

diff --git a/webapps/qooxdoo-0.6.3-sdk/frontend/framework/source/class/qx/ui/form/ComboBox.js b/webapps/qooxdoo-0.6.3-sdk/frontend/framework/source/class/qx/ui/form/ComboBox.js
new file mode 100644
index 0000000000..ad73ccbf1c
--- /dev/null
+++ b/webapps/qooxdoo-0.6.3-sdk/frontend/framework/source/class/qx/ui/form/ComboBox.js
@@ -0,0 +1,826 @@
+/* ************************************************************************
+
+   qooxdoo - the new era of web development
+
+   http://qooxdoo.org
+
+   Copyright:
+     2004-2006 by 1&1 Internet AG, Germany, http://www.1and1.org
+
+   License:
+     LGPL 2.1: http://www.gnu.org/licenses/lgpl.html
+
+   Authors:
+     * Sebastian Werner (wpbasti)
+     * Andreas Ecker (ecker)
+
+************************************************************************ */
+
+/* ************************************************************************
+
+#module(ui_form)
+
+************************************************************************ */
+
+/**
+ * A combo-box for qooxdoo.
+ *
+ * The major additional feature compared to typical select fields is that it allows
+ * it to be editable. Also images are supported inside the popup list.
+ *
+ * Features:
+ * <ul>
+ * <li>Editable text field</li>
+ * <li>Complete key-navigation</li>
+ * <li>Images inside the list</li>
+ * <li>Images and text inside the list</li>
+ * </ul>
+ *
+ * @event beforeInitialOpen {qx.event.type.Event}
+ */
+qx.OO.defineClass("qx.ui.form.ComboBox", qx.ui.layout.HorizontalBoxLayout,
+function()
+{
+  qx.ui.layout.HorizontalBoxLayout.call(this);
+
+
+  // ************************************************************************
+  //   LIST
+  // ************************************************************************
+  var l = this._list = new qx.ui.form.List;
+
+  l.setAppearance("combo-box-list");
+
+
+  // ************************************************************************
+  //   MANAGER
+  // ************************************************************************
+  var m = this._manager = this._list.getManager();
+
+  m.setMultiSelection(false);
+  m.setDragSelection(false);
+
+
+  // ************************************************************************
+  //   POPUP
+  // ************************************************************************
+  var p = this._popup = new qx.ui.popup.Popup;
+
+  p.setAppearance("combo-box-popup");
+  p.setAutoHide(false);
+
+  p.add(l);
+
+
+  // ************************************************************************
+  //   TEXTFIELD
+  // ************************************************************************
+  var f = this._field = new qx.ui.form.TextField;
+
+  f.setAppearance("combo-box-text-field");
+  f.setTabIndex(-1);
+
+  this.add(f);
+
+
+  // ************************************************************************
+  //   BUTTON
+  // ************************************************************************
+
+  // Use qx.ui.basic.Atom instead of qx.ui.form.Button here to omit the registration
+  // of the unneeded and complex button events.
+  var b = this._button = new qx.ui.basic.Atom(null, "widget/arrows/down.gif");
+
+  b.setAppearance("combo-box-button");
+  b.setTabIndex(-1);
+
+  this.add(b);
+
+
+  // ************************************************************************
+  //   BEHAVIOR
+  // ************************************************************************
+  this.setTabIndex(1);
+  this.setEditable(false);
+
+
+  // ************************************************************************
+  //   WIDGET MOUSE EVENTS
+  // ************************************************************************
+  this.addEventListener("mousedown", this._onmousedown);
+  this.addEventListener("mouseup", this._onmouseup);
+  this.addEventListener("mouseover", this._onmouseover);
+  this.addEventListener("mousewheel", this._onmousewheel);
+
+
+  // ************************************************************************
+  //   WIDGET KEY EVENTS
+  // ************************************************************************
+  this.addEventListener("keydown", this._onkeydown);
+  this.addEventListener("keypress", this._onkeypress);
+  this.addEventListener("keyinput", this._onkeyinput);
+
+
+  // ************************************************************************
+  //   WIDGET STATE EVENTS
+  // ************************************************************************
+  this.addEventListener("beforeDisappear", this._onbeforedisappear);
+
+
+  // ************************************************************************
+  //   CHILDREN EVENTS
+  // ************************************************************************
+  this._popup.addEventListener("appear", this._onpopupappear, this);
+  this._field.addEventListener("input", this._oninput, this);
+
+
+  // ************************************************************************
+  //   DOCUMENT EVENTS
+  // ************************************************************************
+  var vDoc = qx.ui.core.ClientDocument.getInstance();
+  vDoc.addEventListener("windowblur", this._onwindowblur, this);
+
+
+  // ************************************************************************
+  //   REMAPPING
+  // ************************************************************************
+  this.remapChildrenHandlingTo(l);
+});
+
+
+
+/*
+---------------------------------------------------------------------------
+  PROPERTIES
+---------------------------------------------------------------------------
+*/
+
+qx.OO.changeProperty({ name : "appearance", type : "string", defaultValue : "combo-box" });
+
+qx.OO.addProperty({ name: "editable", type: "boolean", getAlias: "isEditable" });
+qx.OO.addProperty({ name: "selected", type: "object", instance : "qx.ui.form.ListItem" });
+qx.OO.addProperty({ name: "value", type : "string" });
+qx.OO.addProperty({ name: "pagingInterval", type: "number", defaultValue: 10 });
+
+
+
+
+/*
+---------------------------------------------------------------------------
+  UTILITIES
+---------------------------------------------------------------------------
+*/
+
+qx.Proto.getManager = function() {
+  return this._manager;
+}
+
+qx.Proto.getPopup = function() {
+  return this._popup;
+}
+
+qx.Proto.getList = function() {
+  return this._list;
+}
+
+qx.Proto.getField = function() {
+  return this._field;
+}
+
+qx.Proto.getButton = function() {
+  return this._button;
+}
+
+
+
+
+
+
+
+/*
+---------------------------------------------------------------------------
+  MODIFIER
+---------------------------------------------------------------------------
+*/
+
+qx.Proto._modifySelected = function(propValue, propOldValue, propData)
+{
+  this._fromSelected = true;
+
+  // only do this if we called setSelected seperatly
+  // and not from the property "value".
+  if (!this._fromValue) {
+    this.setValue(propValue ? propValue.getLabel() : "");
+  }
+
+  // reset manager cache
+  this._manager.setLeadItem(propValue);
+  this._manager.setAnchorItem(propValue);
+
+  // sync to manager
+  if (propValue)
+  {
+    this._manager.setSelectedItem(propValue);
+  }
+  else
+  {
+    this._manager.deselectAll();
+  }
+
+  // reset hint
+  delete this._fromSelected;
+
+  return true;
+}
+
+qx.Proto._modifyValue = function(propValue, propOldValue, propData)
+{
+  this._fromValue = true;
+
+  // only do this if we called setValue seperatly
+  // and not from the event "input".
+  if (!this._fromInput)
+  {
+    if (this._field.getValue() == propValue) {
+      this._field.forceValue(null);
+    }
+
+    this._field.setValue(propValue);
+  }
+
+  // only do this if we called setValue seperatly
+  // and not from the property "selected".
+  if (!this._fromSelected)
+  {
+    // inform selected property
+    var vSelItem = this._list.findStringExact(propValue);
+
+    // ignore disabled items
+    if (vSelItem != null && !vSelItem.getEnabled()) {
+      vSelItem = null;
+    }
+
+    this.setSelected(vSelItem);
+  }
+
+  // reset hint
+  delete this._fromValue;
+
+  return true;
+}
+
+qx.Proto._modifyEditable = function(propValue, propOldValue, propData)
+{
+  var f = this._field;
+
+  f.setReadOnly(!propValue);
+  f.setCursor(propValue ? null : "default");
+  f.setSelectable(propValue);
+
+  return true;
+}
+
+qx.Proto._modifyEnabled = function(propValue, propOldValue, propData)
+{
+  if (this._button) {
+    this._button.setEnabled(propValue);
+  }
+
+  if (this._field) {
+    this._field.setEnabled(propValue);
+  }
+
+  return qx.ui.layout.HorizontalBoxLayout.prototype._modifyEnabled.call(this, propValue, propOldValue, propData);
+}
+
+
+
+
+
+/*
+---------------------------------------------------------------------------
+  POPUP HELPER
+---------------------------------------------------------------------------
+*/
+
+qx.Proto._oldSelected = null;
+
+qx.Proto._openPopup = function()
+{
+  var p = this._popup;
+  var el = this.getElement();
+
+  if (!p.isCreated()) {
+    this.createDispatchEvent("beforeInitialOpen");
+  }
+
+  if (this._list.getChildrenLength() == 0) {
+    return;
+  }
+
+  p.positionRelativeTo(el, 1, qx.dom.Dimension.getBoxHeight(el));
+  p.setWidth(this.getBoxWidth()-2);
+
+  p.setParent(this.getTopLevelWidget());
+  p.show();
+
+  this._oldSelected = this.getSelected();
+
+  this.setCapture(true);
+}
+
+qx.Proto._closePopup = function()
+{
+  this._popup.hide();
+  this.setCapture(false);
+}
+
+qx.Proto._testClosePopup = function()
+{
+  if (this._popup.isSeeable()) {
+    this._closePopup();
+  }
+}
+
+qx.Proto._togglePopup = function() {
+  this._popup.isSeeable() ? this._closePopup() : this._openPopup();
+}
+
+
+
+
+
+/*
+---------------------------------------------------------------------------
+  OTHER EVENT HANDLER
+---------------------------------------------------------------------------
+*/
+
+qx.Proto._onpopupappear = function(e)
+{
+  var vSelItem = this.getSelected();
+  if (vSelItem) {
+    vSelItem.scrollIntoView();
+  }
+}
+
+qx.Proto._oninput = function(e)
+{
+  // Hint for modifier
+  this._fromInput = true;
+
+  this.setValue(this._field.getComputedValue());
+
+  // be sure that the found item is in view
+  if (this.getPopup().isSeeable() && this.getSelected()) {
+    this.getSelected().scrollIntoView();
+  }
+
+  delete this._fromInput;
+}
+
+qx.Proto._onbeforedisappear = function(e)
+{
+  this._testClosePopup();
+}
+
+
+
+/*
+---------------------------------------------------------------------------
+  MOUSE EVENT HANDLER
+---------------------------------------------------------------------------
+*/
+
+qx.Proto._onmousedown = function(e)
+{
+  var vTarget = e.getTarget();
+
+  switch(vTarget)
+  {
+    case this._field:
+      if (this.getEditable()) {
+        break;
+      }
+
+      // no break here
+
+    case this._button:
+      this._button.addState("pressed");
+      this._togglePopup();
+      break;
+
+    case this:
+    case this._list:
+      break;
+
+    default:
+      if (vTarget instanceof qx.ui.form.ListItem && vTarget.getParent() == this._list)
+      {
+        this._list._onmousedown(e);
+        this.setSelected(this._list.getSelectedItem());
+
+        this._closePopup();
+        this.setFocused(true);
+      }
+      else if (this._popup.isSeeable())
+      {
+        this._popup.hide();
+        this.setCapture(false);
+      }
+  }
+}
+
+qx.Proto._onmouseup = function(e)
+{
+  switch(e.getTarget())
+  {
+    case this._field:
+      if (this.getEditable()) {
+        break;
+      }
+
+      // no break here
+
+    default:
+      this._button.removeState("pressed");
+      break;
+  }
+}
+
+qx.Proto._onmouseover = function(e)
+{
+  var vTarget = e.getTarget();
+
+  if (vTarget instanceof qx.ui.form.ListItem)
+  {
+    var vManager = this._manager;
+
+    vManager.deselectAll();
+
+    vManager.setLeadItem(vTarget);
+    vManager.setAnchorItem(vTarget);
+
+    vManager.setSelectedItem(vTarget);
+  }
+}
+
+qx.Proto._onmousewheel = function(e)
+{
+  if (!this._popup.isSeeable())
+  {
+    var toSelect;
+
+    var isSelected = this.getSelected();
+
+    if (e.getWheelDelta() < 0)
+    {
+      toSelect = isSelected ? this._manager.getNext(isSelected) : this._manager.getFirst();
+    }
+    else
+    {
+      toSelect = isSelected ? this._manager.getPrevious(isSelected) : this._manager.getLast();
+    }
+
+    if (toSelect)
+    {
+      this.setSelected(toSelect);
+    }
+  }
+  /* close the popup if the event target is not the combobox or
+   * not one of the list items of the popup list
+   */
+  else {
+    var vTarget = e.getTarget();
+
+    if (vTarget!=this && vTarget.getParent()!=this._list) {
+      this._popup.hide();
+      this.setCapture(false);
+    }
+  }
+}
+
+
+
+/*
+---------------------------------------------------------------------------
+  KEY EVENT HANDLER
+---------------------------------------------------------------------------
+*/
+
+qx.Proto._onkeydown = function(e)
+{
+  var vManager = this._manager;
+  var vVisible = this._popup.isSeeable();
+
+  switch(e.getKeyIdentifier())
+  {
+    // Handle <ENTER>
+    case "Enter":
+      if (vVisible)
+      {
+        this.setSelected(this._manager.getSelectedItem());
+        this._closePopup();
+        this.setFocused(true);
+      }
+      else
+      {
+        this._openPopup();
+      }
+
+      return;
+
+    // Handle <ESC>
+    case "Escape":
+      if (vVisible)
+      {
+        vManager.setLeadItem(this._oldSelected);
+        vManager.setAnchorItem(this._oldSelected);
+
+        vManager.setSelectedItem(this._oldSelected);
+
+        this._field.setValue(this._oldSelected ? this._oldSelected.getLabel() : "");
+
+        this._closePopup();
+        this.setFocused(true);
+      }
+
+      return;
+
+    // Handle Alt+Down
+    case "Down":
+      if (e.getAltKey())
+      {
+        this._togglePopup();
+        return;
+      }
+
+      break;
+  }
+};
+
+
+qx.Proto._onkeypress = function(e)
+{
+  var vVisible = this._popup.isSeeable();
+  var vManager = this._manager;
+
+  switch(e.getKeyIdentifier())
+  {
+    // Handle <PAGEUP>
+    case "PageUp":
+      if (!vVisible)
+      {
+        var vPrevious;
+        var vTemp = this.getSelected();
+
+        if (vTemp)
+        {
+          var vInterval = this.getPagingInterval();
+
+          do {
+            vPrevious = vTemp;
+          } while(--vInterval && (vTemp = vManager.getPrevious(vPrevious)));
+        }
+        else
+        {
+          vPrevious = vManager.getLast();
+        }
+
+        this.setSelected(vPrevious);
+
+        return;
+      }
+
+      break;
+
+    // Handle <PAGEDOWN>
+    case "PageDown":
+      if (!vVisible)
+      {
+        var vNext;
+        var vTemp = this.getSelected();
+
+        if (vTemp)
+        {
+          var vInterval = this.getPagingInterval();
+
+          do {
+            vNext = vTemp;
+          } while(--vInterval && (vTemp = vManager.getNext(vNext)));
+        }
+        else
+        {
+          vNext = vManager.getFirst();
+        }
+
+        this.setSelected(vNext);
+
+        return;
+      }
+
+      break;
+  }
+
+  // Default Handling
+  if (!this.isEditable() || vVisible)
+  {
+    this._list._onkeypress(e);
+
+    var vSelected = this._manager.getSelectedItem();
+
+    if (!vVisible)
+    {
+      this.setSelected(vSelected);
+    }
+    else if (vSelected)
+    {
+      this._field.setValue(vSelected.getLabel());
+    }
+  }
+};
+
+
+qx.Proto._onkeyinput = function(e)
+{
+  var vVisible = this._popup.isSeeable();
+  if (!this.isEditable() || vVisible)
+  {
+    this._list._onkeyinput(e);
+
+    var vSelected = this._manager.getSelectedItem();
+
+    if (!vVisible)
+    {
+      this.setSelected(vSelected);
+    }
+    else if (vSelected)
+    {
+      this._field.setValue(vSelected.getLabel());
+    }
+  }
+};
+
+
+
+/*
+---------------------------------------------------------------------------
+  GLOBAL BLUR/FOCUS HANDLER
+---------------------------------------------------------------------------
+*/
+
+qx.Proto._onwindowblur = qx.Proto._testClosePopup;
+
+
+
+
+
+
+
+/*
+---------------------------------------------------------------------------
+  FOCUS HANDLING
+---------------------------------------------------------------------------
+*/
+
+qx.Proto._visualizeBlur = function()
+{
+  // Force blur, even if mouseFocus is not active because we
+  // need to be sure that the previous focus rect gets removed.
+  // But this only needs to be done, if there is no new focused element.
+  if (qx.sys.Client.getInstance().isMshtml())
+  {
+    if (this.getEnableElementFocus() && !this.getFocusRoot().getFocusedChild())
+    {
+      try
+      {
+        if (this.getEditable())
+        {
+          this.getField().getElement().blur();
+        }
+        else
+        {
+          this.getElement().blur();
+        }
+      }
+      catch(ex) {};
+    }
+  }
+  else
+  {
+    if (this.getEnableElementFocus())
+    {
+      try
+      {
+        if (this.getEditable())
+        {
+          this.getField().getElement().blur();
+        }
+        else if (!this.getFocusRoot().getFocusedChild())
+        {
+          this.getElement().blur();
+        }
+      }
+      catch(ex) {};
+    }
+  }
+
+  this.removeState("focused");
+  return true;
+}
+
+qx.Proto._visualizeFocus = function()
+{
+  if (!qx.event.handler.FocusHandler.mouseFocus && this.getEnableElementFocus())
+  {
+    try
+    {
+      if (this.getEditable())
+      {
+        this.getField().getElement().focus();
+        this.getField()._ontabfocus();
+      }
+      else
+      {
+        this.getElement().focus();
+      }
+    }
+    catch(ex) {};
+  }
+
+  this.addState("focused");
+  return true;
+}
+
+
+
+
+
+/*
+---------------------------------------------------------------------------
+  DISPOSE
+---------------------------------------------------------------------------
+*/
+
+qx.Proto.dispose = function()
+{
+  if (this.getDisposed()) {
+    return;
+  }
+
+  // ************************************************************************
+  //   WIDGET MOUSE EVENTS
+  // ************************************************************************
+  this.removeEventListener("mousedown", this._onmousedown);
+  this.removeEventListener("mouseup", this._onmouseup);
+  this.removeEventListener("mouseover", this._onmouseover);
+  this.removeEventListener("mousewheel", this._onmousewheel);
+
+
+  // ************************************************************************
+  //   WIDGET KEY EVENTS
+  // ************************************************************************
+  this.removeEventListener("keydown", this._onkeydown);
+  this.removeEventListener("keypress", this._onkeypress);
+  this.removeEventListener("keyinput", this._onkeyinput);
+
+  // ************************************************************************
+  //   DOCUMENT EVENTS
+  // ************************************************************************
+  var vDoc = qx.ui.core.ClientDocument.getInstance();
+  vDoc.removeEventListener("windowblur", this._onwindowblur, this);
+
+  if (this._list)
+  {
+    this._list.dispose();
+    this._list = null;
+  }
+
+  if (this._manager)
+  {
+    this._manager.dispose();
+    this._manager = null;
+  }
+
+  if (this._popup)
+  {
+    this._popup.removeEventListener("appear", this._onpopupappear, this);
+    this._popup.dispose();
+    this._popup = null;
+  }
+
+  if (this._field)
+  {
+    this._field.removeEventListener("input", this._oninput, this);
+    this._field.dispose();
+    this._field = null;
+  }
+
+  if (this._button)
+  {
+    this._button.dispose();
+    this._button = null;
+  }
+
+  return qx.ui.layout.HorizontalBoxLayout.prototype.dispose.call(this);
+}