TabsManager
Details
TabManager/TabManager.html 11(+11 -0)
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>
TabManager/TabManager.js 34(+23 -11)
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());
}