From ac1a726697c2b42c78da3a7f51d41142b944c7b2 Mon Sep 17 00:00:00 2001
From: Alan Knowles <alan@akbkhome.com>
Date: Thu, 4 Nov 2010 11:52:21 +0800
Subject: [PATCH] Pman.Dialog.Image.js

---
 Pman.Dialog.Image.js | 420 +++++++++++++++++++++++--------------------
 1 file changed, 228 insertions(+), 192 deletions(-)

diff --git a/Pman.Dialog.Image.js b/Pman.Dialog.Image.js
index 06987161..42489528 100644
--- a/Pman.Dialog.Image.js
+++ b/Pman.Dialog.Image.js
@@ -1,212 +1,248 @@
 //<script type="text/javascript">
 
-/*
+// Auto generated file - created by app.Builder.js- do not edit directly (at present!)
+
 Pman.Dialog.Image = {
+
     dialog : false,
-    form : false,
-    create: function()
+    callback:  false,
+
+    show : function(data, cb)
     {
-        if (this.dialog) {
-            return;
+        if (!this.dialog) {
+            this.create();
         }
-        var _this = this;
-        
-        this.dialog = new Ext.LayoutDialog(Ext.get(document.body).createChild({tag:'div'}),  { 
-            autoCreated: true,
-            title: "Upload Image or  File",
-            modal: true,
-            width:  500,
-            height: 140,
-            shadow:true,
-            minWidth:200,
-            minHeight:180,
-            //proxyDrag: true,
-            closable: false,
-            draggable: false,
-            center: {
-                autoScroll:false,
-                titlebar: false,
-               // tabPosition: 'top',
-                hideTabs: true,
-                closeOnTab: true,
-                alwaysShowTabs: false
-            }
-        });
-        this.dialog.addKeyListener(27, this.dialog.hide, this.dialog);
-        this.dialog.addButton("Cancel", this.dialog.hide, this.dialog);
-       
-        this.dialog.addButton("Save", this.save, this);
-        this.layout = this.dialog.getLayout();
-        this.layout.beginUpdate();
-        
-         
-        this.form = new Ext.form.Form({
-            labelWidth: 150 ,
-            fileUpload : true,
-            listeners : {
-                actionfailed : function(f, act) {
-                    _this.uploadComplete = true;
-                    _this.dialog.el.unmask();
-                    // error msg???
-                    
-                    if (act.type == 'submit') {
-                        Ext.MessageBox.alert("Error", "Saving failed = fix errors and try again");
-                        return;
-                    }
-                    
-                    // what about load failing..
-                    Ext.MessageBox.alert("Error", "Error loading details"); 
-                              
-                },
-                actioncomplete: function(f, act) {
-                    _this.uploadComplete = true;
-                    _this.dialog.el.unmask();
-                     
-                   
-                    if (act.type == 'load') {
-                        
-                        _this.data = act.result.data;
-                       // _this.loaded();
-                        return;
-                    }
-                    
-                    
-                    if (act.type == 'submit') { // only submitted here if we are 
-                        _this.dialog.hide();
-                        //console.log(act);
-                        if (_this.callback) {
-                            _this.callback.call(this, act.result.data);
-                        }
-                        return; 
-                    }
-                    // unmask?? 
-                }
-            }
-        
-            
-            
-             
-        });
-        //?? will this work...
-        this.form.addxtype.apply(this.form,
-            [
-                // type filed??
-                { name: 'UPLOAD_IDENTIFIER' , xtype: 'Hidden' },
-                { 
-                        xtype :  'TextField',
-                        name : 'imageUpload',
-                        fieldLabel : "Upload Image or File",
-                        inputType : 'file'
-                },
-                { name: 'ontable', xtype: 'Hidden' },
-                { name: 'onid', xtype: 'Hidden' },
-                { name: 'imgtype', xtype: 'Hidden' }, // special value for sorting!!
-                { name: 'post_max_size', xtype: 'Hidden' , value :'32M'} ,
-                { name: 'upload_max_filesize', xtype: 'Hidden' , value :'32M'} 
-                    
-                   
-                 
-        ]
-
-        );
-        var ef = this.dialog.getLayout().getEl().createChild({tag: 'div'});
-        ef.dom.style.margin = 10;
-         
-        this.form.render(ef.dom);
 
-        var vp = this.dialog.getLayout().add('center', new Ext.ContentPanel(ef, {
-            autoCreate : true,
-            //title: 'Org Details',
-            //toolbar: this.tb,
-            width: 250,
-            maxWidth: 250,
-            fitToFrame:true
-        }));
-          
+        this.callback = cb;
+        this.data = data;
+        this.dialog.show(this.data._el);
+        if (this.form) {
+           this.form.reset();
+           this.form.setValues(data);
+           this.form.fireEvent('actioncomplete', this.form,  { type: 'setdata', data: data });
+        }
 
-        
-        
-        this.layout.endUpdate();
     },
-    _id : 0,
-    
-    show: function (data, callback)
-    {
-        
-        this.callback = callback;
-         this.create();
-        this.form.reset();
-        
-        this.form.setValues(data);
-        this.form.findField('UPLOAD_IDENTIFIER').setValue((new Date() * 1) + '' + Math.random());
-        this.dialog.show();
-        
 
-    },
-     
-    save : function()
+    create : function()
     {
-        this.dialog.el.mask("Sending");
-        this.uploadComplete = false;
-        this.form.doAction('submit', {
-            url: baseURL + '/Roo/Images.html',
-            method: 'POST',
-            params: {
-             //   _id: 0 ,
-                ts : Math.random()
-            } 
-        });
-        this.haveProgress = false,
-        this.uploadProgress.defer(1000, this);
-        
-    },
-    uploadComplete : false,
-    haveProgress: false,
-    uploadProgress : function()
-    {
-        if (!this.haveProgress) {
-            Roo.MessageBox.progress("Uploading", "Uploading");
-        }
-        if (this.uploadComplete) {
-            Roo.MessageBox.hide();
-            return;
-        }
-        this.haveProgress = true;
         var _this = this;
-        var uid = this.form.findField('UPLOAD_IDENTIFIER').getValue();
-        Pman.request({
-            url : baseURL + '/Core/UploadProgress.php',
-            params: {
-                id : uid
+        this.dialog = Roo.factory({
+            xtype: 'LayoutDialog',
+            xns: Roo,
+            listeners : {
+                show : function (_self)
+                {
+                    // this does not really work - escape on the borders works..
+                    if (this.keylistener) {
+                        return;
+                    }
+                    this.keylistener = this.addKeyListener(27, this.hide, this);
+                    
+                }
             },
-            method: 'GET',
-            success : function(data){
-                //console.log(data);
-                if (_this.uploadComplete) {
+            closable : false,
+            collapsible : false,
+            haveProgress : false,
+            height : 140,
+            modal : true,
+            resizable : true,
+            title : "Upload an Image or File",
+            uploadProgress : false,
+            width : 500,
+            shadow : true,
+            uploadProgres : function()
+            {
+                var dlg = this;
+               if (!dlg.haveProgress) {
+                    Roo.MessageBox.progress("Uploading", "Uploading");
+                }
+                if (dlg.uploadComplete) {
                     Roo.MessageBox.hide();
                     return;
                 }
-                    
-                if (data){
-                    Roo.MessageBox.updateProgress(data.bytes_uploaded/data.bytes_total,
-                        Math.floor((data.bytes_total - data.bytes_uploaded)/1000) + 'k remaining'
-                    );
+                dlg.haveProgress = true;
+            
+                var uid = _this.form.findField('UPLOAD_IDENTIFIER').getValue();
+                Pman.request({
+                    url : baseURL + '/Core/UploadProgress.php',
+                    params: {
+                        id : uid
+                    },
+                    method: 'GET',
+                    success : function(data){
+                        //console.log(data);
+                        if (dlg.uploadComplete) {
+                            Roo.MessageBox.hide();
+                            return;
+                        }
+                            
+                        if (data){
+                            Roo.MessageBox.updateProgress(data.bytes_uploaded/data.bytes_total,
+                                Math.floor((data.bytes_total - data.bytes_uploaded)/1000) + 'k remaining'
+                            );
+                        }
+                        dlg.uploadProgress.defer(2000,dlg);
+                    },
+                    failure: function(data) {
+                      //  console.log('fail');
+                     //   console.log(data);
+                    }
+                })
+                
+            },
+            items : [
+                {
+                    xtype: 'ContentPanel',
+                    xns: Roo,
+                    fitToFrame : true,
+                    region : 'center',
+                    items : [
+                        {
+                            xtype: 'Form',
+                            xns: Roo.form,
+                            listeners : {
+                                actioncomplete : function(_self,act)
+                                {
+                                       _this.dialog.uploadComplete = true;
+                                        _this.dialog.el.unmask();
+                                         
+                                          if (act.type == 'setdata') { 
+                                         
+                                              this.findField('UPLOAD_IDENTIFIER').setValue(
+                                                (new Date() * 1) + '' + Math.random());
+                                            return;
+                                         }
+                                         
+                                       
+                                        if (act.type == 'load') {
+                                          // should this happen?  
+                                            _this.data = act.result.data;
+                                           // _this.loaded();
+                                            return;
+                                        }
+                                        
+                                        
+                                        if (act.type == 'submit') { // only submitted here if we are 
+                                            _this.dialog.hide();
+                                            //console.log(act);
+                                            if (_this.callback) {
+                                                _this.callback.call(this, act.result.data);
+                                            }
+                                            return; 
+                                        }
+                                },
+                                rendered : function (form)
+                                {
+                                    _this.form= form;
+                                },
+                                actionfailed : function (_self, act)
+                                {
+                                    _this.dialog.uploadComplete = true;
+                                    _this.dialog.el.unmask();
+                                    // error msg???
+                                    
+                                    if (act.type == 'submit') {
+                                        Ext.MessageBox.alert("Error", "Saving failed = fix errors and try again");
+                                        return;
+                                    }
+                                    
+                                    // what about load failing..
+                                    Ext.MessageBox.alert("Error", "Error loading details"); 
+                                }
+                            },
+                            labelWidth : 140,
+                            method : 'POST',
+                            style : 'margin:10px;',
+                            url : baseURL + '/Roo/Images.php',
+                            items : [
+                                {
+                                    xtype: 'Hidden',
+                                    xns: Roo.form,
+                                    name : 'UPLOAD_IDENTIFIER'
+                                },
+                                {
+                                    xtype: 'TextField',
+                                    xns: Roo.form,
+                                    fieldLabel : 'Upload Image or File',
+                                    inputType : 'file',
+                                    name : 'imageUpload',
+                                    width : 200
+                                },
+                                {
+                                    xtype: 'Hidden',
+                                    xns: Roo.form,
+                                    name : 'ontable'
+                                },
+                                {
+                                    xtype: 'Hidden',
+                                    xns: Roo.form,
+                                    name : 'onid'
+                                },
+                                {
+                                    xtype: 'Hidden',
+                                    xns: Roo.form,
+                                    name : 'imgtype'
+                                },
+                                {
+                                    xtype: 'Hidden',
+                                    xns: Roo.form,
+                                    name : 'post_max_size',
+                                    value : "32M"
+                                },
+                                {
+                                    xtype: 'Hidden',
+                                    xns: Roo.form,
+                                    name : 'upload_max_filesize',
+                                    value : "32M"
+                                }
+                            ]
+                        }
+                    ]
                 }
-                _this.uploadProgress.defer(2000, _this);
+            ],
+            center : {
+                xtype: 'LayoutRegion',
+                xns: Roo
             },
-            failure: function(data) {
-              //  console.log('fail');
-             //   console.log(data);
-            }
-        })
-        
-        
-        
+            buttons : [
+                {
+                    xtype: 'Button',
+                    xns: Roo,
+                    listeners : {
+                        click : function (_self, e)
+                        {
+                            _this.dialog.hide();
+                        }
+                    },
+                    text : "Cancel"
+                },
+                {
+                    xtype: 'Button',
+                    xns: Roo,
+                    listeners : {
+                        click : function (_self, e)
+                        {
+                            // do some checks?
+                             
+                            _this.dialog.el.mask("Sending");
+                            _this.dialog.uploadComplete = false;
+                            _this.form.doAction('submit', {
+                                url: baseURL + '/Roo/Images.html',
+                                method: 'POST',
+                                params: {
+                                 //   _id: 0 ,
+                                    ts : Math.random()
+                                } 
+                            });
+                            _this.dialog.haveProgress = false,
+                            _this.dialog.uploadProgress.defer(1000, _this.dialog);
+                        
+                        }
+                    },
+                    text : "Upload"
+                }
+            ]
+        });
     }
-    
-    
-    
-    
-         
 };
-*/
\ No newline at end of file
-- 
2.39.2