X-Git-Url: http://git.roojs.org/?a=blobdiff_plain;f=Roo%2FDocument.js;h=c1122ecf7c3852f940cff560fc5d4f125cdb83cc;hb=75cbc4ce04c9c01ac47671cb01320ce699128d00;hp=b53f7be6a11245068d888a8ccdd5c13ae5b7020b;hpb=db80ed2223f92f781dcc8496a01025baa41f9a31;p=roojs1

diff --git a/Roo/Document.js b/Roo/Document.js
index b53f7be6a1..c1122ecf7c 100644
--- a/Roo/Document.js
+++ b/Roo/Document.js
@@ -1,342 +1,46 @@
 /*
- * Original code for Roojs - LGPL
- * <script type="text/javascript">
+ * RooJS Library 
+ * Copyright(c) 2007-2017, Roo J Solutions Ltd
+ *
+ * Licence LGPL 
+ *
  */
  
 /**
+ * @class Roo.Document
+ * @extends Roo.util.Observable
+ * This is a convience class to wrap up the main document loading code.. , rather than adding Roo.onReady(......)
  * 
- * This needs some more thought..
+ * @param {Object} config the methods and properties of the 'base' class for the application.
  * 
+ *  Generic Page handler - implement this to start your app..
  * 
- * 
- * @class Roo.XComponent
- * @extends Roo.data.Observable
- * 
- * A delayed Element creator...
- * 
- * Mypart.xyx = new Roo.XComponent({
-
-    parent : 'Mypart.xyz', // empty == document.element.!!
-    order : '001',
-    name : 'xxxx'
-    region : 'xxxx'
-    disabled : function() {} 
-     
-    items : [  // technically only one component..
-        {
-            xtype : 'NestedLayoutPanel',
-            // technicall
+ * eg.
+ *  MyProject = new Roo.Document({
+        events : {
+            'load' : true // your events..
+        },
+        listeners : {
+            'ready' : function() {
+                // fired on Roo.onReady()
+            }
         }
-     ]
- *})
- * 
- * 
  * 
  */
-Roo.XComponent = function(cfg) {
-    Roo.apply(this, cfg);
+Roo.Document = function(cfg) {
+     
     this.addEvents({ 
-        /**
-	     * @event built
-	     * Fires when this the componnt is built
-	     * @param {Roo.XComponent} c the component
-	     */
-        'built' : true,
-        /**
-	     * @event buildcomplete
-	     * Fires on the top level element when all elements have been built
-	     * @param {Roo.XComponent} c the top level component.
-         */
-        'buildcomplete' : true
-        
+        'ready' : true
     });
-
-    Roo.XComponent.register(this);
-    this.modules = [];
-    this.el = false; // where the layout goes..
-    
+    Roo.util.Observable.call(this,cfg);
     
-}
-Roo.extend(Roo.XComponent, Roo.util.Observable {
-    /**
-     * @property el
-     * The created element (with Roo.factory())
-     * @type {Roo.Layout}
-     */
-    el  : false,
-    
-    /**
-     * @property el
-     * for BC  - use el in new code
-     * @type {Roo.Layout}
-     */
-    panel : false,
-    
-    /**
-     * @property layout
-     * for BC  - use el in new code
-     * @type {Roo.Layout}
-     */
-    layout : false,
+    var _this = this;
     
-     /**
-     * @cfg {Function|boolean} disabled
-     * If this module is disabled by some rule, return true from the funtion
-     */
-    disabled : false,
+    Roo.onReady(function() {
+        _this.fireEvent('ready');
+    },null,false);
     
-    /**
-     * @cfg {String} parent 
-     * Name of parent element which it get xtype added to..
-     */
-    parent: false,
     
-    /**
-     * @cfg {String} order
-     * Used to set the order in which elements are created (usefull for multiple tabs)
-     */
-    
-    order : false,
-    /**
-     * @cfg {String} name
-     * String to display while loading.
-     */
-    name : false,
-    /**
-     * @cfg {Array} items
-     * A single item array - the first element is the root of the tree..
-     * It's done this way to stay compatible with the Xtype system...
-     */
-    items : false
-});
+}
 
