Pman.js
[Pman.Core] / Pman.js
1 //<script type="text/javascript">
2
3 /**
4  * 
5  * >>> Pman.layout.getRegion('center').tabs.stripWrap
6  * ==> tab.???
7  * var tbh = Pman.layout.getRegion('center').tabs.stripWrap.child('div').createChild(
8  * 
9  * {tag: 'div', style: 'display:block;position:absolute;top:2;left:300;width:100%;height:25px'});
10  * 
11  * 
12  *  CHANGES
13  *  - gtranslate moved to Pman.GoogleTranslate
14  * 
15  * 
16  */
17  
18 if (typeof(_T) == 'undefined') { _T={};}
19  
20
21
22 Roo.XComponent.on('register', function(e) { if (typeof(Pman) != 'undefined') { return Pman.xregister(e); } return true;  });
23 Roo.XComponent.on('beforebuild', function(e) { if (typeof(Pman) != 'undefined') { return Pman.xbeforebuild(e); } return true; });
24
25 Roo.XComponent.on('buildComplete',  
26      function() {
27                     
28         Pman.layout.getRegion('center').showPanel(0);
29         Pman.layout.endUpdate(); 
30         Pman.addTopToolbar();  
31         Pman.finalize();
32         Pman.fireEvent('load',this);
33         
34         if (!Pman.layout.getRegion('south').panels.length) {
35             Pman.layout.getRegion('south').hide();
36         }
37     
38     
39 } );
40
41 //Roo.debug = 1;
42   
43
44 Pman = new Roo.Document(
45 {
46    /// appVersion: '1.7', // fixme = needs to be removed - use Global AppVersion
47     subMenuItems : [],
48     topMenuItems : [],
49     rightNames: { }, /// register right names here - so they can be translated and rendered.
50     /**
51      * @property {Roo.menu.Menu} pulldownMenu - the 'add menu pulldown, you can use it to add items..
52      *
53      */
54     pulldownMenu : false, 
55     
56     
57     buildCompleted : false, // flag to say if we are building interface..
58     events : {
59         'beforeload' : true, // fired after page ready, before module building.
60         'load' : true, // fired after module building
61         'authrefreshed' : true // fire on auth updated?? - should be on Login?!?!?
62     },
63     
64     listeners : {
65         'ready' : function()
66         {
67             // kludge to fix firebug debugger
68             if (typeof(console) == 'undefined') {
69                 console = { log : function() {  } };
70             }
71             
72             // remove loader..
73             if (Roo.get('loading')) {
74                 Roo.get('loading').remove();
75             }
76             
77             Roo.state.Manager.setProvider(new Roo.state.CookieProvider());
78             
79             // link errors...
80             
81             if (AppLinkError.length) {
82                 Roo.MessageBox.alert("Error", AppLinkError, function() {
83                     Pman.Login.onLoad();
84                 });
85                 return;
86             }
87             
88             
89             // reset password!!!!
90             if (showNewPass.length) {
91                 Pman.PasswordChange.show(  { passwordReset : showNewPass },
92                     function(data) {
93                         // fail and success we do  a load...
94                         Pman.Login.onLoad();
95                     }
96                 );
97                 return;
98             }
99              
100             Pman.Login.onLoad();
101             
102         },
103         'load' : function()
104         {
105             if (Roo.get('loading-logo-tile')) {
106                 Roo.get('loading-logo-tile').remove();
107             }
108             if (Roo.get('loading-logo-tile-top')) {
109                 Roo.get('loading-logo-tile-top').remove();
110             }
111             if (Roo.get('loading-logo-bottom')) {
112                 Roo.get('loading-logo-bottom').remove();
113             }
114             if (Roo.get('loading-logo-center')) {
115                 Roo.get('loading-logo-center').remove();
116             }
117         }   
118         
119     },
120    
121     fakeRoot :  new Roo.XComponent( {
122         modKey : '000',
123         module : 'Pman',
124         region : 'center',
125         parent : false,
126         isTop : true,
127         name : "Pman Base",
128         disabled : false, 
129         permname: '' ,
130         render : function (el) { this.el = this.layout; }
131     }),
132     
133     layout: false,
134     
135     onload: function() {
136         //this.fireEvent('beforeload',this);
137         
138         
139         
140         if (this.layout) {
141             return; // already loaded
142         } 
143         if (Roo.get('loading')) {
144             Roo.get('loading').remove();
145         }
146         if (Roo.get('loading-mask')) {
147             Roo.get('loading-mask').show();
148         }
149         
150      
151         var _this = this;
152         this.stime = new Date();
153         this.layout = new Roo.BorderLayout(document.body, {
154             north: {
155                 split:false,
156                 initialSize: 25,
157                 titlebar: false
158             },
159          
160              
161             center: {
162                 titlebar: false,
163                 autoScroll:false,
164                 closeOnTab: true,
165                 tabPosition: 'top',
166                 //resizeTabs: true,
167                 alwaysShowTabs: true,
168                 minTabWidth: 140
169             } ,
170             south: {
171                 collapsible : true,
172                 collapsed : true,
173                 split:false,
174                 height: 120,
175                 titlebar: false 
176             }
177             
178         });
179         this.fakeRoot.layout = this.layout;
180         /*
181         Pman.register( Roo.apply(this.fakeRoot, {
182             layout : this.layout      
183                 
184                                  
185         } ) );
186         */
187         
188         // creates all the modules ready to load..
189         
190         this.fireEvent('beforeload',this);
191         
192         
193         
194         this.layout.beginUpdate();
195         this.layout.add('north', new Roo.ContentPanel('title', 'North'));
196         var au = Pman.Login.authUser;
197         if (au.id > 0 && au.company_id_background_color && au.company_id_background_color.length) {
198             Roo.get('title').dom.style.backgroundColor = '#' + au.company_id_background_color;
199             Roo.get('headerInformation').dom.style.color = this.invertColor('#' + au.company_id_background_color);
200         }
201         if (au.id > 0 && au.company_id_logo_id * 1 > 0) {
202             Roo.get('headerInformation-company-logo').dom.src =  baseURL + 
203                 '/Images/' + au.company_id_logo_id + '/' + au.company_id_logo_id_filename;
204         } else {
205             Roo.get('headerInformation-company-logo').dom.src = Roo.BLANK_IMAGE_URL;
206         }
207         
208         Roo.get('headerInformation').dom.innerHTML = String.format(
209                 "You are Logged in as <b>{0} ({1})</b>", // to {4} v{3}", // for <b>{2}</b>",
210                 au.name, au.email, au.company_id_name, 
211                 AppVersion , appNameShort
212         );
213         
214         
215         document.title = appName + ' v' + AppVersion + ' - ' + au.company_id_name;
216         Roo.QuickTips.init(); 
217         if (Roo.isGecko) {
218            Roo.useShims = true;
219         }
220        
221         //this.mainLayout.beginUpdate();
222         //var maskDom = Roo.get(document.body)._maskMsg.dom
223         this.layout.beginUpdate();
224         
225         Pman.building = true;
226         Roo.XComponent.build();
227          
228         
229         
230      
231     },
232     
233     addTopToolbar : function()
234     {
235           //console.log( "t6:" + ((new Date())-stime));
236         //this.mainLayout.endUpdate();
237         // make a new tab to hold administration stuff...
238         
239        
240         //console.log( "t7:" + ((new Date())-stime));
241         var se = Pman.layout.getRegion('center').tabs.stripEl;
242         var tbh = se.createChild( 
243                 { tag: 'td', style: 'width:100%;'  });
244         
245         var lotb = new Roo.Toolbar(tbh);
246         
247         if (Roo.isSafari) {
248             var tbl = se.child('table', true);
249             tbl.setAttribute('width', '100%');
250         }
251         lotb.add(
252             new Roo.Toolbar.Fill(), 
253      
254             {
255                 text: "Change Password",
256                 cls: 'x-btn-text-icon',
257                 icon: rootURL + '/Pman/templates/images/change-password.gif',
258                 handler : function(){
259                     Pman.PasswordChange.show({});
260                 }
261             }, '-'
262         );
263          
264         
265         if (this.topMenuItems.length) {
266             
267             Roo.each(this.topMenuItems, function (mi) {
268                 lotb.add(mi);
269             });
270             lotb.add('-');
271         }
272         
273         
274         
275         if (this.subMenuItems.length) {
276             
277             this.subMenuItems.sort(function (a,b) {
278                 return a.seqid > b.seqid ? 1 : -1;
279             });
280             // chop off last seperator.
281             // since we always add it.. just chop of last item
282             this.subMenuItems.pop(); 
283             
284             var btn = new Roo.Toolbar.Button( 
285                 {
286                     text: "Add New Item",
287                     cls: 'x-btn-text-icon',
288                     icon: Roo.rootURL + 'images/default/dd/drop-add.gif',
289                     menu : {
290                         items : this.subMenuItems
291                     }     
292                 }
293             );
294             this.pulldownMenu = btn.menu;
295             lotb.add(btn, '-');
296             
297         }
298        
299         lotb.add(
300             {
301                 text: "Logout",
302                 cls: 'x-btn-text-icon',
303                 icon: rootURL + '/Pman/templates/images/logout.gif',
304                 handler: function() {
305                     Pman.Login.logout();
306                 }
307                  
308             }
309         );
310       
311        // this.layout.endUpdate();
312     },
313     
314     
315     finalize : function() {
316         
317       
318        
319         window.onbeforeunload = function(e) { 
320             e = e || window.event;
321             var r = "Closing this window will loose changes, are you sure you want to do that?";
322
323             // For IE and Firefox
324             if (e) {
325                 e.returnValue = r;
326             }
327
328             // For Safari
329             return r;
330             
331         };
332         
333         Roo.MessageBox.hide();
334         if (Roo.get('loading-mask')) {
335            Roo.get('loading-mask').remove();
336         }
337         
338         
339         this.buildCompleted = true; // now we can force refreshes on everything..
340         
341         
342         // does the URL indicate we want to see a system..
343         if (AppTrackOnLoad * 1 > 0) {
344             this.onLoadTrack(AppTrackOnLoad,false);
345         }
346         
347         // Open system..
348         
349         var forceAdmin = function(data)
350         {
351             if (!data || !data.id) {
352                 //Roo.log("Force Admin");
353                 Pman.Dialog.PersonStaff.show( 
354                     { 
355                         id : 0, 
356                         company_id : Pman.Login.authUser.company_id_id * 1, 
357                         company_id_name : Pman.Login.authUser.company_id_name
358                     }, function(data) {
359                         forceAdmin(data);
360                     }
361                 );
362                 return;
363             }
364             Roo.state.Manager.set('Pman.Login.username', data.email),
365             window.onbeforeunload = false;
366             document.location = baseURL + '?ts=' + Math.random();
367         }
368         
369         var forceCompany = function(data) {
370             if (Pman.Login.authUser.company_id * 1 > 0) {
371                 forceAdmin();
372                 return;
373             }
374             if (!data || !data.id) {
375                 Pman.Dialog.Companies.show( { id : 0, comptype: 'OWNER' }, function(data) {
376                     Roo.log("company dialog returned");
377                     Roo.log(data);
378                     forceCompany(data);
379                 });
380                 return;
381             }
382             Pman.Login.authUser.company_id_id  = data.id;
383             Pman.Login.authUser.company_id  = data.id;
384             Pman.Login.authUser.company_id_name  = data.name;
385             forceAdmin();
386         }
387         
388         if (Pman.Login.authUser.id < 0) {
389             // admin company has been created - create the user..
390             if (Pman.Login.authUser.company_id_id* 1 > 0) {
391                 forceAdmin();
392                 return;
393             }
394             
395             forceCompany();
396             /// create account..
397             
398             
399         }
400         
401
402     },
403     
404     
405     // REMOVE THESE 
406     
407      
408     onLoadTrack : function(id,cb) {
409         this.onLoadTrackCall(id, cb, 'DocumentsCirc_');
410     },
411     onLoadTrackEdit : function(id,cb) {
412         this.onLoadTrackCall(id, cb, 'Documents_');
413     },
414     
415     
416     /// ----------- FIXME -----
417     
418     
419     onLoadTrackCall : function(id,cb, cls) {
420         Roo.get(document.body).mask("Loading Document details");
421
422         new Pman.Request({
423             url: baseURL + '/Roo/Documents.html',  
424             params: {
425                 _id: id
426             },  
427             method: 'GET',  
428             success : function(res) {
429                 var data = res.data;
430                 Roo.get(document.body).unmask();
431              
432                 
433                 switch(data.in_out) {
434                     case 'IN' : cls+='In';break;
435                     case 'OUT' : cls+='Out';break;
436                     case 'WIP' : cls+='Wip';break;
437                     default: 
438                         Roo.MessageBox.alert("Error", "invalid in_out");
439                         return;
440                 }
441                 Pman.Dialog[cls].show(data, cb ? cb : Pman.refreshActivePanel);
442             }, 
443             
444             failure: function() {
445                 Roo.get(document.body).unmask();
446                 //if (cb) {
447                 //    cb.call(false);
448                 //}
449                  
450            }
451         });
452           
453     },
454     
455     refreshActivePanel : function() {
456         var actpan = this.layout.getRegion('center').getActivePanel();
457         if (actpan.controller && actpan.controller.paging) {
458             actpan.controller.paging.onClick('refresh');
459             return;
460         }
461         
462         var agid = Pman.layout.getRegion('center').getActivePanel().id;
463         if (!agid) {
464             return;
465         }
466         Pman.Tab[agid].paging.onClick('refresh');
467     },
468     toCidV : function(data) {
469         return 'C' + data.in_out.substring(0,1) + data.cid;
470     },
471     
472     
473     /**
474      * hasPerm:
475      * Does the authenticated user have permission to see this.
476      * 
477      * @param {String} name the [Module].[permission] to check for
478      * @param {Char} lvl  - which type of permission to use (eg. S=show...)
479      * @returns {Boolean} tue indicates permission allowed
480      */
481     hasPerm: function(name, lvl) {
482         if (
483             (typeof(Pman.Login.authUser) != 'object')
484             ||
485             (typeof(Pman.Login.authUser.perms) != 'object')
486             ||
487             (typeof(Pman.Login.authUser.perms[name]) != 'string')
488             ) {
489                 return false;
490         }
491         
492         return Pman.Login.authUser.perms[name].indexOf(lvl) > -1;
493         
494     },
495     /**
496      * hasPermExists:
497      * Is there a permission defined for this (used by module registration.)
498      * 
499      * @param {String} name the [Module].[permission] to check for
500      * @returns {Boolean} tue indicates permission exists.
501      */
502     hasPermExists: function(name) {
503         if (
504             (typeof(Pman.Login.authUser) != 'object')
505             ||
506             (typeof(Pman.Login.authUser.perms) != 'object')
507             ||
508             (typeof(Pman.Login.authUser.perms[name]) != 'string')
509             ) {
510                 return false;
511         }
512         return true;
513     },
514     
515     
516     
517     
518     
519     
520     Readers : {},
521     ColModels : {},
522     Forms : {},
523     Tab : {},
524     Dialog : {},
525     
526     processResponse : function (response)
527     {
528         var res = '';
529         try {
530             res = Roo.decode(response.responseText);
531             // oops...
532             if (typeof(res) != 'object') {
533                 res = { success : false, errorMsg : res, errors : true };
534             }
535             if (typeof(res.success) == 'undefined') {
536                 res.success = false;
537             }
538             
539         } catch(e) {
540             res = { success : false,  errorMsg : response.responseText, errors : true };
541         }
542         return res;
543     },
544     genericDelete : function(tab,tbl) {
545         
546         var r = [];
547         
548             
549         var s = tab.grid.getSelectionModel().getSelections();
550         if (!s.length)  {
551             Roo.MessageBox.alert("Error", "Select at least one Row to delete" );
552             return '';
553         }
554         
555         for(var i = 0; i < s.length; i++) {
556             r.push(s[i].data.id);
557         }
558     
559         Roo.MessageBox.confirm("Confirm", "Are you sure you want to delete that?",
560             function(btn) {
561                 if (btn != 'yes') {
562                     return;
563                 }
564                 // what about the toolbar??
565                 tab.grid.getView().mainWrap.mask("Deleting");
566                 new Pman.Request({
567                     url: baseURL + '/Roo/'+tbl+'.php',
568                     method: 'POST',
569                     params: {
570                         _delete : r.join(',')
571                     },
572                     success: function(response) {
573                         tab.grid.getView().mainWrap.unmask();
574                         if ( tab.paging ) {
575                             tab.paging.onClick('refresh');   
576                         } else if (tab.refresh) {
577                             tab.refresh();
578                         } else if (tab.grid.footer && tab.grid.footer.onClick) {
579                             // new xtype built grids
580                             tab.grid.footer.onClick('refresh');   
581                         } else {
582                             tab.grid.getDataSource().load();
583                         }
584                         
585                         
586                         
587                     },
588                     failure: function(act) {
589                         Roo.log(act);
590                         var msg = '';
591                         try {
592                             msg = act.errorMsg;
593                         } catch(e) {
594                             msg = "Error deleting";
595                         }
596                         tab.grid.getView().mainWrap.unmask();
597                         Roo.MessageBox.alert("Error",  msg);
598                     }
599                     
600                 });
601             }
602             
603         );
604         return '';
605     },
606     
607     
608     standardActionFailed :  function(f, act, cb) {
609     
610         if (act.failureType == 'client') {
611             Roo.MessageBox.alert("Error", "Please Correct all the errors in red", cb);
612             return;
613         }
614         if (act.failureType == 'connect') {
615             Roo.MessageBox.alert("Error", "Problem Connecting to Server - please try again.", cb);
616             return;
617         }
618         
619         if (act.type == 'submit') {
620             
621             Roo.MessageBox.alert("Error", typeof(act.result.errorMsg) == 'string' ?
622                 String.format('{0}', act.result.errorMsg) : 
623                 "Saving failed = fix errors and try again", cb);
624             return;
625         }
626         
627         // what about load failing..
628         Roo.MessageBox.alert("Error", "Error loading details",cb); 
629     },
630     /**
631      * Depreciated - USE new Pman.Request
632     *  We need to replace all the uses with this, however the api is slightly different,
633     *  the success argument is res.data, not res..
634      * 
635      */
636     request : function(c) {
637         return new Pman.Request(c);
638           
639     },
640     
641     
642     // depreciated - use Pman.Download()
643     
644     download : function(c) {
645         
646         return new Pman.Download(c);
647     },
648     
649     // fixme - move to document manager...
650     downloadRevision : function(doc, rev)
651     {
652         this.download({
653             url: baseURL + '/Documents/Doc/DownloadRev/'+ doc.id + '/' + rev + '/' +
654                 doc.project_id_code + '-' + doc.cidV + '-' + rev  + '-' +  doc.filename
655         }); 
656                     
657     },
658     
659     
660     exportCSV : function(c) {
661         
662         for(var i=0;i < c.csvFormat.length;i++) {
663             c.params['csvCols['+i+']'] = c.csvFormat[i][0];
664             c.params['csvTitles['+i+']'] = c.csvFormat[i][1];
665         }
666         c.url +=  '?' + Roo.urlEncode(c.params);
667         this.download(c);
668
669     },
670     
671     
672     prettyDate : function (value) 
673     {
674         if (typeof(value) == 'string') {
675             var ds = Date.parseDate(value, 'Y-m-d H:i:s');
676             if (ds) {
677                 return this.prettyDate(ds);
678             }
679             ds = Date.parseDate(value, 'Y-m-d');
680             if (ds) {
681                 return this.prettyDate(ds);
682             }
683             return '';
684         }
685 // last 7 days...
686         if (!value) {
687             return '';
688         }
689         var td = new Date();
690         var daysSince = Math.floor(td.getElapsed(value) / (1000 * 60*60*24));
691         if (daysSince < 7) {
692             return value.dateFormat('D H:i');
693         }
694         
695         // same month
696         if (td.dateFormat('m') == value.dateFormat('m')) {
697             return value.dateFormat('dS D');
698         }
699         // same year?
700         if (td.dateFormat('Y') == value.dateFormat('Y')) {
701             return value.dateFormat('dS M');
702         }
703         return value.dateFormat('d M Y');
704     },
705     loadException : function(a,b,c,d)
706     {
707         if (d && d.authFailure) {
708             Pman.Login.show();
709             return;
710         }
711         Roo.MessageBox.alert("Problem Loading Data", a.message || c.statusText);
712     },
713     
714     
715     /**
716      * 
717      * Routine to flash alerts in the title bar..
718      * 
719      * 
720      */
721     
722     notifyActive : false,
723     
724     notifyTitle: function(msg)
725     {
726         if (this.notifyActive ) {
727             return;
728         }
729         var stop = false;
730         
731         var stopper = function() {
732             stop = true;
733              document.title = oldtitle;
734         };
735         
736         Roo.get(document.body).on('mousemove', stopper, this);
737         var oldtitle = document.title;
738         var s = 1;
739         var _this = this;
740         var ivl = window.setInterval(function() {
741             
742             if (stop) {
743                 Roo.get(document.body).un('mousemove', stopper, this);
744                 _this.notifyActive = false;
745                 document.title = oldtitle;
746                 window.clearInterval(ivl);
747                 return true;
748             }
749             s = !s;
750             document.title = s ? msg : oldtitle;
751             return false;     
752         }, 1000); // every 120 secs = 2mins..
753          document.title =   msg;
754         
755         
756         
757     },
758     /**
759      * @property {Array} appModules  - array based on AppModules global
760      */
761     appModules : false,
762     
763     modules : false,
764     
765     
766     xregister : function(obj)
767     {
768         
769         // work out owner..
770         if (!Pman.appModules === false) {
771             Pman.appModules = typeof(AppModules ) == 'undefined'? [] :
772                 AppModules.split(',');
773         }
774         
775         
776         
777         // ignore registration of objects which are disabled.
778         // global supplied by master.html
779         appDisabled = typeof(appDisabled) == 'undefined' ? [] : appDisabled;
780         
781         
782         /// design flaw
783         // previously we did not a good naming policy for module and parts
784         // most things that are called module here, really are 'parts'
785         // new versions should have 'part' as [ module : part ]
786          if (typeof(obj.part) != 'undefined')  {
787            
788             var permname = obj.part.join('.');
789                 // we now have permission...
790                 // obj.moduleOwner '.' lname
791            
792            
793             if (appDisabled.indexOf(permname) > -1)  {
794                 Roo.log(permname + " is Disabled for this site");
795                 obj.disabled = true;
796                 return;
797             }
798             
799             
800         }
801         
802        
803         
804         if ( obj.isTop) {
805             // false parent... use it..
806             return;
807         }
808         
809         
810         if (obj.parent === Pman || obj.parent  == 'Pman') {
811             Roo.log("PARENT OF : " + obj.name + " replacing with fake");
812             obj.parent = Pman.fakeRoot;
813         }
814         
815         if (typeof(obj.parent) == 'undefined') {
816             Roo.log("Parent is undefined");
817             Roo.log(obj);
818             obj.disabled = true;
819             return;
820         }
821             
822             
823         if (obj.parent === false) {
824             obj.disabled = true;
825             Roo.log('ignoring top level object (as parent===false found)');
826             Roo.log(obj);
827             return;
828         }
829         // this is an error condition - the parent does not exist..
830             // technically it should not happen..
831           
832         // hack for Pman parent == Pman..
833         if (obj.parent == obj.module) {
834             obj.parent = false;
835             
836         }
837        
838         
839     },
840     /**
841      * fired before building on each compoenent
842      * used to apply permissions.
843      */
844     
845     xbeforebuild : function(obj)
846     {
847         if (typeof(obj.part) != 'undefined')  {
848            
849             if (!obj.part[1].length) {
850                 obj.part[1] = obj.part[0];
851             }
852             var permname = obj.part.join('.');
853             
854             Roo.log("CHECKING: "+ permname);
855             
856                 // we now have permission...
857                 // obj.moduleOwner '.' lname
858            
859             if (Pman.hasPermExists(permname) && !Pman.hasPerm(permname,'S')) {
860                 // it's a turned off permission...
861                 Roo.log(permname + " is Disabled for this user");
862                 obj.disabled = true;
863                 return;
864             }
865         
866             
867             
868         }
869         
870         
871     },
872     
873     /**
874      * DEPRICATED : use Roo.XComponents now..
875      * 
876      * Pman.register({
877           modKey : '00-admin-xxxx',
878           module : Pman.Tab.projectMgr, << really a components..
879           part : [ 'Admin', 'ProjectManager' ]
880           moduleOwner : 
881           region : 'center',
882           parent : Pman.layout
883         })
884      * 
885      */
886     register : function(obj)
887     {
888         
889         //this.xregister(obj);
890         
891         
892         // old style calls go in here..
893         // we need to convert the object so that it looks a bit like an XCompoenent..
894          
895         obj.render = function()
896         {
897             if (!this.parent) {
898                 Roo.log("Skip module, as parent does not exist");
899                 Roo.log(this);
900                 return;
901             }
902             //if (typeof(mod) == 'function') {
903             //    mod();
904                 
905             if (typeof(this.region) == 'undefined') {
906                 Roo.log("Module does not have region defined, skipping");
907                 Roo.log(this);
908                 return;
909             }
910             if (this.module.disabled) {
911                 Roo.log("Module disabled, should not rendering")
912                 Roo.log(this);
913                 return;
914             }
915             
916             if (!this.parent.layout) {
917                 Roo.log("Module parent does not have property layout.")
918                 Roo.log(this);
919                 return;
920             }
921         
922            // honour DEPRICATED permname setings..
923            // new code should use PART name, and matching permissions.
924             if (this.permname && this.permname.length) {
925                 if (!Pman.hasPerm(this.permname, 'S')) {
926                     return;
927                 }
928                 
929             }
930             this.add(this.parent.layout, this.region);
931             this.el = this.layout;
932             
933             
934               
935         };
936         // map some of the standard properties..
937         obj.order = obj.modKey;
938         
939         // a bit risky...
940         
941         
942         
943         // the other issue we have is that
944          
945         
946         // Roo.log("CALLING XComponent register with : " + obj.name);
947         
948         // this will call xregister as it's the on.register handler..
949         Roo.XComponent.register(obj.isTop ? obj : Roo.apply(obj.module, obj));
950          
951     } ,
952     invertColor : function(c)
953     {
954         // read..
955         var ca = [];
956         for(var i = 0; i < 3; i++){
957             ca[i] = parseInt(c.charAt((i*2)+1) + c.charAt((i*2)+2), 16);
958         }
959             
960         // invert..
961         var col = '';
962         Roo.each(ca, function(hi) {
963             var h = parseInt(255-hi).toString(16);
964             if(h < 16){
965                 h = '0' + h;
966             }
967             col += h;
968         });
969         return '#' + col;
970         
971     }
972     
973     
974     
975     
976     
977     
978     
979 });
980