☰

WM Config Interface

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

As of 14.04.2014. See ბოლო ვერსია.

ეს სკრიპტი არ უნდა იყოს პირდაპირ დაინსტალირებული. ეს ბიბლიოთეკაა, სხვა სკრიპტებისთვის უნდა ჩართეთ მეტა-დირექტივაში // @require https://update.greatest.deepsurf.us/scripts/419/1301/WM%20Config%20Interface.js. 

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