-Roo.apply(Roo.XComponent, 
-    /**
-     * @property  buildCompleted
-     * True when the builder has completed building the interface.
-     * @type Boolean
-     */
-    buildCompleted : false,
-     
-    /**
-     * @property  topModule
-     * the upper most module - uses document.element as it's constructor.
-     * @type Object
-     */
-     
-    topModule  : false,
-      
-    /**
-     * @property  modules
-     * array of modules to be created by registration system.
-     * @type Roo.XComponent
-     */
-    
-    modules : [],
-      
-    
-    /**
-     * Register components to be built later.
-     * @param {Object} details about module
-     *
-     * This solves the following issues
-     * - Building is not done on page load, but after an authentication process has occured.
-     * - Interface elements are registered on page load
-     * - Parent Interface elements may not be loaded before child, so this handles that..
-     * 
-     *
-     * example:
-     * 
-     * MyApp.register({
-          order : '000001',
-          module : 'Pman.Tab.projectMgr',
-          region : 'center',
-          parent : 'Pman.layout',
-          disabled : false,  // or use a function..
-        })
-     * 
-     */
-    register : function(obj) {
-        this.modules.push(obj);
-         
-    },
-    /**
-     * convert a string to an object..
-     * 
-     */
-    
-    toObject : function(str)
-    {
-        if (typeof(str) == 'object') {
-            return str;
-        }
-        var ar = str.split('.');
-        var rt, o;
-        rt = ar.unshift();
-            /** eval:var:o */
-        eval('if (typeof ' + rt + ' == "undefined"){ o = false;} o = ' + rt + ';');
-        if (o === false) {
-            throw "Module not found : " + str;
-        }
-        Roo.each(ar, function(e) {
-            if (typeof(o[e]) == 'undefined') {
-                throw "Module not found : " + str;
-            }
-            o = o[e];
-        });
-        return o;
-        
-    }
-    
-    
-    /**
-     * move modules into their correct place in the tree..
-     * 
-     */
-    preBuild : function ()
-    {
-        var modules = this.modules;
-        this.modules = false;
-        
-        Roo.each(modules , function (obj)
-        {
-            obj.parent = this.toObject(obj.parent);
-            
-            if (!obj.parent) {
-                this.topModule = obj;
-                return;
-            }
-            obj.parent = toObject(obj.parent);
-            if (!obj.parent.modules) {
-                obj.parent.modules = new Roo.util.MixedCollection(false, 
-                    function(o) { return o.order + '' }
-                );
-            }
-            
-            obj.parent.modules.add(obj);
-        }, this);
-    }
-    
-     /**
-     * make a list of modules to build.
-     * @return {Array} list of modules. 
-     */ 
-    
-    buildOrder : function()
-    {
-        var _this = this;
-        var cmp = function(a,b) {   
-            return String(a).toUpperCase() > String(b).toUpperCase() ? 1 : -1;
-        };
-        
-        if (!this.topModule || !this.topModule.modules) {
-            throw "No top level modules to build";
-        }
-       
-        // make a flat list in order of modules to build.
-        var mods = [ this.topModule ];
-        
-        
-        // add modules to their parents..
-        var addMod = function(m) {
-           // console.log(m.modKey);
-            
-            mods.push(m);
-            if (m.module.modules) {
-                m.module.modules.keySort('ASC',  cmp );
-                m.module.modules.each(addMod);
-            }
-            if (m.finalize) {
-                m.finalize.name = m.name + " (clean up) ";
-                mods.push(m.finalize);
-            }
-            
-        }
-        this.topModule.modules.keySort('ASC',  cmp );
-        this.topModule.modules.each(addMod);
-    }
-    
-     /**
-     * Build the registered modules.
-     * @param {Object} parent element.
-     * @param {Function} optional method to call after module has been added.
-     * 
-     */ 
-   
-    build : function() 
-    {
-        
-        this.preBuild();
-        var mods = this.buildOrder();
-        
-        //this.allmods = mods;
-        //console.log(mods);
-        //return;
-        if (!mods.length) { // should not happen
-            throw "NO modules!!!";
-        }
-        
-        
-        
-        // flash it up as modal - so we store the mask!?
-        Roo.MessageBox.show({ title: 'loading' });
-        Roo.MessageBox.show({
-           title: "Please wait...",
-           msg: "Building Interface...",
-           width:450,
-           progress:true,
-           closable:false,
-           modal: false
-          
-        });
-        var total = mods.length();
-        
-        var _this = this;
-        var progressRun = function() {
-            if (mods.length) {
-                Roo.MessageBox.hide();
-                _this.topModule.fireEvent('buildcomplete', _this.topModule);
-                return;    
-            }
-            
-            var m = mods.unshift();
-            
-            if (typeof(m) == 'function') { // not sure if this is supported any more..
-                m.call(this);
-                return progressRun.defer(10, _this);
-            } 
-            
-            Roo.MessageBox.updateProgress(
-                (total  - mods.length)/total,  "Building Interface " + (total  - mods.length) + 
-                    " of " + total + 
-                    (m.name ? (' - ' + m.name) : '')
-                    );
-            
-         
-            
-            var disabled = (typeof(m.module.disabled) == 'function') ?
-                m.module.disabled.call(m.module.disabled) : m.module.disabled;    
-            }
-            
-            if (disabled) {
-                return progressRun(); // we do not update the display!
-            }
-            
-            m.el = m.parent.el.addxtype(m.items[0]);
-            m.fireEvent('built', m);
-            m.panel = this.el;
-            m.layout = m.panel.layout;    
-             
-            
-        }
-        progressRun.defer(1, _this);
-     
-        
-        
-    }
-     
-   
-    
-    
-});
- 
\ No newline at end of file
+Roo.extend(Roo.Document, Roo.util.Observable, {});
\ No newline at end of file