├── res
    └── ico
    │   ├── link16.png
    │   ├── star16.png
    │   ├── github-icon.png
    │   └── favicon_mascm.ico
├── converter.js
└── index.html


/res/ico/link16.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/lsauer/chrome-session-restore/HEAD/res/ico/link16.png


--------------------------------------------------------------------------------
/res/ico/star16.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/lsauer/chrome-session-restore/HEAD/res/ico/star16.png


--------------------------------------------------------------------------------
/res/ico/github-icon.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/lsauer/chrome-session-restore/HEAD/res/ico/github-icon.png


--------------------------------------------------------------------------------
/res/ico/favicon_mascm.ico:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/lsauer/chrome-session-restore/HEAD/res/ico/favicon_mascm.ico


--------------------------------------------------------------------------------
/converter.js:
--------------------------------------------------------------------------------
  1 | 
  2 |     // author: (c) 2011 by Lorenz Lo Sauer; lsauer.com
  3 |     // 
  4 |     // Permission is hereby granted, free of charge, to any person obtaining a copy
  5 |     // of this software and associated documentation files (the "Software"), to deal
  6 |     // in the Software without restriction, including without limitation the rights
  7 |     // to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
  8 |     // copies of the Software, and to permit persons to whom the Software is
  9 |     // furnished to do so, subject to the following conditions:
 10 |     // 
 11 |     // The above copyright notice and this permission notice shall be included in
 12 |     // all copies or substantial portions of the Software.
 13 |     // 
 14 |     // THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 15 |     // IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
 16 |     // FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 17 |     // AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
 18 |     // LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
 19 |     // OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
 20 |     // THE SOFTWARE.
 21 |     //
 22 |     // Design 10/2011 by Lo Sauer, MIT-LICENSE or BSD-LICENSE
 23 |     // Design of the Chromium Logo by Google Inc.; Parts are Chrome CSS - BSD license applies
 24 | 
 25 | 		/**
 26 | 		* islib: see here for more; any unused functions are stripped
 27 | 		*/
 28 | 		var is = (function(){
 29 | 		  return {
 30 | 			xhrStatus : {},    //holds the status of the most recent XHR call
 31 | 			Debug : false,    //<boolean> e.g. allow failing by throwing errors, logging...
 32 | 			get FileAccess()  { return typeof(window.File) !== 'undefined' && typeof(window.FileReader) === 'function' && typeof(window.FileList) !== 'undefined'; },
 33 |    			get DragSupport()    { var el = document.getElementsByTagName('body')[0]; if(!el) return false; else return el.hasOwnProperty('ondragenter') && el.hasOwnProperty('ondragend'); },
 34 | 		  }})();
 35 | 		
 36 | 		/**
 37 | 		* simple multi timer
 38 | 		*/
 39 | 		j2timer();
 40 | 		function j2timer(e){ 
 41 | 			window.tdiff || (window.tdiff = []);
 42 | 			window.tdlog || (window.tdlog = []);
 43 | 			window.fnred || (window.fnred = function(a,b){return a-b;});
 44 | 			
 45 | 			//toogle statement
 46 | 			if( (tdiff.length+1) % 2){
 47 | 				tdiff.push( Date.now());
 48 | 				return;
 49 | 			}
 50 | 			tdlog.push(["TIMER:", Date.now()-tdiff[tdiff.length-1], "[msec]; NOW:", Date.now(), "; WHO:", e, this.constructor.toString().split("(")[0]]);
 51 | 			//commet this line out
 52 | 			//console.log(tdlog.pop().join(" ") );
 53 | 		}
 54 | 		
 55 | 		//------------IMPLEMENTATION----------------//
 56 | 		function eventstop(e){
 57 | 			e.stopPropagation();
 58 | 			e.preventDefault();
 59 | 		};
 60 | 		
 61 | 		/**
 62 | 		* concise element selector function; 09/2011
 63 | 		*/
 64 | 		function gEl(name){ //get Element by name [+childName]
 65 | 			if( document.getElementById(name) != undefined )
 66 | 				return document.getElementById(name);
 67 | 			else 
 68 | 				return document.getElementsByName(name)[0]; //first el is returned!
 69 | 		}
 70 | 		
 71 | 		function gel(name, child){ //get Element by name [+childName]
 72 | 			var el;
 73 | 			if( name instanceof HTMLElement )
 74 | 				el = name;
 75 | 			else
 76 | 				if( document.getElementById(name) != undefined )
 77 | 					el = document.getElementById(name);
 78 | 				else 
 79 | 					el = document.getElementsByName(name)[0];
 80 | 			if(child === undefined || el === undefined) 
 81 | 				return el;
 82 | 				
 83 | 			//search first within, otherwise outside...
 84 | 			var regx = new RegExp(child, "gi");
 85 | 			for(var i=0, els = el.children; i<els.length; i++ ){
 86 | 				if( regx.test(els[i].tagName) || regx.test(els[i].id) ){
 87 | 					return els[i];
 88 | 				}
 89 | 			}
 90 | 			for(var i=0, els = el.parentNode.children; i<els.length; i++ ){
 91 | 				if( regx.test(els[i].tagName) || regx.test(els[i].id) ){
 92 | 					return els[i];
 93 | 				}
 94 | 			}
 95 | 		}
 96 | 		
 97 | 		/**
 98 | 		* HTMLElement Class- Functions. Elements can have several classes which are separated by a space ' '
 99 | 		*/		
