1 files changed, 400 insertions, 0 deletions
diff --git a/webapps/qooxdoo-0.6.3-sdk/frontend/framework/source/class/qx/ui/embed/GalleryList.js b/webapps/qooxdoo-0.6.3-sdk/frontend/framework/source/class/qx/ui/embed/GalleryList.js
new file mode 100644
index 0000000000..c95b014f6d
--- /dev/null
+++ b/webapps/qooxdoo-0.6.3-sdk/frontend/framework/source/class/qx/ui/embed/GalleryList.js
@@ -0,0 +1,400 @@
+/* ************************************************************************
+
+   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)
+
+************************************************************************ */
+
+/* ************************************************************************
+
+
+************************************************************************ */
+
+/**
+ * @event loadComplete {qx.event.type.Event}
+ */
+qx.OO.defineClass("qx.ui.embed.GalleryList", qx.ui.basic.Terminator,
+function(galleryList)
+{
+  qx.ui.basic.Terminator.call(this);
+
+  this._blank = qx.manager.object.AliasManager.getInstance().resolvePath("static/image/blank.gif");
+  this._list = galleryList;
+  this._listSize = galleryList.length;
+  this._processedImages = 0;
+
+  this.setOverflow("auto");
+
+  this.setHtmlProperty("className", "qx_ui_embed_GalleryList");
+
+  this._manager = new qx.manager.selection.DomSelectionManager(this);
+
+  this.addEventListener("mousedown", this._onmousedown);
+  this.addEventListener("mouseup", this._onmouseup);
+  this.addEventListener("click", this._onclick);
+  this.addEventListener("dblclick", this._ondblclick);
+  this.addEventListener("keypress", this._onkeypress);
+});
+
+qx.OO.addProperty({ name : "thumbMaxWidth", type : "number", defaultValue : 60 });
+qx.OO.addProperty({ name : "thumbMaxHeight", type : "number", defaultValue : 60 });
+qx.OO.addProperty({ name : "decorHeight", type : "number", defaultValue : 40 });
+
+
+
+
+
+/*
+---------------------------------------------------------------------------
+  ELEMENT HANDLING
+---------------------------------------------------------------------------
+*/
+
+qx.Proto._applyElementData = function() {
+  this.getElement().appendChild(this.createView());
+}
+
+
+
+/*
+---------------------------------------------------------------------------
+  UTILITIES
+---------------------------------------------------------------------------
+*/
+
+qx.Proto.getManager = function() {
+  return this._manager;
+}
+
+
+qx.Proto.update = function(vGalleryList)
+{
+  this._manager.deselectAll();
+
+  this._list = vGalleryList;
+
+  var el = this.getElement();
+  el.replaceChild(this.createView(), el.firstChild);
+}
+
+
+qx.Proto.removeAll = function()
+{
+  this._manager.deselectAll();
+  this.getElement().innerHTML = "";
+}
+
+
+/*
+---------------------------------------------------------------------------
+  EVENT HANDLER
+---------------------------------------------------------------------------
+*/
+
+qx.Proto._onmousedown = function(e)
+{
+  var vItem = this.getListItemTarget(e.getDomTarget());
+
+  if (vItem) {
+    this._manager.handleMouseDown(vItem, e);
+  }
+}
+
+qx.Proto._onmouseup = function(e)
+{
+  var vItem = this.getListItemTarget(e.getDomTarget());
+
+  if (vItem) {
+    this._manager.handleMouseUp(vItem, e);
+  }
+}
+
+qx.Proto._onclick = function(e)
+{
+  var vItem = this.getListItemTarget(e.getDomTarget());
+
+  if (vItem) {
+    this._manager.handleClick(vItem, e);
+  }
+}
+
+qx.Proto._ondblclick = function(e)
+{
+  var vItem = this.getListItemTarget(e.getDomTarget());
+
+  if (vItem) {
+    this._manager.handleDblClick(vItem, e);
+  }
+}
+
+qx.Proto._onkeypress = function(e) {
+  this._manager.handleKeyPress(e);
+}
+
+qx.Proto.getListItemTarget = function(dt)
+{
+  while(dt.className.indexOf("galleryCell") == -1 && dt.tagName.toLowerCase() != "body") {
+    dt = dt.parentNode;
+  }
+
+  if (dt.tagName.toLowerCase() == "body") {
+    return null;
+  }
+
+  return dt;
+}
+
+
+
+
+
+
+
+/*
+---------------------------------------------------------------------------
+  SCROLL INTO VIEW
+---------------------------------------------------------------------------
+*/
+
+qx.Proto.scrollItemIntoView = function(vItem)
+{
+  this.scrollItemIntoViewX(vItem);
+  this.scrollItemIntoViewY(vItem);
+}
+
+qx.Proto.scrollItemIntoViewX = function(vItem) {
+  qx.dom.ScrollIntoView.scrollX(vItem);
+}
+
+qx.Proto.scrollItemIntoViewY = function(vItem) {
+  qx.dom.ScrollIntoView.scrollY(vItem);
+}
+
+
+
+
+
+
+
+
+
+/*
+---------------------------------------------------------------------------
+  SELECTION MANAGER API
+---------------------------------------------------------------------------
+*/
+
+qx.Proto.getItems = function() {
+  return this._frame.childNodes;
+}
+
+qx.Proto.getFirstChild = function() {
+  return this._frame.childNodes[0];
+}
+
+qx.Proto.getLastChild = function() {
+  return this._frame.childNodes[this._frame.childNodes.length-1];
+}
+
+
+
+
+
+
+/*
+---------------------------------------------------------------------------
+  CREATE VIEW
+---------------------------------------------------------------------------
+*/
+
+qx.Proto.createView = function()
+{
+  var s = (new Date).valueOf();
+
+  var protoCell = this.createProtoCell(this.getThumbMaxHeight());
+  var frame = this._frame = document.createElement("div");
+
+  this._frame.className = "galleryFrame clearfix";
+
+  var cframe, cnode;
+
+  for (var i=0, a=this._list, l=a.length, d; i<l; i++)
+  {
+    d = a[i];
+
+    cframe = protoCell.cloneNode(true);
+
+    cframe.id = d.id;
+    cframe.pos = i;
+
+    cnode = cframe.childNodes[0];
+    cnode.firstChild.nodeValue = d.number;
+
+    cnode = cframe.childNodes[1].firstChild;
+    this.createImageCell(cnode, d);
+
+    cnode = cframe.childNodes[2].firstChild;
+    cnode.firstChild.nodeValue = d.title;
+
+    cnode = cframe.childNodes[2].lastChild;
+    cnode.firstChild.nodeValue = d.comment;
+
+    frame.appendChild(cframe);
+  }
+
+  return frame;
+}
+
+qx.Proto._mshtml = qx.sys.Client.getInstance().isMshtml();
+
+qx.Proto.createImageCell = function(inode, d)
+{
+  if (this.hasEventListeners("loadComplete")) {
+    inode.onload = qx.ui.embed.GalleryList.imageOnLoad;
+    inode.onerror = qx.ui.embed.GalleryList.imageOnError;
+    inode.gallery = this;
+  }
+
+  inode.width = d.thumbWidth;
+  inode.height = d.thumbHeight;
+
+  if (this._mshtml) {
+    inode.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + d.src + "',sizingMethod='scale')";
+  } else {
+    inode.src = d.src;
+  }
+
+  inode.style.marginLeft = inode.style.marginRight = Math.floor((this.getThumbMaxWidth()-d.thumbWidth)/2) + "px";
+  inode.style.marginTop = inode.style.marginBottom = Math.floor((this.getThumbMaxHeight()-d.thumbHeight)/2) + "px";
+}
+
+qx.Proto.createProtoCell = function(tHeight)
+{
+  var frame = document.createElement("div");
+  frame.className = "galleryCell";
+  frame.unselectable = "on";
+  frame.style.height = (tHeight + 2) + "px";
+
+  var number = document.createElement("div");
+  number.className = "galleryNumber";
+  number.unselectable = "on";
+  var ntext = document.createTextNode("-");
+  number.appendChild(ntext);
+
+  var imageContainer = document.createElement("div");
+  imageContainer.className = "galleryImageContainer";
+  imageContainer.unselectable = "on";
+
+  var image = new Image();
+  image.src = this._blank;
+
+  imageContainer.appendChild(image);
+
+  var text = document.createElement("div");
+  text.className = "galleryText";
+  text.unselectable = "on";
+  text.style.width = (this.getWidth()-100-this.getThumbMaxWidth()) + "px";
+
+  var title = document.createElement("h3");
+  var ttext = document.createTextNode("-");
+  title.appendChild(ttext);
+  title.unselectable = "on";
+  text.appendChild(title);
+
+  var comment = document.createElement("p");
+  var ctext = document.createTextNode("-");
+  comment.appendChild(ctext);
+  comment.unselectable = "on";
+  text.appendChild(comment);
+
+
+  frame.appendChild(number);
+  frame.appendChild(imageContainer);
+  frame.appendChild(text);
+
+  return frame;
+}
+
+
+
+
+
+
+
+/*
+---------------------------------------------------------------------------
+  PRELOADING
+---------------------------------------------------------------------------
+*/
+
+qx.Proto.imageOnComplete = function()
+{
+  this._processedImages++;
+
+  if(this._processedImages == this._listSize) {
+    this.dispatchEvent(new qx.event.type.Event("loadComplete"), true);
+  }
+}
+
+qx.ui.embed.GalleryList.imageOnLoad = function()
+{
+  this.gallery.imageOnComplete();
+  this.gallery = null;
+  this.onload = null;
+  this.onerror = null;
+}
+
+qx.ui.embed.GalleryList.imageOnError = function()
+{
+  this.gallery.imageOnComplete();
+  this.gallery = null;
+  this.onload = null;
+  this.onerror = null;
+}
+
+
+
+
+
+
+
+/*
+---------------------------------------------------------------------------
+  DISPOSER
+---------------------------------------------------------------------------
+*/
+
+qx.Proto.dispose = function()
+{
+  if (this.getDisposed()) {
+    return true;
+  }
+
+  this._list = null;
+  this._frame = null;
+
+  if (this._manager)
+  {
+    this._manager.dispose();
+    this._manager = null;
+  }
+
+  this.removeEventListener("mousedown", this._onmousedown);
+  this.removeEventListener("mouseup", this._onmouseup);
+  this.removeEventListener("click", this._onclick);
+  this.removeEventListener("dblclick", this._ondblclick);
+  this.removeEventListener("keydown", this._onkeydown);
+
+  return qx.ui.basic.Terminator.prototype.dispose.call(this);
+}