TabsManager

Changes

Details

diff --git a/TabManager/TabManager.html b/TabManager/TabManager.html
index 4f20365..1835240 100644
--- a/TabManager/TabManager.html
+++ b/TabManager/TabManager.html
@@ -12,6 +12,12 @@
 			table-layout: auto;
 			width: 100%;
 		}
+		
+		<!--
+		td { 
+		white-space:pre-line 
+		}
+		-->
 
 	</style>
 	
@@ -24,6 +30,11 @@
 	  <div id = "Table">	  
 	  </div>
 	  
+	  <button id = "Button_Reload">
+		ReloadTabs
+	  </button>
+	  
+	  
 	  <button id = "Button_Save">
 		Save
 	  </button>
diff --git a/TabManager/TabManager.js b/TabManager/TabManager.js
index ad492b0..92f0ce0 100644
--- a/TabManager/TabManager.js
+++ b/TabManager/TabManager.js
@@ -5,6 +5,7 @@ class TableRow {
   constructor( ) {
     this.index = -1;
 	this.url = "";
+	this.title = "";
 	this.id = -1;
 	this.checked = false;
   }
@@ -25,6 +26,7 @@ class TableRow {
 	chrome.tabs.query({}, PrintAllTabs);
 	
 	
+	document.getElementById('Button_Reload').addEventListener('click', LoadTabs, false);	
 	document.getElementById('Button_Save').addEventListener('click', SaveSelect, false);
 	document.getElementById('Button_Close').addEventListener('click', CloseSelect, false);
 	document.getElementById('Button_Load').addEventListener('click', Load, false);
@@ -32,19 +34,26 @@ class TableRow {
 });
 
 
+function LoadTabs()
+{	
+	chrome.tabs.query({}, PrintAllTabs);
+}
+
+
 function PrintAllTabs(tabs)
 {
 	Div_TableBody.innerHTML = "";
 	
 	var Table='';
 	
-	Table += "<table id = \"table_data\">"
+	Table += "<table id = \"table_data\" border=\"1\">"
 	
 	
 	Table += "<tr>"
 	
 	Table += "<th>N</th>"
 	Table += "<th>Select</th>"
+	Table += "<th>Title</th>"
 	Table += "<th>Url</th>"
 	Table += "<th style=\"display:none;\">id</th>"
 	
@@ -57,6 +66,7 @@ function PrintAllTabs(tabs)
 		
 		Table += "<td>"+i+"</td>"	
 		Table += "<td><input type=\"checkbox\" name=\"select" + item.id + " \"></td>"
+		Table += "<td>"+item.title+"</td>"
 		Table += "<td>"+item.url+"</td>" //.substring(0,10)
 		Table += "<td style=\"display:none;\">"+item.id+"</td>"		
 		
@@ -92,9 +102,12 @@ function GetSelectedRows()
 				RowObj.checked = cell.checked;				
 				break;
 			case 2:
-				RowObj.url = cell.data;				
+				RowObj.title = cell.data;				
 				break;
 			case 3:
+				RowObj.url = cell.data;				
+				break;
+			case 4:
 				RowObj.id = cell.data;			
 				break
 			}
@@ -116,9 +129,9 @@ function Load()
 	data.forEach(function(item, i, arr)
 	{
 		var RowObj = new TableRow();
-		RowObj.index = item.index;
+		//RowObj.index = item.index;
 		RowObj.url = item.url;
-		RowObj.id = item.id;
+		//RowObj.id = item.id;
 	
 		RowData.push(RowObj);
 	});
@@ -171,14 +184,13 @@ function CloseSelect()
 	
 	Div_TableBody.innerHTML = "";
 		
-	chrome.tabs.remove(IDs, null);
+	chrome.tabs.remove(IDs, function(){
+		chrome.tabs.query({}, PrintAllTabs)
+	});
 	
-	console.log(Data = new Date().toTimeString());
-	setTimeout(function(){
-		chrome.tabs.query({}, PrintAllTabs),
-		3000
-	});	
-	console.log(Data = new Date().toTimeString());
+	//console.log(Data = new Date().toTimeString());
+	//setTimeout(null, 3000);	
+	//console.log(Data = new Date().toTimeString());
 	
 }