100 | 		Classy = function(el){
101 | 			return {
102 | 				self : el, //set to DOM element
103 | 				has : function (cls, ele) {
104 | 						if( this.self ) ele =  this.self;
105 | 						return ele.className.match(new RegExp('(\\s|^)' + cls + '(\\s|$)'));
106 | 					},
107 | 				add : function (cls, ele) {
108 | 					if( this.self ) ele =  this.self;
109 | 					if (!this.has(cls, ele)) ele.className += " " + cls;
110 | 				},
111 | 				del : function (cls, ele) {
112 | 					if( this.self ) ele =  this.self;
113 | 					if (this.has(cls, ele)) {
114 | 						var reg = new RegExp('(\\s|^)' + cls + '(\\s|$)');
115 | 						ele.className = ele.className.replace(reg, ' ');
116 | 					}
117 | 				},
118 | 				repl : function (cls, ele)  {
119 | 					if( this.self ) ele =  this.self;
120 | 					if(!this.has(cls, ele)) {
121 | 						this.add(cls, ele);
122 | 					}
123 | 				}
124 | 			};
125 | 		};
126 | 
127 | 		/**
128 | 		* ONLOAD Functions
129 | 		*/		
130 | 		window.onload = function(){
131 | 			document.addEventListener('click', 
132 | 				function(){ gEl('recent-menu').style.display = "none";
133 | 					}
134 | 			);
135 | 			//add toggle listener
136 | 			gel('recently-closed-menu-button').onclick = function(e){
137 | 				var el = gEl('recent-menu');
138 | 				if(el.style.display === 'none')
139 | 					el.style.display = 'block';
140 | 				else
141 | 					el.style.display = 'none';
142 | 
143 | 				//without cancelBubble, the event would bubble to document, which would set the menu display to none!
144 | 				e.cancelBubble = true;
145 | 				return;
146 | 			};
147 | 
148 | 			//converter codebase
149 | 			j2 = {
150 | 				fLarge : 3000000,
151 | 				elLi : 			gEl('liWebservice'),
152 | 				elLiOpt : 		gEl('liOptions'),
153 | 				elSp : 			gEl('spWservtxt'),
154 | 				elIF : 			gEl('jsonfiles'),
155 | 				elTxtBxj :		gEl('footer'),
156 | 				elFlist : 		gEl('fileslist'),
157 | 				elChkRev :		gEl('sql2json'),
158 | 				elChkFget :		gEl('getfile'),
159 | 				elChkCompr :	gEl('compress'),
160 | 				cls :			new Classy( gel('gEl') ),
161 | 				data : 			null,
162 | 				freader : 		new FileReader(),
163 | 				win	: 			null,
164 | 			};
165 | 
166 | 			function openTabsWin(url, name) {
167 | 				// Change "_blank" to something like "newWindow" to load all links in the same new window
168 | 				//if(null === j2.win)
169 | 					j2.win = window.open(url, window.name);
170 | 				//else if(j2.win && j2.win.DOMException )
171 | 				//	j2.win.open('sdf'+url, name || '_popup');
172 | 				j2.win.focus();
173 | 				return false;
174 | 			}
175 | 			//gEl('liWebservice').parentNode.children[1]
176 | 			with(j2)
177 | 			{
178 | 				//hide file-input box on FileReader browsers
179 | 				if( is.FileAccess && is.DragSupport ){
180 | 					elIF.style.display = 'none';
181 | 				}else{
182 | 					elIF.onchange = function(e)
183 | 					{
184 | 						var files; 
185 | 						// can't use: e.constructor === MouseEvent.constructor
186 | 						if( e instanceof MouseEvent ){
187 | 							files = e.dataTransfer.files; // FileList object.
188 | 						} else if( e instanceof Event && j2.elIF.files instanceof FileList ){
189 | 							files =  j2.elIF.files; // FileList object. or e.target.files
190 | 						}else{
191 | 							console.log("FILE accession unsucessful", e), e.target.files;
192 | 							return false;
193 | 						}
194 | 						if(j2.freader && j2.freader.onload){
195 | 							freader.readAsText(files[0]);
196 | 						}
197 | 							
198 | 						//j2.freader.onload({target : {result: files[0]}});	//quick hack	
199 | 						 eventstop(e);
200 | 					}
201 | 				}
202 | 				
203 | 				/**
204 | 				* DnD Uploader logic
205 | 				*/		
206 | 				function xhrUploader(el) {		
207 | 					var cls = new Classy( gel('jsontext') );			
208 | 					//typeof(window.File) is function or object
209 | 					// if DnD is supported... should evaluate true in Chrome > v 12
210 | 					var freader = j2.freader;
211 | 					if( is.FileAccess ) {
212 | 
213 | 						freader.onerror = function(e) { console.error('File error', e, e.target); };
214 | 						//freader.onprogress = mconf.loader.onProgress;
215 | 						freader.onabort = function(e) { console.error('File read cancelled'); };
216 | 
217 | 						freader.onload = function(e) 
218 | 						{
219 | 								var maxopen = +gel('maxtabs').value || 5;	//max number of popups to open
220 | 								var elmenu = gel('recent-menu');
221 | 							  //console.log("onload:", e.target.result)
222 | 							  j2.data = e.target.result;
223 | 							  //Process file and build tab-list
224 | 							  var urls = j2.data.	
225 | 							  			split(/(?=(ftp|http|htttp):\/\/)/).	
226 | 										filter(function(v){return v.length>6}).
227 | 										map( function(v,k,a){ var a=v.match(/(^(ftp|http|htttp):\/\/[a-z0-9|&!%$()?.\/=+#-;]+)/ig); if(a && a.length) return a.pop(); } ).
228 | 										filter(String);
229 | 								//=> modern browsers now have the powerful el.insertAdjacentHTML("afterBegin",....)
230 | 								//var html = '<a class="recent-window recent-menu-item" href="'+''+'">'+urls.length+' Tab(s)</a>';
231 | 								//access to local resources is not permitted: e.g. '<a class="recent-menu-item" href="'+v+'" style="background-image: url(chrome://favicon/'+v+'); ">'+
232 | 								var html = urls.map( function(v){ if(v) return innerHTML = '<a class="recent-menu-item" href="'+v+'" style="background-image: url(res/ico/link16.png);">'+
233 | 								//not even via an iframe....
234 | 								//'<iframe src="chrome://favicon/'+v+'" border="0" style="width:16px; height:16px;"></iframe>'+
235 | 																	v.match(/(^(ftp|http|htttp):\/\/[a-z0-9.\-_]+)/i)[1] +'</a>' }).join('');
236 | 								elmenu.innerHTML = html;
237 | 								
238 | 								//create open all tabs -> limited to popups unfortunately on some browsers; works fine with Chrome (i.e. user-initiated action)
239 | 								var ela = document.createElement('a');
240 | 								ela.href = '#';
241 | 								ela.className = "recent-window recent-menu-item";
242 | 								ela.innerHTML = urls.length+' Tab(s)';
243 | 								//open the tabs upon clicking, requires user action; non-interaction: popup		
244 | 								ela.onclick = function(){ urls.slice(0,maxopen).map(openTabsWin); };
245 | 								elmenu.insertBefore(ela, elmenu.getElementsByTagName('a')[0])
246 | 								
247 | 								console.log(urls)
248 | 						};
249 | 
250 | 						el.ondrop = function(e)
251 | 						{
252 | 							eventstop(e);
253 | 							for (var i = 0; i < e.dataTransfer.files.length; i++) { 
254 | 								// e.dataTransfer is a DataTransfer object (https://developer.mozilla.org/En/DragDrop/DataTransfer),
255 | 								//e.dataTransfer.files is a FileList object (https://developer.mozilla.org/en/DOM/FileList)
256 | 								var file = e.dataTransfer.files[i]; // file is a File object (https://developer.mozilla.org/en/DOM/File)
257 | 								freader.readAsText(file);
258 | 								//console.log( "data FileReader:", freader); //undefined
259 | 							}
260 | 							if(j2.elIF.onchange)
261 | 								j2.elIF.onchange(e);
262 | 						};
263 | 
264 | 						el.ondragenter = el.ondragstart = function(e) { 
265 | 									eventstop(e); /*must be on top for Firefox*/
266 | 									//e.target.style.backgroundColor = "#ffc";
267 | 									//j2.cls.add('jtxtactive');
268 | 									e.target.className += /(jtxtactive)/ig.test(e.target.className) ? '' : ' jtxtactive';
269 | 						};
270 | 						//el.addEventListener('dragenter', function(e) {}, false);
271 | 						el.dragend = el.ondragleave = function(e) {
272 | 									eventstop(e);
273 | 									//e.target.style.backgroundColor = "#fff"; 
274 | 									//j2.cls.del('jtxtactive');
275 | 									e.target.className = e.target.className.replace(/[\s]*jtxtactive[\s]*/ig, ' ');
276 | 						};
277 | 						el.addEventListener('dragover', function(e) { 
278 | 									eventstop(e); 
279 | 						}, false);
280 | 					   console.log("DnD event listener added:" + this.div );
281 | 						//document.getElementById(mconf.elfiles).addEventListener('change', this.onFileSelect, false);
282 | 		
283 | 					}
284 | 				};
285 | 				//create a new uploader instance
286 | 				xhrUpld = xhrUploader( elTxtBxj );
287 | 			}//endwith
288 | 			
289 | 		};


--------------------------------------------------------------------------------
/index.html:
--------------------------------------------------------------------------------
  1 | <!DOCTYPE html>
  2 | <html><head>
  3 | 	<title>JSON2SQL Service - JASON to SEQUEL</title>
  4 | 
  5 | 	<!-- Meta Tags -->
  6 | 	<meta http-equiv="content-type" content="text/html; charset=utf-8" />
  7 | 	<meta name="keywords" content="Chrome Session Restore / Recovery of corrupted Session files" />
  8 | 	<meta name="description" content="A web app which restores chromium tabs via a drag and drop web interface" />
  9 | 	<meta name="author" content="Lo Sauer 2011" />
 10 |     <!-- Load in Google Frame in older Internet Explorer versions -->
 11 |     <meta http-equiv="X-UA-Compatible" content="chrome=1">
 12 | 	<meta name="copyright" content="Copyright 20011 by Lo Sauer / BSD License" />
 13 | 	<meta name="company" content="UoV" />
 14 | 	<link rel="shortcut icon" href="res/ico/favicon_mascm.ico" />
 15 |     <!--<link href="converter.css" rel="stylesheet" type="text/css; charset=utf-8" media="screen" />-->
 16 | 
 17 | 	<!--
 18 |     // author: (c) 2011 by Lorenz Lo Sauer; lsauer.com
 19 |     // 
 20 |     // Permission is hereby granted, free of charge, to any person obtaining a copy
 21 |     // of this software and associated documentation files (the "Software"), to deal
 22 |     // in the Software without restriction, including without limitation the rights
 23 |     // to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
 24 |     // copies of the Software, and to permit persons to whom the Software is
 25 |     // furnished to do so, subject to the following conditions:
 26 |     // 
 27 |     // The above copyright notice and this permission notice shall be included in
 28 |     // all copies or substantial portions of the Software.
 29 |     // 
 30 |     // THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 31 |     // IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
 32 |     // FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 33 |     // AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
 34 |     // LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
 35 |     // OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
 36 |     // THE SOFTWARE.
 37 |     //
 38 |     // Design 10/2011 by Lo Sauer, MIT-LICENSE or BSD-LICENSE
 39 |     // Design of the Chromium Logo by Google Inc.; Parts are Chrome CSS - BSD license applies
 40 |     
 41 |     //Note this code is part of the converter-project base hosted@github.com/lsauer,
 42 |     // and thus more functionality may be offered than required; please do strip unused parts
 43 |     
 44 |     -->
 45 | 	<style type="text/css">
 46 | 	.bgmodern {
 47 | 		background-image: url(	"data:image/gif;base64,R0lGODlhEAAJALMAAB0eIBobHRgZGxESFBAREw8QEgsMDQsLDAgICQUFBgAAAAAAAAAAAAAAAAAAAAAAACH5BAAHAP8ALAAAAAAQAAkAAAQzsKCUULmHUkPI1EgnZIkhdJrWEQEABEOcUmu9kpttj9vZfZZLofWKDT6UkG41SyyZs04EADs=");
 48 | 	}
 49 | 		body {
 50 | 		display: block;
 51 | 		margin: 0px;
 52 | 		overflow:hidden;
 53 | 		background-repeat:repeat;
 54 | 		font:.8em normal Verdana, Geneva, sans-serif;
 55 | 		}
 56 | 		h1.main {
 57 | 			text-shadow: #a0a0a0 3px 3px 4px;
 58 | 			color:#eee;
 59 | 			line-height:2em;
 60 | 		}
 61 | 		h1.main:hover{
 62 | 			text-shadow: #909090 3px 3px 10px;
 63 | 			color: #999;
 64 | 			text-transform:capitalize;
 65 | 			cursor:url(res/ico/bluescreen16.gif); /*(c) 2010 Lorenz Sauer , CC-BY-SA v3*/
 66 | 		}
 67 | 		hr {
 68 | 			border:none;
 69 | 			margin:6px;
 70 | 			border-top: 1px dotted #aaa;
 71 | 			/*border-radius: 5px;*/
 72 | 		}
 73 | 		a {
 74 | 			color: #666;
 75 | 			font-weight: none;
 76 | 			text-decoration: none;
 77 | 		}
 78 | 		
 79 | 		a:hover {
 80 | 			color: #CCC;
 81 | 			text-decoration: underline;
 82 | 		}
 83 | 		.author, .features {
 84 | 			width:300px;
 85 | 			height:50px;
 86 | 			padding:5px;
 87 | 			border: 1px  solid #eee;
 88 | 			right:10px;
 89 | 			position:fixed;
 90 | 			top:20px;
 91 | 			border-radius:5px;
 92 | 			background: #8f8f8f url('res/img/html_bg_gradient.png') repeat-x scroll;
 93 | 			line-height:1.2em;
 94 | 			float:right;
 95 | 			color:#fff;
 96 | 		}
 97 | 		textarea {
 98 | 			resize: vertical;
 99 | 		}
100 | 		* {
101 | 		margin: 0px;
102 | 		padding: 0px;
103 | 		}
104 | /*
105 | 		* ::-webkit-scrollbar {
106 | 			width: 9px;
107 | 			height: 9px;
108 | 		}
109 | 		* ::-webkit-scrollbar-track-piece {
110 | 		background-color: #FAFAFA;
111 | 		-webkit-border-radius: 0;
112 | 		-webkit-border-bottom-right-radius: 8px;
113 | 		-webkit-border-bottom-left-radius: 8px;
114 | 		border-bottom-right-radius: 8px 8px;
115 | 		border-bottom-left-radius: 8px 8px;
116 | 		}*/
117 | 		::-webkit-scrollbar{
118 | 		width:10px; height: 10px;
119 | 		
120 | 		}
121 | 		::-webkit-scrollbar-button:start:decrement,
122 | 		::-webkit-scrollbar-button:end:increment  {
123 | 		 height: 10px;
124 | 		 display: block;
125 | 		 background-color: #2b2b2b;
126 | 		border-color: #3b3b3b;
127 | 		border-radius: 10px;
128 | 		-webkit-border-radius: 10px;
129 | 		 }
130 | 		::-webkit-scrollbar-track-piece  {
131 | 		 background-color: #3b3b3b;
132 | 		 -webkit-border-radius: 6px;
133 | 		 }
134 | 		::-webkit-scrollbar-thumb:vertical {
135 | 		 height: 50px;
136 | 		 background-color: #666;
137 | 		 border: 1px solid #eee;
138 | 		 -webkit-border-radius: 6px;
139 | 		 }
140 | 
141 | 		#recently-closed-menu-button {
142 | 		  background: none;
143 | 		  border: 0;
144 | 		  color: #7F7F7F;
145 | 		  cursor: pointer;
146 | 		  display: inline-block;
147 | 		  font-size: 9pt;
148 | 		  font-weight: bold;
149 | 		  /* The padding increases the clickable area. */
150 | 		  padding-bottom: 8px;
151 | 		  padding-top: 8px;
152 | 		  -webkit-appearance: none;
153 | 		  -webkit-transition: opacity 0.2s;
154 | 		  -webkit-transition-delay: 0.1s;
155 | 		  clear: none;
156 | 		}
157 | 	/*styles partially from Google-Chrome. BSD license*/
158 | 		.recent-window {
159 | 	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAA0UlEQVR42s2OSwsBYRSGz1+Uv6CQyTUsLFzKlFtmMWUQvkSJxIgfYGVrZWFjr9jY2L3mzJSUoo6NxdPbWTxPhwCQWq+gNisMmDWv7a5yVvHtYrsoZuPBLvXsOfzWVURvOQdZ0wna2xt2++OT5uIAX+vyFWs2AZnjoSudzvdXOPL1A3M0BBn9jie9w+GPGP0uqNYyPUFA1XFJNxrigG7UQYWKLg4UK2VQrpQXB9j9g0A2lxUHMo5LqUxCHEilk6BYXBMHoo5LES0oDrBL4VAAv/AAQoVZHAc9DoAAAAAASUVORK5CYII=");
160 | 	}	
161 | 	.recent-menu {
162 | 		padding: 6px 8px;
163 | 		z-index: 10;
164 | 	}
165 | 	
166 | 	menu {
167 | 		-webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, .50);
168 | 		background: white;
169 | 		color: black;
170 | 		cursor: default;
171 | 		display: none;
172 | 		left: 0;
173 | 		margin: 0;
174 | 		outline: 1px solid rgba(0, 0, 0, 0.2);
175 | 		padding: 8px 0;
176 | 		position: fixed;
177 | 		white-space: nowrap;
178 | 		z-index: 3;
179 | 		outline-offset: -2px;
180 | 		-webkit-box-shadow: 0 0 18px rgba(82,168,236,0.7);
181 | 		border-color: rgba(82, 168, 236, 0.75)!important;
182 | 		border-radius:10px;
183 | 	}
184 | 	
185 | 	ul, menu, dir {
186 | 		display: block;
187 | 		list-style-type: disc;
188 | 		-webkit-margin-before: 1em;
189 | 		-webkit-margin-after: 1em;
190 | 		-webkit-margin-start: 0px;
191 | 		-webkit-margin-end: 0px;
192 | 		-webkit-padding-start: 40px;
193 | 	}
194 | 	
195 | 	.recent-menu-item:active, .recent-menu-item:visited, .recent-menu-item:link {
196 | 		color: #063874 !important;
197 | 	}
198 | 	
199 | 	.recent-menu-item:first-of-type {
200 | 		margin-top: 4px;
201 | 	}
202 | 	
203 | 	.recent-menu-item:not(:hover) {
204 | 		text-decoration: none;
205 | 	}
206 | 	
207 | 	.recent-menu-item {
208 | 		background-repeat: no-repeat;
209 | 		background-position: 0% 50%;
210 | 		background-color: transparent !important;
211 | 		background-size: 16px 16px;
212 | 		box-sizing: border-box;
213 | 		display: block;
214 | 		font-size: 100%;
215 | 		line-height: 20px;
216 | 		margin: 8px;
217 | 		max-width: 450px;
218 | 		overflow: hidden;
219 | 		text-overflow: ellipsis;
220 | 		white-space: nowrap;
221 | 		-webkit-margin-start: 0;
222 | 		-webkit-padding-end: 0;
223 | 		-webkit-padding-start: 22px;
224 | 	}
225 | 	
226 | 	menu > :not(hr) {
227 | 		-webkit-appearance: none;
228 | 		background: transparent;
229 | 		border: 0;
230 | 		font: inherit;
231 | 		line-height: 18px;
232 | 		overflow: hidden;
233 | 		padding: 0 19px;
234 | 		text-overflow: ellipsis;
235 | 	}
236 | 	
237 | 	menu > * {
238 | 		box-sizing: border-box;
239 | 		display: block;
240 | 		margin: 0;
241 | 		width: 100%;
242 | 		text-align: start;
243 | 	}
244 | 	
245 | 	#footer {
246 | 		background-image: -webkit-linear-gradient( rgba(222, 242, 202, 0.7), rgba(222, 222, 222, 0.9));
247 | 		bottom: 0;
248 | 		left:0px;
249 | 		position: fixed;
250 | 		width: 100%;
251 | 		z-index: 5;
252 | 	}
253 | 	.chrome_logo{
254 | 		height: 40px; width:200px;
255 | 		margin-left:5px;
256 | 	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAKsAAAAgCAYAAABtn4gCAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpGOTdGMTE3NDA3MjA2ODExODhDNkMyNDRFMTVCNUEwOSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDoxQzlFNjQzRjQyREMxMUUwQTFFQ0RGNTlGMzNBRTIwQSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDoxQzlFNjQzRTQyREMxMUUwQTFFQ0RGNTlGMzNBRTIwQSIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1IE1hY2ludG9zaCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjA0ODAxMTc0MDcyMDY4MTFCNjk5RjQ4RDZEMjY3RTI3IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkY5N0YxMTc0MDcyMDY4MTE4OEM2QzI0NEUxNUI1QTA5Ii8+IDwvcmRmOkRlc2NyaXB0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");
257 | 		background-repeat:no-repeat;
258 | 		display:inline-block;
259 | 		clear: none;
260 | 	}
261 | 	.disclosure-triangle {
262 | 		background-color: #7F7F7F;
263 | 		display: inline-block;
264 | 		height: 9px;
265 | 		width: 9px;
266 | 		-webkit-mask-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAYAAADgkQYQAAAAJUlEQVQYV2NgoDuYSQSGK/RB0+yDrACbQqwKkBUW41OArJB0AAACXws0ERupuAAAAABJRU5ErkJggg==");
267 | 	}
268 | 	.liFeature, .liOptions, .liOptionsOn {
269 | 		padding:2px 20px 2px 25px;
270 | 		font:1em normal Verdana, Geneva, sans-serif;
271 | 		background: #444 url(res/ico/star16.png) no-repeat 4px 1px;
272 | 		display:inline-block;
273 | 		border:1px solid #aaa;
274 | 		border-radius:5px;
275 | 		margin:10px;
276 | 		color:#fff;
277 | 	
278 | 	}
279 | 	.liOptions {
280 | 		background: #666 url(res/ico/bulb16.png) no-repeat 4px 1px;
281 | 		clear:both;
282 | 		display:block;
283 | 	}
284 | 	.liOptionsOn {
285 | 		background: #777 url(res/ico/bulbglow16.png) no-repeat 4px 1px;
286 | 		clear:both;
287 | 		display:block;
288 | 	}
289 | 
290 | 	</style>
291 |     <script language="javascript" type="text/javascript" src="converter.js">
292 |     </script>
293 |     <script>
294 | 
295 |     
296 |     </script>
297 | </head>
298 | <body class="bgmodern">
299 |     <div class="maindiv">
300 |       <div class="author"><img src="res/ico/github-icon.png" style="float:right;" width="42" height="42">Created by <i>Lo Sauer</i> 2011              - BSD license<br>
301 |       Download the <a href="https://github.com/lsauer/json2sql/"> code from github</a></div>
302 |       <p>
303 |       <h1 class="main">&nbsp;Chrome Session Saver Loader</h1>
304 |       <br><br><br>
305 |       <li class="liFeature">Drag and Drop a Chrome Session Saver File onto the <u><b>Chrome-Footer bar </b></u>or use the alternative file-upload, shown for none DnD-supported browsers. Your browser must support FileReader.<br>
306 |         <br>
307 |         Find your Chrome Session Saver files in <a href="http://dev.chromium.org/user-experience/user-data-directory"> Chrome's Application Data folder</a> (on <em>Windows </em> c:\Users\%USERNAME%\AppData\Local\Google\Chrome\User Data\, on <em>Linux</em>: ~/.config/google-chrome/Default) and sort by last modifications (Linux: ls -tr) <br>
308 |     <br>
309 |       <strong>Note</strong>: This project is not associated with Google, but <em>the Google is associated with the Projects</em>.</li>
310 |         <div>
311 |           <div id="footer" title="drag and drop a file in here!" >
312 |             <div class="chrome_logo">&nbsp;</div>
313 |             <button id="recently-closed-menu-button" class=""> <span i18n-content="recentlyclosed">Recently closed</span>
314 |             <div class="disclosure-triangle"></div>
315 |             </button>
316 |             <input id="jsonfiles" type="file" name="jsonfiles[]" multiple="multiple" accept="text/sql/json" style="opacity:.5; margin-left:10px;">
317 |           <span style="opacity:.7; color:#666; font-weight:bold;"><label title="Maximum number of tabs to open" for="maxtabs">Max #Tabs:</label> <input id="maxtabs" type="number" min="5" max="50" step="5" value ="5" size="1"  style="width:35px; border-width:1px; border-radius:6px;opacity:.8; color:#fff;" class="bgmodern"/></span></div>
318 |           <menu id="recent-menu" class="recent-menu" style="position:absolute; left: 10px; bottom:26px; right: auto; display: none; max-height:500px; overflow:auto; opacity:.9;">
319 |           <!--Note unless the web-app runs from the chrome:// -service-namespace, no permission is granted to access local files; This is just a sample entry for demonstration purposes-->
320 |             <a class="recent-menu-item" href="http://dev.chromium.org/user-experience/user-data-directory" style="background-image: url(chrome://favicon/http://dev.chromium.org/user-experience/user-data-directory); ">Sample-Entry: User Data Directory - The Chromium Projects</a>
321 |           </menu>
322 |       </div>
323 |         <div id="fileslist"></div>
324 |     </div>
325 |     <script language="javascript">j2timer(); console.log("Timer log:", tdlog);</script>
326 | </body>
327 | </html>


--------------------------------------------------------------------------------