Upgrade to ExtJS 4.0.0 - Released 04/26/2011
[extjs.git] / examples / image-organizer / imgorg / ImagePanel.js
diff --git a/examples/image-organizer/imgorg/ImagePanel.js b/examples/image-organizer/imgorg/ImagePanel.js
deleted file mode 100644 (file)
index 223ec5d..0000000
+++ /dev/null
@@ -1,72 +0,0 @@
-/*!
- * Ext JS Library 3.0.0
- * Copyright(c) 2006-2009 Ext JS, LLC
- * licensing@extjs.com
- * http://www.extjs.com/license
- */
-Imgorg.ImagePanel = Ext.extend(Ext.Panel,{
-    closable: true,
-    border: false,
-    tagTpl: new Ext.XTemplate(
-        '<h3 class="image-prop-header">Tags</h3>',
-        '<tpl for=".">',
-            '<div class="image-prop">{text}</div>',
-        '</tpl>'
-    ),
-    albumTpl: new Ext.XTemplate(
-        '<h3 class="image-prop-header">Album</h3>',
-        '<tpl for=".">',
-            '<div class="image-prop">{text}</div>',
-        '</tpl>'
-    ),
-    infoTpl: new Ext.XTemplate(
-        '<h3 class="image-prop-header">File Info</h3>',
-        '<div class="image-prop">Filename: {FileName}</div>',
-        '<div class="image-prop">Size: {FileSize:fileSize}</div>',
-        '<div class="image-prop">Height: {[values["COMPUTED"].Height]}</div>',
-        '<div class="image-prop">Width: {[values["COMPUTED"].Width]}</div>'
-    ),
-    initComponent: function() {
-        Ext.apply(this,{
-            layout: 'border',
-            items: [{
-                border: false,
-                region: 'center',
-                html: '<div style="text-align:center;"><img src="'+this.url+'"/></div>',
-                autoScroll: true
-            },{
-                border: false,
-                region: 'east',
-                itemId: 'image-properties',
-                width: 250,
-                title: 'Properties',
-                collapsible: true,
-                style: 'border-left: 1px solid #99BBE8'
-            }]
-        });
-        Imgorg.ImagePanel.superclass.initComponent.call(this);
-    },
-    
-    afterRender: function() {
-        Imgorg.ImagePanel.superclass.afterRender.call(this);
-        Imgorg.ss.Images.getInfo({image: this.imageData.id}, this.onGetInfo, this);
-        Imgorg.ss.Albums.getAlbums({image: this.imageData.id}, this.onGetAlbums,this);
-        Imgorg.ss.Tags.getTags({image: this.imageData.id}, this.onGetTags, this);
-    },
-    
-    onGetInfo: function(data, resp) {
-        var prop = this.getComponent('image-properties');
-        this.infoTpl.append(prop.body, data)
-    },
-    
-    onGetTags: function(data, resp) {
-        var prop = this.getComponent('image-properties');
-        this.tagTpl.append(prop.body, data);
-    },
-    
-    onGetAlbums: function(data, resp) {
-        var prop = this.getComponent('image-properties');
-        this.albumTpl.append(prop.body, data);
-    }
-});
-Ext.reg('img-panel',Imgorg.ImagePanel);