diff options
Diffstat (limited to 'webapps/qooxdoo-0.6.3-sdk/frontend/framework/source/class/qx/ui/embed/GalleryList.js')
-rw-r--r-- | webapps/qooxdoo-0.6.3-sdk/frontend/framework/source/class/qx/ui/embed/GalleryList.js | 400 |
1 files changed, 0 insertions, 400 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 deleted file mode 100644 index c95b014f6d..0000000000 --- a/webapps/qooxdoo-0.6.3-sdk/frontend/framework/source/class/qx/ui/embed/GalleryList.js +++ /dev/null @@ -1,400 +0,0 @@ -/* ************************************************************************ - - 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); -} |