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