☰

WM Config Interface

Creates a configuration interface which allows users to set and get options easily.

Tento skript by nemal byť nainštalovaný priamo. Je to knižnica pre ďalšie skripty, ktorú by mali používať cez meta príkaz // @require https://update.greatest.deepsurf.us/scripts/410/1287/WM%20Config%20Interface.js 

  1. // ==UserScript==
  2. // @name           	WM Config Interface
  3. // @namespace           configtemp
  4. // @description	Creates a configuration interface which allows users to set and get options easily.
  5. // @require https://greatest.deepsurf.us/scripts/407-wm-common-library/code/WM%20Common%20Library.user.js?version=1284
  6. // @license		http://creativecommons.org/licenses/by-nc-nd/3.0/us/
  7. // @version        	2.0.0.13
  8. // @copyright      	Charlie Ewing
  9. // ==/UserScript==
  10.  
  11. //this script is based on GM_config by JoeSimmons, sizzlemctwizzle, and izzysoft
  12. //this script requires some functions in the WM Common Library
  13.  
  14. (function(){
  15.  
  16. //config element types
  17. this.ConfigElementTypes = {
  18. 	checkbox:{defaultValue:false,valueMember:"checked"},
  19. 	text:{defaultValue:""},
  20. 	section:{defaultValue:"none",valueMember:"data-ft"}, //closed
  21. 	separator: {defaultValue:"none",valueMember:"data-ft"}, //closed
  22. 	optionblock: {doNotSave:true}, //not to be stored
  23. 	textarea: {defaultValue:""},
  24. 	radio: {defaultValue:false},
  25. 	select: {defaultValue:""}, //none selected
  26. 	button: {doNotSave:true}, //not to be stored
  27. 	"button_highlight": {doNotSave:true}, //not to be stored
  28. 	"button_selectmulti": {doNotSave:true}, //not to be stored
  29. 	"button_selectprefix": {doNotSave:true}, //not to be stored
  30. 	hidden: {defaultValue:false}, 
  31. 	link: {defaultValue:false}, //not to be stored
  32. 	tabcontrol: {doNotSave:true}, //not to be stored
  33. 	tabelement: {doNotSave:true}, //not to be stored
  34. 	tabbody: {defaultValue:"none",valueMember:"data-ft"}, //closed
  35. 	tab: {defaultValue:"none",valueMember:"data-ft"}, //closed
  36. 	"float": {defaultValue:0.0}, 
  37. 	"long": {defaultValue:0}, 
  38. 	"int": {defaultValue:0},
  39. 	colorbox: {defaultValue:"black"},
  40. 	"message": {doNotSave:true}, //not to be stored
  41. 	selecttime: {defaultValue:""},
  42. };
  43.  
  44. //instanceable config system
  45. this.Config = function(params){
  46. 	var self = this;
  47.  
  48. 	//defaults
  49. 	this.storageName = "settings";
  50. 	this.css = "";
  51. 	this.logo = null;
  52. 	this.onOpen = null;
  53. 	this.onClose = null;
  54. 	this.onSave = null;
  55. 	this.settings = {};
  56. 	this.title = "Settings - Anonymous Script";
  57. 	this.fields = {}; //list of ConfigField objects
  58. 	this.values = {}; //saveable list of data
  59. 	this.sectionsAsTabs = false;
  60. 	this.separatorsAsTabs = false;
  61. 	this.useScrollIntoView = false;
  62. 	this.confirms = {save:true,cancel:true,"import":true, restore:true};
  63.  
  64. 	//init
  65. 	this.init = function(params) {try{
  66. 		params=params||{};
  67.  
  68. 		//get special params first
  69. 		if (exists(params.css)) {
  70. 			this.css.user = params.css;
  71. 			delete params.css;
  72. 		}
  73. 	
  74. 		//set params
  75. 		for (var p in params){
  76. 			this[p]=params[p];
  77. 		}
  78.  
  79. 		//get values
  80. 		this.values=this.read();
  81. 		
  82. 		//configure values and fields table
  83. 		this.configure();
  84. 	}catch(e){log("Config.init: "+e);}};
  85.  
  86. 	//read vars from local storage
  87. 	this.read = function(params) {try{
  88. 		params=params||{};
  89. 		return getOptJSON(params.storageName||this.storageName)||{};
  90. 	}catch(e){log("Config.read: "+e);}};
  91. 	
  92. 	//write vars to local storage
  93. 	this.write = function(params) {try{
  94. 		params=params||{};
  95. 		setOptJSON(params.storageName||this.storageName)||{};
  96. 	}catch(e){log("Config.write: "+e);}};
  97. 	
  98. 	//convert the tree structure to a 2D table of fields
  99. 	//get saved and default values as well as element types
  100. 	//pass destroy:true to clear the fields list and start over
  101. 	//pass reset:true to set all values to their defaults
  102. 	this.configure = function(params) {try{
  103. 		params=params||{};
  104. 		//destroy current config if requested
  105. 		if (params.destroy) this.fields={};
  106. 		
  107. 		//traverse the entire settings tree 
  108. 		//OR just the passed settings param
  109. 		var settings = params.settings || this.settings;
  110. 		for (var field in settings) {
  111. 		
  112. 			//copy branch to 2D table
  113. 			data = settings[field];
  114. 			this.fields[field] = data;
  115. 			
  116. 			//setup default values
  117. 			data["default"] = (exists(data["default"]))?data["default"]:ConfigElementTypes[data.type].defaultValue;
  118. 			
  119. 			//set value for saveable types only
  120. 			if (!(ConfigElementTypes[data.type].doNotSave||false)){
  121. 				if (params.reset||false) {
  122. 					//set the value to its default value
  123. 					data.value = data["default"];
  124. 					this.values[field]=data.value;				
  125. 				} else {
  126. 					if (exists(this.values[field])) {
  127. 						//a value exists, copy it to the field
  128. 						data.value = this.values[field];
  129. 					} else {
  130. 						//a value does not yet exist, create one
  131. 						data.value = data["default"];
  132. 						this.values[field]=data.value;
  133. 					}
  134. 				}
  135. 			}
  136. 			
  137. 			//traverse children if needed
  138. 			if (exists(data.kids)) {
  139. 				this.configure({
  140. 					settings:data.kids, //pass children
  141. 					parent:this.fields[field], //link parent
  142. 					reset:params.reset, //pass the reset command
  143. 				});
  144. 			}
  145. 		}
  146. 	}catch(e){log("Config.configure: "+e);}};
  147. 	
  148. 	//take additional settings data and append it to a specific field
  149. 	this.append = function(params) {try{
  150. 		params=params||{};
  151. 		//detect branch
  152. 		var branch = (exists(params.branch))?this.fields[params.branch].kids:this.settings;
  153. 		//copy data to specified branch
  154. 		for (var field in params.data) {
  155. 			branch[field]=params.data[field];
  156. 		}
  157.  
  158. 		//reconfigure just the passed branch
  159. 		this.configure({
  160. 			settings: params.data, //pass the new children
  161. 			parent: params.branch||null, //link parent
  162. 		});
  163. 		
  164. 		//return the branch to which we were appended
  165. 		return branch;
  166. 	}catch(e){log("Config.append: "+e);}};
  167. 	
  168. 	//open the config menu in an iframe
  169. 	this.open = function(params) {try{
  170. 		//confirm(this.sectionsAsTabs);
  171. 		params=params||{};
  172. 		//check if already open
  173. 		if (document.evaluate("//iframe[@id='Config']",document,null,9,null).singleNodeValue) return;
  174. 		
  175. 		//create iframe
  176. 		document.body.appendChild(
  177. 			this.frame = createElement("iframe",{
  178. 				id:"Config", 
  179. 				style:(
  180. 					"position:fixed;"+
  181. 					"top:0; left:0;"+
  182. 					"opacity:0;"+
  183. 					"display:none !important;"+
  184. 					"z-index:9998;"+
  185. 					"width:75%; height:75%;"+
  186. 					"max-height:95%; max-width:95%;"+
  187. 					"border:1px solid #000000;"+
  188. 					"overflow:auto;"+
  189. 					""//leave here
  190. 				)
  191. 			})
  192. 		);
  193. 		
  194. 		//load a blank document into our frame
  195. 		this.frame.src = "about:blank";
  196. 		
  197. 		//when it loads add our config page
  198. 		var self=this;
  199. 		this.frame.addEventListener("load", function(){
  200.  
  201. 			self.frameDoc=this.contentDocument;
  202. 			frameBody = this.contentDocument.getElementsByTagName("body")[0];
  203. 			
  204. 			//select display settings
  205. 			//use the passed field name as the top of our settings
  206. 			//or select the entire thing
  207. 			var settings=exists(params.field)?self.fields[params.field].kids:self.settings;
  208. 			
  209. 			//set up our frame's css
  210. 			self.frame.contentDocument.getElementsByTagName("head")[0].appendChild(
  211. 				createElement("style",{
  212. 					type: "text/css",
  213. 					textContent: self.css.basic + self.css.user
  214. 				})
  215. 			);
  216.  
  217. 			//add header and title
  218. 			frameBody.appendChild(
  219. 				createElement("div",{
  220. 					id: "header",
  221. 					className: "config_header block center", 
  222. 					innerHTML: self.title
  223. 				})
  224. 			);
  225.  
  226. 			//append elements
  227. 			var prevSibling=null; //<-this part allows tabs at the top level
  228. 			for (var i in settings) {
  229. 				var newElem = self.addToFrame(settings[i], i, true, prevSibling, null).elem;
  230. 				prevSibling=frameBody.appendChild(newElem);
  231. 			}
  232.  
  233. 			//add config toolbar
  234. 			frameBody.appendChild(
  235. 				createElement('div', {id:'buttons_holder'}, [
  236. 					createElement('button',{
  237. 						//id:'saveBtn',
  238. 						textContent:'Save',
  239. 						title:'Save options and close window',
  240. 						//className:'saveclose_buttons',
  241. 						onclick:function(){self.close({doSave:true});}
  242. 					}),
  243. 					createElement('button',{
  244. 						//id:'cancelBtn', 
  245. 						textContent:'Cancel',
  246. 						title:'Close window',
  247. 						//className:'saveclose_buttons',
  248. 						onclick:function(){self.close({doSave:false});}
  249. 					}),
  250. 					createElement('button', {
  251. 						//id:'resetBtn', 
  252. 						textContent:'Restore to default',
  253. 						title:'Restore settings to default configuration',
  254. 						//className:'saveclose_buttons',
  255. 						onclick:function(){self.reset();}
  256. 					}),
  257. 					createElement('button', {
  258. 						//id:'resetBtn', 
  259. 						textContent:'Import Settings',
  260. 						title:'Import saved settings as text.',
  261. 						//className:'saveclose_buttons',
  262. 						onclick:function(){self.importSettings();}
  263. 					}),
  264. 					createElement('button', {
  265. 						//id:'resetBtn', 
  266. 						textContent:'Export Settings',
  267. 						title:'Export settings as text for storage elsewhere.',
  268. 						//className:'saveclose_buttons',
  269. 						onclick:function(){self.exportSettings();}
  270. 					})
  271. 				])
  272. 			);
  273. 			
  274. 			//add some whitespace to the bottom of the page
  275. 			frameBody.appendChild(
  276. 				createElement("span",{className:"bigSpacer"})
  277. 			);
  278. 			
  279. 			// Show and center it
  280. 			self.center(); 
  281. 			
  282. 			// Center it on resize			
  283. 			window.addEventListener('resize', function(){self.center();}, false); 
  284. 			
  285. 			//call the onOpen function if available
  286. 			if (!(params.noEvents||false)) if (self.onOpen) doAction(self.onOpen);
  287. 	
  288. 			// Close frame on window close
  289. 			window.addEventListener('beforeunload', function(){
  290. 				remove(this);
  291. 			}, false);
  292. 			
  293. 		}, false);
  294. 	}catch(e){log("Config.open: "+e);}};
  295.  
  296. 	this.close = function(params) {try{
  297. 		params=params||{};
  298. 		//update the values list
  299. 		if (params.doSave||false) {
  300. 			var ask=this.confirms.save;
  301. 			if (params.noConfirm || !ask || (ask && confirm("Save options?"))) {
  302. 				var fields = this.fields, values = this.values;
  303. 				for (var f in fields) {
  304. 					var field=fields[f];
  305. 					var valueMember=ConfigElementTypes[field.type].valueMember||"value";
  306. 					var elem=this.frame.contentDocument.getElementById('field_'+f);
  307. 					if (elem) {
  308. 						//if (f.contains("interval")) debug.print(["before",values[f],field.value]);
  309. 						values[f]=(["value","checked"].inArray(valueMember))?elem[valueMember]:elem.getAttribute(valueMember);
  310. 						field.value=values[f];
  311. 						//if (f.contains("interval")) debug.print(["after",values[f],field.value]);
  312. 					} else {
  313. 						log("cannot find element: "+f);
  314. 					}
  315. 				}
  316. 				this.save();
  317. 				// Call the onSave function if available
  318. 				if (this.onSave) doAction(this.onSave); 
  319. 			}
  320. 		} else {
  321. 			//ask to cancel without save
  322. 			var ask=this.confirms.cancel;
  323. 			if (!(params.noConfirm || !ask || (ask && confirm("Close without saving?")))) return;
  324. 		}
  325. 		
  326. 		//destroy the iframe and forget it
  327. 		if (this.frame) remove(this.frame);
  328. 		delete this.frame;
  329. 		
  330. 		//call the onClose function if available
  331. 		if (!params.noEvents && this.onClose) doAction(this.onClose); 
  332. 	}catch(e){log("Config.close: "+e);}};
  333. 	
  334. 	this.reload=function(){
  335. 		this.close({noEvents:true, doSave:false, noConfirm:true})
  336. 		this.open({noEvents:true});
  337. 	};
  338.  
  339. 	this.set = function(name,val) {try{
  340. 		this.values[name] = val;
  341. 		this.fields[name].value = val;
  342. 	}catch(e){log("Config.set: "+e);}};
  343.  
  344. 	this.get = function(name) {try{
  345. 		return this.values[name];
  346. 	}catch(e){log("Config.get: "+e);}};
  347.  
  348. 	/* unused functions
  349. 	getValue : function(name, def) {try{ return (this.isGM?GM_getValue:(function(name,def){return localStorage.getItem(name)||def}))(name, def||""); }catch(e){log("Config.getValue: "+e);}},
  350.  
  351. 	setValue : function(name, value) {try{ return (this.isGM?GM_setValue:(function(name,value){return localStorage.setItem(name,value)}))(name, value||""); }catch(e){log("Config.setValue: "+e);}},
  352. 	*/
  353. 	
  354. 	this.save = function(storageName) {try{
  355. 		var shrunk={}, fields=this.fields;
  356.  
  357. 		//clone the values data to preserve items we no longer have
  358. 		//fields for
  359. 		var shrunk=mergeJSON(this.values);
  360. 		
  361. 		//do not store values that match the default value
  362. 		for (var f in fields) {
  363. 			if ((ConfigElementTypes[fields[f].type].doNotSave||false) || (fields[f].value==fields[f]["default"])) {
  364. 				delete shrunk[f];
  365. 			}
  366. 		}
  367. 		
  368. 		setOptJSON((storageName||this.storageName),shrunk);
  369. 	}catch(e){log("Config.save: "+e);}};
  370.  
  371. 	this.reset = function() {try{
  372. 		var ask=this.confirms.restore;
  373. 		if (!ask || (ask && confirm("Reset all values to defaults?"))) {
  374. 			this.configure({reset:true});
  375. 			this.save();
  376. 			this.reload();
  377. 		}
  378. 	}catch(e){log("Config.reset: "+e);}};
  379.  
  380. 	this.selectBlock = function(e) {try{
  381. 		var boxes = selectNodes(".//input[@type='checkbox']",{type:6,node:e.parentNode||$(e,$("Config").contentDocument).parentNode,doc:$("Config").contentDocument});
  382. 		for (var i=0,box;(box=boxes.snapshotItem(i)); i++) box.checked=true;
  383. 		//http://i55.tinypic.com/6ih93q.png
  384. 	}catch(e){log("Config.selectBlock: "+e);}};
  385.  
  386. 	this.deselectBlock = function(e) {try{
  387. 		var boxes = selectNodes(".//input[@type='checkbox']",{type:6,node:e.parentNode||$(e,$("Config").contentDocument).parentNode,doc:$("Config").contentDocument});
  388. 		for (var i=0,box;(box=boxes.snapshotItem(i)); i++) box.checked=false;
  389. 		//http://i55.tinypic.com/2lk2xyw.png
  390. 	}catch(e){log("Config.deselectBlock: "+e);}};
  391.  
  392. 	//highlights option menu elements in an array, first clearing any elements provided in clearFirst array
  393. 	this.highlightElements =function(options,clearFirst) {try{
  394. 		if (clearFirst) for (var i=0;i<clearFirst.length; i++) if (box=$('field_'+clearFirst[i],$("Config").contentDocument) ) box.parentNode.className=box.className.replace(" highlight","");
  395. 		if (options) for (var i=0;i<options.length; i++) if (box=$('field_'+options[i],$("Config").contentDocument) ) box.parentNode.className=box.className.replace(" highlight","")+" highlight";
  396. 	}catch(e){log("Config.highlightElements: "+e);}};
  397.  
  398. 	//selects option menu elements in an array, first clearing any elements provided in clearFirst array
  399. 	this.selectElements = function(options,clearFirst) {try{
  400. 		if (clearFirst) for (var i=0;i<clearFirst.length; i++) if (box=$('field_'+clearFirst[i],$("Config").contentDocument)) box.checked=true;
  401. 		if (options) for (var i=0;i<options.length; i++) if (box=$('field_'+options[i],$("Config").contentDocument)) box.checked=true;
  402. 	}catch(e){log("Config.selectElements: "+e);}};
  403.  
  404. 	//selects option menu elements with a certain prefix, first clearing any elements starting with text appearing in clearFirst
  405. 	//this button only selects elements at the level the button appears or deeper in the option menu tree
  406. 	this.selectElementsByPrefix =function(prefix,clearPrefix) {try{
  407. 		if (clearPrefix){
  408. 			forNodes(".//*[starts-with(@id, 'field_"+clearPrefix+"')]",{doc:$("Config").contentDocument}, function(box){box.checked=false;});
  409. 		};
  410.  
  411. 		if (prefix){
  412. 			alert("prefix:"+prefix);
  413. 			forNodes(".//*[starts-with(@id, 'field_"+prefix+"')]",{doc:$("Config").contentDocument}, function(box){alert("checking"); box.checked=true;});
  414. 		};
  415. 	}catch(e){log("Config.selectElementsByPrefix: "+e);}};
  416.  
  417. 	this.addToFrame = function(field, i, k, prevSibling, objReference) {try{
  418. 	
  419. 		var isForms2Ready = (exists(jsForms) && exists(jsForms.colorPicker));
  420. 	
  421. 		var elem, elemObj, nextElem;
  422. 		var anch = this.frame;
  423. 		var Options = field.options;
  424. 		var isKid = k!=null && k===true;
  425. 		var now = timeStamp();
  426. 		
  427. 		//prefetch some stuff
  428. 		var title = field.title||"", label = field.label||"", value = field.value;
  429. 		
  430. 		//check that it is switched on by time
  431. 		if (exists(field.startDate)) {
  432. 			if ((now-Date.parse(field.startDate))<0) return; //not started yet
  433. 		}
  434. 		
  435. 		//check that it has not been switched off
  436. 		if (exists(field.endDate)) {
  437. 			if ((now-Date.parse(field.endDate))>0) return; //already ended
  438. 		}
  439.  
  440. 		var styleItems=[];
  441. 		
  442. 		//check if options change separators and sections to tabs
  443. 		var swapType=
  444. 			(this.sectionsAsTabs && field.type=="section")?"tab":
  445. 			(this.separatorsAsTabs && field.type=="separator")?"tab":
  446. 			field.type;
  447. 		
  448. 		//check if previous element was a tab 
  449. 		var tabHeader, tabParent;
  450. 		if (prevSibling!=null && prevSibling.className.contains('tab_container')) tabParent = prevSibling;
  451.  
  452. 		/*if (swapType!="tab" && tabParent) {
  453. 			//detect if a tab is selected
  454. 			var tabSelected=selectSingleNode("./span/a[contains(@class,'tab_selected')]",{node:tabParent,doc:this.frameDoc});
  455. 			if (!tabSelected) {
  456. 				//detect the first tab element
  457. 				var firstTab=selectSingleNode("./span/a",{node:tabParent,doc:this.frameDoc});
  458. 				if (firstTab) {
  459. 					//toggle that tab
  460. 					//var e = firstTab.id.removePrefix("tab_");
  461. 					//this.toggleTab(e);
  462. 					click(firstTab);
  463. 					
  464. 				}
  465. 			}
  466. 		}*/
  467. 		
  468. 		//draw it
  469. 		var counterHolder=null;
  470. 		switch(swapType) {
  471. 			case 'section':
  472. 				elem = createElement('div', {title:title, className: 'section_header_holder'},[
  473. 					createElement('a', {className:'section_header center text_border_sec hottracking', href:"javascript:void(0);", onclick:function(){self.toggle(i,true);}},[
  474. 						createElement("span",{textContent:label}),
  475. 						counterHolder=createElement("span",{className:"counter"})
  476. 					]),
  477. 					nextElem = createElement('div', {id:'field_'+i, className:'section_kids',"data-ft":value, style:"display:"+((value=="none")?"none":"block")+";"})
  478. 				]);
  479. 				styleItems[0]=elem;
  480. 				break;
  481. 			case 'separator':
  482. 				elem = createElement("div", {title:title||'', className: 'separator section_header_holder'},[
  483. 					createElement('div', {id:'field_'+i+'_all',className:'field_label block_select_all littleButton oddBlue',type:((field.hideSelectAll)?'hidden':'button'),title:'Select All',onclick:function(){self.selectBlock(this);},style:'float:right; margin-top:4px;'},[createElement("span",{className:"resourceIcon checkAll16"})]),
  484. 					createElement('div', {id:'field_'+i+'_none',className:'field_label block_select_none littleButton oddBlue',type:((field.hideSelectAll)?'hidden':'button'),title:'Select None',onclick:function(){self.deselectBlock(this);},style:'float:right; margin-top:4px;'},[createElement("span",{className:"resourceIcon uncheckAll16"})]),
  485. 					styleItems[0]=createElement('a', {className:'separator_label text_border_sep hottracking', href:"javascript:void(0);", textContent:label, onclick:function(){self.toggle(i,true);}}),
  486. 					counterHolder=createElement("span",{className:"counter"}),
  487. 					styleItems[1]=(nextElem=createElement('div', {id:'field_'+i, className:'section_kids',"data-ft":value, style:"display:"+((value=="none")?"none":"block")+";"}))
  488. 				]);
  489. 				break;
  490. 			case 'optionblock':
  491. 				elem = createElement("div", {title:title||'', className: 'config_var underline'},[
  492. 					createElement('label', {textContent:label, className:'optionblock_label', "for":'field_'+i}),
  493. 					createElement('div', {id:'field_'+i+'_all',className:'field_label block_select_all littleButton oddBlue',type:((field.hideSelectAll)?'hidden':'button'),title:'Select All',onclick:function(){self.selectBlock(this);}},[createElement("span",{className:"resourceIcon checkAll16"})]),
  494. 					createElement('div', {id:'field_'+i+'_none',className:'field_label block_select_none littleButton oddBlue',type:((field.hideSelectAll)?'hidden':'button'),title:'Select None',onclick:function(){self.deselectBlock(this);}},[createElement("span",{className:"resourceIcon uncheckAll16"})]),
  495. 					createElement('br'),
  496. 					createElement('input', {id:'field_'+i, type:'hidden', value:''}),
  497. 				]);
  498. 				styleItems[0]=elem;
  499. 				break;
  500. 			case 'textarea':
  501. 				elem = createElement("span", {title:title||'', className: 'config_var'},[
  502. 					createElement('span', {textContent:label, className:'field_label'}),
  503. 					createElement('textarea', {id:'field_'+i,innerHTML:value, cols:(field.cols?field.cols:20), rows:(field.rows?field.rows:2)})
  504. 				]);
  505. 				styleItems[0]=elem;
  506. 				break;
  507. 			case 'radio':
  508. 				var boxes = [];
  509. 				for (var j = 0,len = Options.length; j<len; j++) {
  510. 					boxes.push(createElement('span', {textContent:Options[j]}));
  511. 					boxes.push(createElement('input', {value:Options[j], type:'radio', name:i, checked:Options[j]==value?true:false}));
  512. 				}
  513. 				elem = createElement("span", {title:title||'', className: 'config_var '+(field.format||'block')},[
  514. 					createElement('span', {textContent:label, className:'field_label'}),
  515. 					createElement('span', {id:'field_'+iboxes},boxes)
  516. 				]);
  517. 				styleItems[0]=elem;
  518. 				break;
  519. 			case 'select':
  520. 				var options = [];
  521. 				if (isObject(Options)) for (var j in Options) options.push(createElement('option',{textContent:Options[j],value:j,selected:(j==value)}));
  522. 				else options.push(createElement("option", {textContent:"Error - options needs to be an object type, not an array.",value:"error",selected:"selected"}));
  523.  
  524. 				elem = createElement(isKid ? "span" : "div", {title:title||'', className: 'config_var'},[
  525. 					createElement('span', {textContent:label, className:'field_label'}),
  526. 					createElement('select',{id:'field_'+i},options)
  527. 				]);
  528. 				styleItems[0]=elem;
  529. 				break;
  530. 			case 'button':
  531. 				var tmp;
  532. 				elem = createElement("span", {className: 'config_var '+(field.format||'inline')},[
  533. 					(tmp=createElement('input', {id:'field_'+i, type:'button', value:label, size:(field.size?field.size:25), title:title||''}))
  534. 				]);
  535. 				if (field.script) self.addEvent(tmp, 'click', field.script);
  536. 				styleItems[0]=elem;
  537. 				break;
  538. 			case 'button_highlight':
  539. 				var tmp;
  540. 				elem = createElement("span", {className: 'config_var '+(field.format||'inline')},[
  541. 					createElement('input', {id:'field_'+i, type:'button', value:label, size:(field.size?field.size:25), title:title||'',onclick:function(){self.highlightElements(field.options,field.clearfirst);}})
  542. 				]);
  543. 				styleItems[0]=elem;
  544. 				break;
  545. 			case 'button_selectmulti':
  546. 				var tmp;
  547. 				elem = createElement("span", {className: 'config_var '+(field.format||'inline')},[
  548. 					createElement('input', {id:'field_'+i, type:'button', value:label, size:(field.size?field.size:25), title:title||'',onclick:function(){self.selectElements(field.options,field.clearFirst);}})
  549. 				]);
  550. 				styleItems[0]=elem;
  551. 				break;
  552. 			case 'button_selectprefix':
  553. 				var tmp;
  554. 				elem = createElement("span", {className: 'config_var '+(field.format||'inline')},[
  555. 					createElement('input', {id:'field_'+i, type:'button', value:label, size:(field.size?field.size:25), title:title||'',onclick:function(){self.selectElementsByPrefix(field.prefix,field.clearPrefix);}})
  556. 				]);
  557. 				styleItems[0]=elem;
  558. 				break;
  559. 			case 'hidden':
  560. 				elem = createElement("span", {title:title||'', className: 'config_var'},[
  561. 					createElement('input', {id:'field_'+i, type:'hidden', value:value})
  562. 				]);
  563. 				styleItems[0]=elem;
  564. 				break;
  565. 			case 'link':
  566. 				elem = createElement("span", {title:title||'', className: (field.format||'block')},[
  567. 					createElement('a', {id:'field_'+i, href:field.href, title:title||'', textContent:field.label, target:'_blank', className:'field_label link_label'+(field.newitem?' newopt':'')})
  568. 				]);
  569. 				styleItems[0]=elem;
  570. 				break;
  571.  
  572. 			case 'message':
  573. 				elem = createElement("span", {title:title||'', className: (field.format||'block')},[
  574. 					createElement('span', {id:'field_'+i, title:title||'', textContent:field.textContent, className:'field_label message_text'+(field.newitem?' newopt':'')})
  575. 				]);
  576. 				styleItems[0]=elem;
  577. 				break;
  578. 				
  579. 			case 'selecttime':
  580. 				//creates an interval from some text input
  581. 				var timevalue = calcTime(value);
  582. 				var timedays = parseInt(timevalue/day);
  583. 				var timehours = parseInt((timevalue-(timedays*day))/hour);
  584. 				var timeminutes = parseInt((timevalue-(timehours*hour)-(timedays*day))/minute);
  585. 				var timeseconds = parseInt((timevalue-(timeminutes*minute)-(timehours*hour)-(timedays*day))/second);
  586. 				
  587. 				var daynode, hournode, minutenode, secondnode, returnnode;
  588. 				var fnCalcTime = function(){
  589. 					returnnode.value = "t:"+daynode.value+"d:"+hournode.value+"h:"+minutenode.value+"m:"+secondnode.value+"s"
  590. 				};
  591.  
  592. 				elem = createElement("span", {title:title||'', className: 'config_var'},[
  593. 					createElement('span', {textContent:label, className:'field_label'}),
  594. 					returnnode=createElement('input', {id:'field_'+i,value:value,type:"hidden"}),
  595. 					
  596. 					daynode=createElement('input', {value:timedays, type:"number", onchange:fnCalcTime,size:2}),
  597. 					createElement('span', {textContent:"d", className:'field_label'}),
  598. 					hournode=createElement('input', {value:timehours, type:"number", onchange:fnCalcTime,size:2}),
  599. 					createElement('span', {textContent:"h", className:'field_label'}),
  600. 					minutenode=createElement('input', {value:timeminutes, type:"number", onchange:fnCalcTime,size:2}),
  601. 					createElement('span', {textContent:"m", className:'field_label'}),
  602. 					secondnode=createElement('input', {value:timeseconds, type:"number", onchange:fnCalcTime,size:2}),
  603. 					createElement('span', {textContent:"s", className:'field_label'}),
  604. 				]);
  605. 				styleItems[0]=elem;
  606. 				break;
  607. 				
  608. 				
  609. 			//deprecated
  610. 			case 'tabcontrol':
  611. 				elem = createElement("div",{title:title||'', className: 'tab_container'});
  612. 				styleItems[0]=elem;
  613. 				break;
  614. 			case 'tabelement':
  615. 				var value2 = self.values[field.key];
  616. 				elem = createElement("span",{title:title||'',className:'tab_element'},[
  617. 					createElement('a', {id:'tab_'+field.key,className:'tab_header text_border_sec hottracking'+((value2=='block')?" tab_selected":""),href:"javascript:void(0);", textContent:label, onclick:function(){self.toggleTab(field.key);}})
  618. 				]);
  619. 				styleItems[0]=elem;
  620. 				break;
  621. 			case 'tabbody':
  622. 				elem = createElement("div",{id:'field_'+i,title:title||'',"data-ft":value,style:("display:"+value+";"),className:'tab_body'});
  623. 				styleItems[0]=elem;
  624. 				break;
  625. 			//end deprecated
  626. 				
  627. 				
  628. 			case 'tab': //tab shortform
  629. 				var objRef=null;
  630. 				if (null && isForms2Ready) {
  631. 					//build tabs using the jsForms library
  632. 				
  633. 					//objReference should be a jsForms.tabControl object
  634. 					if (objReference) {
  635. 						//we have a reference to a jsForms.tabControl object
  636. 						objRef=objReference;
  637. 					} else {
  638. 						//need to realize a tabControl for this tab
  639. 						objRef=new jsForms.tabControl({
  640. 							dock:"fill",
  641. 							preventAutoSelectTab:true,
  642. 						});
  643. 					}
  644. 					//add our tab as a jsForms.tabPage
  645. 					var thisTab = objRef.addTab({
  646. 						text:label,
  647. 					});
  648. 					//prepare for child elements to be added
  649. 					elem=objRef.node; //always return the tabControl
  650. 					nextElem=thisTab.pageNode;
  651. 					
  652. 					//set tab and tab page to be stylized
  653. 					styleItems[0]=thisTab.buttonNode;
  654. 					styleItems[1]=nextElem;
  655. 					
  656. 					
  657. 				} else {	
  658. 					//build tabs using this library
  659. 				
  660. 					//create tab container if needed
  661. 					if (!tabParent){
  662. 						tabParent = createElement("div",{className:'tab_container'},[
  663. 							tabHeader=createElement("div",{className:'tab_header_container'}) 
  664. 						]);
  665. 					}
  666. 					
  667. 					//ALWAYS return the tabContainer element so the next
  668. 					//element can join with it if needed
  669. 					elem=tabParent;
  670.  
  671. 					//create tab header if needed
  672. 					if (!tabHeader){
  673. 						tabHeader = tabParent.firstChild; //assume no header
  674. 						if (!tabHeader.className.contains('tab_header_container')) {
  675. 							tabParent.appendChild(tabHeader=createElement("div",{className:'tab_header_container'}) );
  676. 						}
  677. 					}
  678.  
  679. 					//create tab element
  680. 					tabHeader.appendChild(
  681. 						styleItems[0]=createElement("span",{className:'tab_element '},[
  682. 							createElement('a', {id:'tab_'+i,className:'tab_header text_border_sec hottracking'+((value=='block')?" tab_selected":""),href:"javascript:void(0);", onclick:function(){self.toggleTab(i);}},[
  683. 								createElement("span",{textContent:label}),
  684. 								counterHolder=createElement("span",{className:"counter"})
  685. 							])
  686. 						])
  687. 					);
  688. 						
  689. 					//create tab body
  690. 					tabParent.appendChild(
  691. 						styleItems[1]=(nextElem=createElement("div",{id:'field_'+i,title:title||'',"data-ft":value,style:("display:"+value+";"),className:'tab_body'}) )
  692. 					);
  693. 				}
  694. 				
  695. 				break;
  696.  
  697. 			case 'text':
  698. 			case 'float':
  699. 			case 'long':
  700. 			case 'int':
  701. 			case 'colorbox':
  702. 				var box;
  703. 				if (isForms2Ready && field.type=="colorbox") {
  704. 					var o,l;
  705. 					elem = createElement(isKid ? "span" : "div", {title:title||'', className: 'config_var tablerow'},[
  706. 						createElement('span', {textContent:label, className:'field_label tablecell'}),
  707. 						box=(o=jsForms.createElement("colorPicker",{
  708. 							dropDownSize:{height:"200px"},
  709. 							text:value,
  710. 						})).node
  711. 					]);
  712. 					o.textNode.id="field_"+i;
  713. 					box.className="tablecell";
  714. 				} else {
  715. 					elem = createElement(isKid ? "span" : "div", {title:title||'', className: 'config_var'},[
  716. 						createElement('span', {textContent:label, className:'field_label'}),
  717. 						box=createElement('input', {id:'field_'+i, type:'text', value:value, size:(field.size?field.size:25)})
  718. 					]);
  719. 				}
  720. 				styleItems[0]=elem;
  721. 				if (field.type=="colorbox" && !isForms2Ready){
  722. 					box.style.setProperty("background-color",value,"important");
  723. 					box.style.color="white";
  724. 					box.style.textShadow="-1px -1px 1px #000000, 1px 1px 1px #000000, 1px -1px 1px #000000, -1px 1px 1px #000000";
  725. 					box.style.fontWeight="bold";
  726. 					box.onchange=function(){
  727. 						this.style.setProperty("background-color",this.value,"important");
  728. 					}
  729. 				}
  730. 				break;
  731.  
  732. 			default:
  733. 			case 'checkbox':
  734. 				elem = createElement("span", {title:title||'', className: 'config_var '+(field.format||'block')},[
  735. 					createElement('label', {textContent:label, className:'field_label', "for":'field_'+i}),
  736. 					createElement('input', {id:'field_'+i, type:'checkbox', value:value, checked:value})
  737. 				]);
  738. 				styleItems[0]=elem;
  739. 		}
  740. 		
  741. 		//cleanup
  742. 		tabContainer=null; tabParent=null;
  743.  
  744. 		//add special classes and styles
  745. 		if (styleItems.length) for (si=0,silen=styleItems.length;si<silen;si++){
  746. 			styleItems[si].className+=(field.newitem?' newopt'+((field.newitem===true)?"":field.newitem):'')+" "+(field.css||"");
  747. 			if(field.backgroundColor) styleItems[si].style.backgroundColor=field.backgroundColor;
  748. 			if(field.fontColor) styleItems[si].style.color=field.fontColor;
  749. 		}
  750.  
  751. 		//add its kids
  752. 		var newCount=(field.newitem?1:0);
  753. 		if (field.kids) {
  754. 			var kids=field.kids,prev;
  755. 			for (var kid in kids) {
  756. 				var childRet = this.addToFrame(kids[kid], kid, true, prev, objRef);
  757. 				(nextElem||elem).appendChild(prev=childRet.elem);
  758. 				newCount=newCount+childRet.newCount
  759. 			}
  760. 		}
  761. 		
  762. 		//display the new item count for this branch
  763. 		if (newCount && (swapType=="tab" || swapType=="section" || swapType=="separator") && counterHolder){
  764. 			counterHolder.textContent=newCount;
  765. 			counterHolder.style.display="inline-block";
  766. 			counterHolder.title=newCount+" new items in this section.";
  767. 			counterHolder.className+=" newOpt"; //make it green
  768. 		}
  769.  
  770. 		//return this branch and its new item count
  771. 		return {elem:elem, newCount:newCount};
  772. 	}catch(e){log("Config.addToFrame: "+e);}};
  773.  
  774. 	this.exportSettings = function(){try{
  775. 		var v = JSON.stringify(this.values)
  776. 		prompt("Copy and save these settings with a text editor such as notepad.",v);
  777. 	}catch(e){log("Config.exportSettings: "+e);}};
  778.  
  779. 	this.importSettings = function(){try{
  780. 		var ask=this.confirms.import
  781. 		if (!ask || (ask && confirm("This will overwrite your current settings. Are you sure?"))) {
  782. 			var v = prompt("Paste saved settings below.",null);
  783. 			if (v!=null && v!=""){
  784. 				v=JSON.parse(v);
  785. 				if (v) {
  786. 					this.values = v;
  787. 					this.configure();
  788. 					this.save();
  789. 					alert("Please refresh your browser to use the new settings.");
  790. 				} else {
  791. 					alert("Could not import settings!");
  792. 				}
  793. 			}
  794. 		}
  795. 	}catch(e){log("Config.importSettings: "+e);}};
  796.  
  797. 	this.css = {
  798. 		basic: 'body {background:#FFFFFF;}\n' +
  799. 		'.indent40 {margin-left:40%;}\n' +
  800. 		'* {font-family: arial, tahoma, sans-serif, myriad pro;}\n' +
  801. 		'.field_label {font-weight:bold; font-size:12px; margin-right:6px;}\n' +
  802. 		'.block {display:block;}\n' +
  803. 		'.saveclose_buttons {margin:16px 10px 10px 10px;padding:2px 12px 2px 12px;}\n' +
  804. 		'.reset, #buttons_holder, .reset a {text-align:right; color:#000000;}\n' +
  805. 		'.config_header {font-size:20pt; margin:0;}\n' +
  806. 		'.config_desc, .section_desc, .reset {font-size:9pt;}\n' +
  807. 		'.center {text-align:center;}\n' +
  808. 		'.config_var {margin:0 0 4px 0; display:block;}\n' +
  809. 		'input[type="radio"] {margin-right:8px;}\n'+
  810.  
  811.  
  812. 		"body {color: buttontext !important; margin:0 !important; background:buttonface !important;}\n"+
  813. 		".logo {width:128px; height:74px;}\n"+
  814.  
  815. 		'.section_header {font-size:13pt; background:#414141; color:#FFFFFF; border:1px solid #000000; margin:0;}\n' +
  816. 		".section_header {border:1px solid #000000; border-radius: 5px 5px 5px 5px; color:white !important;background:buttonshadow !important; display:block; font-size: 15px !important; font-weight: 700 !important; line-height:23px !important;text-decoration:none !important;}\n"+
  817. 		'.section_desc {font-size:9pt; background:#EFEFEF; color:#575757; border:1px solid #CCCCCC; margin:0 0 6px 0;}\n' +
  818. 		".separator_label {border:1px solid #007195; border-radius: 5px 5px 5px 5px; font-size: 15px !important; line-height:19px !important; font-weight: 700 !important; color:white !important; text-decoration:none !important; margin:0 !important; padding:1px 0 1px 6px !important; display:block !important; background:buttonshadow !important;}\n"+
  819. 		".section_header_holder {border-radius: 5px 5px 5px 5px;padding:0 6px 0 6px !important; margin-bottom:6px !important; }\n"+
  820. 		".section_kids {background:buttonface !important;border-radius: 0 0 5px 5px;border: 1px solid #000000 !important;border-top:0 !important;padding: 0 6px 6px !important;margin: 0 6px 0 6px !important;}\n"+
  821. 		"#header {font-size:18px !important;}\n"+
  822. 		"div.config_var span.config_var {display:inline-block !important; margin-left:10px !important;}\n"+
  823. 		"div.config_var {margin:0 !important; padding: 2px 0 2px 0 !important;}\n"+
  824. 		".optionblock_label {display:inline-block; font-size:16px !important; font-weight:bold; padding-top:10px; color:buttontext;}\n"+
  825. 		//".block_select_all {margin-top:4px; background: #ccffff url('http://i55.tinypic.com/6ih93q.png') no-repeat center;width:17px;height:17px;border-radius: 2px 2px 2px 2px;}\n"+
  826. 		//".block_select_none {margin-top:4px; background: #ccffff url('http://i55.tinypic.com/2lk2xyw.png') no-repeat center;width:17px;height:17px;border-radius: 2px 2px 2px 2px;}\n"+
  827. 		".field_label {font-size:11px !important;}\n"+
  828. 		".link_label {line-height:19px; position:relative;z-index:0;padding:2px 6px 2px 6px; border-radius: 0px 25px 0px 25px / 0px 100px 0px 100px; margin-left:6px !important; text-decoration:none;border: 1px solid black; color:black !important; background:#EFF2F7 !important;}\n"+
  829. 		".link_label:hover, .link_label:active {z-index:1; background:#D8DFEA !important;}\n"+
  830. 		"span.field_label:not([class*=\"separator\"]) {margin-right:8px !important;} label.field_label {margin:0 !important;}\n"+
  831. 		"span > label.field_label {margin-right:0 !important;}\n"+
  832. 		"select, input[type=\"text\"], textarea {background-color:window !important; color:windowtext !important; border:none !important;}\n"+
  833.  
  834. 		".tab_element {display:inline-block !important;}\n"+
  835. 		".tab_header {background:buttonshadow !important;color:buttonface !important; padding:2px 6px;border:1px solid #000000; border-radius: 5px 5px 0 0; margin:0 !important; font-size: 13px !important; line-height:19px !important; font-weight: 700 !important; text-decoration:none !important;position:relative;z-index:0;}\n"+
  836. 		".hottracking:hover {background:highlight !important;}\n"+
  837. 		".tab_body {padding: 10px !important;margin: 0 !important; background:buttonface !important;border-radius: 0 5px 5px 5px;border: 1px solid #000000 !important;display:none;position:relative;z-index:1;top:0px;}\n"+
  838. 		".tab_selected {background:buttonface !important;border-bottom:0 !important;color:black !important; z-index:2; text-shadow:none !important;}\n"+
  839.  
  840. 		".inline {display:inline-block;}\n"+
  841. 		".block {display:block;}\n"+
  842. 		".tablerow {display:table-row;}\n"+
  843. 		".tablecell {display:table-cell;}\n"+
  844. 		".floatright {float:right;}\n"+
  845. 		".floatleft {float:left;}\n"+
  846.  
  847. 		".underline {border-bottom:1px solid #70BAFF;}\n"+
  848. 		".overline {border-bottom:1px solid #70BAFF;}\n"+
  849. 		".hidden {display:none;}\n"+
  850. 		".unreleased, .ghost, .ended {opacity:0.25;}\n"+
  851. 		".highlight {background:#94BC41 !important; color:black;}\n"+
  852. 		".green {background:green !important;color:black;}\n"+
  853. 		".red {background:darkred !important;color:black;}\n"+
  854. 		".blue {background:royalblue !important;color:black;}\n"+
  855. 		".orange {background:darkorange !important;color:black;}\n"+
  856. 		".yellow {background:gold !important;color:black;}\n"+
  857. 		".silver {background:silver !important;color:black;}\n"+
  858. 		".gray {background:gray !important;color:black;}\n"+
  859. 		".white {background:white !important;color:black;}\n"+
  860. 		".black {background:black !important;color:white;}\n"+
  861. 		".box {border:1px solid silver;}\n"+
  862. 		".newopt {background:#027B09 !important;}\n"+
  863. 		".newopt1 {background:green !important;}\n"+
  864. 		".newopt2 {background:darkred !important;}\n"+
  865. 		".newopt3 {background:royalblue !important;}\n"+
  866.  
  867. 		".text_border_sep {font-family:tahoma; text-shadow: 0 0 1px black, 0 0 1px black, 0 0 1px black, 0 0 1px black;text-transform:uppercase; font-weight:900 !important;}\n"+
  868. 		".text_border_sec {font-family:tahoma; text-shadow: 0 0 1px black, 0 0 1px black, 0 0 1px black, 0 0 1px black;text-transform:uppercase; font-weight:900 !important;}\n"+
  869.  
  870. 		"#buttons_holder {bottom: 0; position: fixed; right: 0; z-index: 1;}\n"+
  871. 		".bigSpacer {height:50px; display:block;}\n"+
  872.  
  873. 		//little button div
  874. 		".littleButton {background-color:threedshadow; border-radius:5px; margin:1px; display:inline-block; vertical-align:middle;}\n"+
  875. 		".littleButton:hover {background-color:highlight !important;}\n"+
  876. 		".littleButton>img {position:relative; display:block;}\n"+
  877. 		".littleButton.oddOrange {background-color:#FF9968;}\n"+
  878. 		".littleButton.oddBlack {background-color:#82976E;}\n"+
  879. 		".littleButton.oddBlue {background-color:#51D1EA;}\n"+
  880. 		".littleButton.oddGreen {background-color:#B7E54F;}\n"+
  881. 			
  882. 		".counter {margin-left: 5px; margin-right:-5px; font-size: .75em; padding: 2px; border: 1px solid black; border-radius: 4px; position: relative; top: -1em; display: none; line-height:1em; text-shadow:none; color:white;}\n"+
  883. 		
  884. 		"", //leave here
  885. 		
  886. 		user: ""
  887. 	};
  888.  
  889. 	this.center = function() {try{
  890. 		var node = this.frame;
  891. 		if (!node) return;
  892. 		var style = node.style, beforeOpacity = style.opacity;
  893. 		if(style.display=='none') style.opacity='0';
  894. 		style.display = '';
  895. 		style.top = Math.floor((window.innerHeight/2)-(node.offsetHeight/2)) + 'px';
  896. 		style.left = Math.floor((window.innerWidth/2)-(node.offsetWidth/2)) + 'px';
  897. 		style.opacity = '1';
  898. 	}catch(e){log("Config.center: "+e);}};
  899.  
  900. 	this.addEvent = function(el,ev,scr) {try{
  901. 		el.addEventListener(ev, function() { typeof scr == 'function' ? doAction(scr) : eval(scr) }, false); 
  902. 	}catch(e){log("Config.addEvent: "+e);}};
  903.  
  904. 	this.toggle = function(e,newMode) {try{
  905. 		var node=this.frame.contentDocument.getElementById((newMode)?'field_'+e:e);
  906. 		node.style.display=(node.style.display!='none')?'none':'block';
  907. 		node.setAttribute("data-ft",node.style.display);
  908. 		if (this.useScrollIntoView && node.style.display!='none') node.parentNode.scrollIntoView(true);
  909. 		//Config.setValue(e, node.style.display);
  910. 	}catch(e){log("Config.toggle: "+e);}};
  911.  
  912. 	this.toggleTab = function(e) {try{
  913. 		var tabBodyNode=this.frame.contentDocument.getElementById('field_'+e);
  914. 		var tabHeaderNode=this.frame.contentDocument.getElementById('tab_'+e);
  915.  
  916. 		//unselect selected tabs
  917. 		var tabCtrl = tabBodyNode.parentNode;
  918. 		var tabs=selectNodes("./span[contains(@class,'tab_element')]/a[contains(@class,'tab_selected')] | ./div[contains(@class,'tab_header_container')]/span[contains(@class,'tab_element')]/a[contains(@class,'tab_selected')]",{node:tabCtrl,doc:$("Config").contentDocument});
  919. 		if (tabs) for (var i=0,tab;(tab=tabs.snapshotItem(i));i++) {
  920. 			var id=tab.id.substring(4);
  921. 			tab.className = tab.className.replace(' tab_selected','');
  922. 			var node=$('field_'+id,$("Config").contentDocument);
  923. 			node.style.display='none';
  924. 			node.setAttribute("data-ft","none");
  925. 			tab=null;
  926. 		}
  927.  
  928. 		//select the tab
  929. 		tabHeaderNode.className += " tab_selected";
  930. 		tabBodyNode.style.display="block";
  931. 		tabBodyNode.setAttribute("data-ft","block");
  932.  
  933. 		//bring into view
  934. 		if (this.useScrollIntoView) tabHeaderNode.scrollIntoView(true);
  935.  
  936. 		//cleanup
  937. 		tabBodyNode = null;tabHeaderNode=null;tabCtrl=null;tabs=null;
  938. 	}catch(e){log("Config.toggleTab: "+e);}};
  939.  
  940. 	//initialize
  941. 	if (exists(params)) {
  942. 		this.init(params);
  943. 	}
  944. 	
  945. 	log("Config initialized");
  946. 	return self;
  947. };	
  948. })();