☰

WM Config Interface

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

目前為 2014-04-14 提交的版本，檢視 最新版本。

此腳本不應該直接安裝，它是一個供其他腳本使用的函式庫。欲使用本函式庫，請在腳本 metadata 寫上： // @require https://update.cn-greasyfork.org/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://greasyfork.org/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. })();