☰

Gazelle : External CSS Saver

Save External CSS

  1. // ==UserScript==
  2. // @name        Gazelle : External CSS Saver
  3. // @namespace   hateradio)))
  4. // @description Save External CSS
  5. // @include     http*://*.what.cd/user.php?action=edit&userid=*
  6. // @include     http*://*.apollo.rip/user.php?action=edit&userid=*
  7. // @version     2
  8. // @grant       none
  9. // ==/UserScript==
  10.  
  11. (function(){
  12. 	var strg, saver;
  13. 	
  14. 	strg = {
  15. 		on:(function(){ try { var s = window.localStorage; if(s.getItem&&s.setItem&&s.removeItem){return true;} }catch(e){return false;} }()),
  16. 		read:function(key){ return this.on ? JSON.parse(window.localStorage.getItem(key)) : false; },
  17. 		save:function(key, dat){ return this.on ? !window.localStorage.setItem(key, JSON.stringify(dat)) : false; },
  18. 		wipe:function(key){ return this.on ? !window.localStorage.removeItem(key) : false; },
  19. 		zero:function(o){ var k; for(k in o){ if(o.hasOwnProperty(k)){ return false; } } return true; },
  20. 		grab:function(key, def){ return this.read(key) || def; }
  21. 	};
  22. 		
  23. 	saver = {
  24. 		boxes : 8,
  25. 		cssBoxUrl : document.getElementById('styleurl'),
  26. 		cssBox : document.getElementById('styleurl').parentNode,
  27. 		submitButton : document.querySelector('input[value="Save Profile"]'),
  28. 		data : strg.grab('css_saves', {}),
  29. 		reg : /(?:\.css)/,
  30. 		init : function () {
  31. 			this.box.insert();
  32. 			this.submitButton.addEventListener('click', this.box.saveValues, false);
  33. 		},
  34. 		box : {
  35. 			saveValues : function () {
  36. 				var i = 0, s = {}, v = '';
  37. 				for (i; i < saver.boxes; i++) {
  38. 					v = document.getElementById('addcss'+i).value;
  39. 					s[i] = saver.reg.test(v) ? v : '';
  40. 				}
  41. 				strg.save('css_saves', s);
  42. 			},
  43. 			putValue : function () {
  44. 				if (saver.reg.test(this.value)) {
  45. 					document.getElementById('styleurl').value = this.value;
  46. 				}
  47. 			},
  48. 			getValue : function (id) {
  49. 				return saver.data[id] || '';
  50. 			},
  51. 			insert : function () {
  52. 				var i = 0, e, f = document.createDocumentFragment(), s = document.createElement('small');
  53. 				f.appendChild(document.createElement('br'));
  54. 				for (i; i < saver.boxes; i++) {
  55. 					e = document.createElement('input');
  56. 					e.type = 'url';
  57. 					e.id = 'addcss' + i;
  58. 					e.value = this.getValue(i);
  59. 					e.size = 60;
  60. 					e.addEventListener('dblclick', saver.box.putValue, false);
  61. 					f.appendChild(e);
  62. 					f.appendChild(document.createElement('br'));
  63. 				}
  64. 				s.textContent = 'Submit the form to save.';
  65. 				f.appendChild(s);
  66. 				saver.cssBox.appendChild(f);
  67. 			}
  68. 		}
  69. 	};
  70. 	saver.init();
  71. }());