flamp.fix.user.js

flamp.fix.user.js

// ==UserScript==
// @name flamp_fix
// @description save entire textarea in localStorage
// @version 0.1.0
// @namespace http://potomushto.com
// @include http://*.flamp.ru/*
// @match http://*.flamp.ru/*
// ==/UserScript==

// http://userscripts.org/scripts/show/89824
(function(){
	function init(){		
		var localStorage=window.localStorage;
		if(!localStorage)return;

		
		var prefs={
			interval:1000,								
			delonsubmit:false,									
			shelfLife:2 //days life								
		};
		


		var JSONParse=JSON.parse || function(json){return eval('('+json+')')};

		
		var oneDay=86400000;
		var curTime=new Date().getTime();

		var preCheckTime=Number(localStorage.getItem('textarea_backup_removeExpired') || 0);

		var shelfLife=prefs.shelfLife;
		if(((curTime-preCheckTime)/oneDay)>=shelfLife){
			localStorage.setItem('textarea_backup_removeExpired',curTime.toString());
			var lname,
				ldata,
				ldtimes,
				llength;
			try{
				llength=localStorage.length-1;
			}catch(e){
				llength=100;
			};
			for(;llength>=0;llength--){
				try{
					lname=localStorage.key(llength);
				}catch(e){
					continue
				};
				if(!lname)continue;

				if(/^flamp.+/i.test(lname)){
					try{
						ldata=JSONParse(localStorage.getItem(lname));
					}catch(e){
						localStorage.removeItem(lname);
						continue;
					};
					ldtimes=ldata.timeStamp || 0;

					if(((curTime-ldtimes)/oneDay)>=shelfLife){
						localStorage.removeItem(lname);
					};
				};
			};
		};

		var url=location.href.replace(/#.*$/i,'');
		var key='flamp'+url;
		//alert(key);
		var preData=localStorage.getItem(key);
		if(preData){
			try{
				preData=JSONParse(preData);
			}catch(e){

			};
		}
		else { console.log (key + ' not found'); }
		if(!preData)preData={};

		
		function copyObj(obj){
			var newObj={};
			for(var i in obj){
				if(obj.hasOwnProperty(i)){
					//alert(i);
					newObj[i]=obj[i];
				};
			};
			return newObj;
		};

		var curData=copyObj(preData);
		//curData={}

		function AreaObject(ta,id,isTA){
			this.self=ta;			
			this.preData=preData[id]? decodeURIComponent(preData[id]) : '';
			this.id=id;
			this.isTA=isTA;
		};

		var gStyle;

		AreaObject.prototype={
			init:function(){
				var selfObj=this;
				if(selfObj.preData){

					var div=document.createElement('div');
					if(!gStyle){
						var style=document.createElement('style');
						gStyle=style;
						style.type='text/css';
						style.textContent='\
							.textarea_backup_div,\
							.textarea_backup_div2{\
								position:absolute!important;\
								color:black!important;\
								background-color:white!important;\
								border:1px solid black!important;\
								font-size:12px!important;\
								cursor:pointer!important;\
							}\
							.textarea_backup_div{\
								z-index:9999!important;\
								opacity:0.3!important;\
								padding:3px!important;\
								width:auto!important;\
								height:auto!important;\
								border-radius:5px!important;\
								-moz-border-radius:5px!important;\
								-o-transition:opacity ease-in-out 0.2s;\
								-moz-transition:opacity ease-in-out 0.2s;\
								-webkit-transition:opacity ease-in-out 0.2s;\
							}\
							.textarea_backup_div2{\
								padding:0!important;\
								margin:0!important;\
								border-radius:10px!important;\
								-moz-border-radius:10px!important;\
								width:10px!important;\
								height:10px!important;\
								line-height:10px!important;\
								text-align:center!important;\
								display:none!important;\
							}\
							.textarea_backup_div:hover{\
								opacity:0.8!important;\
							}\
							.textarea_backup_div:hover .textarea_backup_div2{\
								display:block!important;\
							}\
						';
						document.getElementsByTagName('head')[0].appendChild(style);
					};
					div.textContent='восстановить бэкап';
					div.title='у этой формы есть сохраненный бэкап';
					div.className='textarea_backup_div';
					div.setAttribute('contenteditable','false');
					div.addEventListener('click',function(){
						selfObj.restore();
						selfObj.backup();
					},false);
					var div2=document.createElement('div');
					div2.title='удалить';
					div2.textContent='x';
					div2.className='textarea_backup_div2';
					div2.style.cssText='\
						top:-6px;\
						right:-6px;\
					';
					div2.addEventListener('click',function(e){
						e.stopPropagation();
						this.parentNode.style.setProperty('display','none','important');
					},false);
					div.appendChild(div2);
					document.body.appendChild(div);
					this.div=div;
					window.addEventListener('resize',function(){
						selfObj.setDivPosition();
					},false);
				};
				var intervalx;
				this.self.addEventListener('blur',function(){
					selfObj.backup();
					window.clearInterval(intervalx);
				},false);
				this.self.addEventListener('focus',function(){
					selfObj.backup();
					selfObj.setDivPosition();
					intervalx=window.setInterval(function(){
						selfObj.backup();
					},prefs.interval);
				},false);
			},
			setDivPosition:function(){
				var div=this.div;
				if(!div || div.style.display=='none')return;
				var CR=this.self.getBoundingClientRect();
				var ta_top=CR.top+window.scrollY;
				var ta_left=CR.right+window.scrollX;
				div.style.top=ta_top-10+'px';
				div.style.left=ta_left-10+'px';
 			},
			backup:function(){
				var value=this.isTA? this.self.value : this.self.innerHTML;
				console.log('this id' + this.id);				
				curData[this.id]=encodeURIComponent(value);
				curData.timeStamp=curTime;
				var str=this.toString(curData);
				localStorage.setItem(key,str);
			},
			restore:function(){
				var oValue=this.isTA? this.self.value : this.self.innerHTML;
				if(!oValue){
					if(this.isTA){
						this.self.value=this.preData;
					}else{
						this.self.innerHTML=this.preData;
					};
				}else{
					if(this.isTA){
						this.self.value+='\n'+this.preData;
					}else{
						this.self.innerHTML+=(/<br[^>]*>$/i.test(oValue)? '' : '<br />')+this.preData;
					};
				};
			},
			toString:function(y){
				function toStr(x){
					//alert(typeof x);
					switch(typeof x){
						case 'undefined':{
							return Str(x);
						}break;
						case 'boolean':{
							return Str(x);
						}break;
						case 'number':{
							return Str(x);
						}break;
						case 'string':{
							return '"'+x.replace(/\\/g,'\\\\').replace(/"/g,'\\"')+'"';
						}break;
						case 'function':{
							var fnstr=x.toString();
							if(fnstr.search(/\[native\s+code\]/i)==-1){
								return fnstr;
							}else{
								var fnName=fnstr.match(/function\s+(.+)\(/i);
								return  fnName? fnName[1] : Str(undefined);
							};
						}break;
						case 'object':{
							if(x===null){
								return Str(x);
							};
							//alert(x.constructor);
							switch(x.constructor){
								case Object:{
									var i,
												rStr='';
									for(i in x){
										//alert(i);
										if(!x.hasOwnProperty(i)){
											//alert(i);
											continue;
										};
										rStr+=toStr(i)+':'+toStr(x[i])+',';
									};
									return ('{'+rStr.replace(/,$/i,'')+'}');
								}break;
								case Array:{
									var i,
												rStr='';
									for(i in x){
									
										if(!x.hasOwnProperty(i)){
									
											continue;
										};
										rStr+=toStr(x[i])+',';
									};
									return '['+rStr.replace(/,$/i,'')+']';
								}break;
								case RegExp:{
									return Str(x);
								}break;
								case Function:{
									return x.toString();
								}break;
								case String:{
									return toStr(x.valueOf());
								}break;
								case Number:{
									return Str(x.valueOf());
								}break;
								case Boolean:{
									return Str(x.valueOf());
								}break;
								default:{
									//alert(x.constructor);
								}break;
							};
						}break;
						default:break;
					};
				};
				var Str=String;
				return toStr(y);
			},
		};

	
		function removeData(){
			//alert('remove');
			localStorage.removeItem(key);
		};

		document.addEventListener('focus',function(e){
			var target=e.target;
			//alert(target.hasAttribute('contenteditable'));
			var nodeName=target.nodeName.toLowerCase();
			if(((nodeName=='textarea' && !target.readOnly) || (target.hasAttribute('contenteditable') && target.getAttribute('contenteditable')=='true')) && !target.hasAttribute('xbackuping')){
				target.setAttribute('xbackuping','true');
				if(nodeName=='body')return;
				var id=target.id || target.name || target.className;
				if(!id)return;
				var isTextArea=(nodeName=='textarea');
				if(prefs.delonsubmit && target.form)target.form.addEventListener('submit',removeData,false);
				var taObject=new AreaObject(target,id,isTextArea);
				taObject.init();
			};
		},true);
	};

	if(window.opera){

		document.addEventListener('DOMContentLoaded',init,false);
	}else{
		init();
	}
})();