Allow sorting tabs by last access time.

dist/options/options.html

@@ -45,6 +45,10 @@
                         <label>Search in URLs:</label>
                         <div id="option-search-urls" class="ui-switch"></div>
                     </div>
+                    <div class="option">
+                        <label>Show most recent tabs at top:</label>
+                        <div id="option-show-most-recent-top" class="ui-switch"></div>
+                    </div>
                 </div>
                 <div id="about" class="section">
                     <label>About</label>

src/options/options.js

@@ -56,6 +56,7 @@ function readOptions() {
         setSubOptionState(options.popup.showDetails, document.getElementById("option-preview").parentElement);
         setSwitchState(document.getElementById("option-hide-after-tab-switch"), options.popup.hideAfterTabSelection);
         setSwitchState(document.getElementById("option-search-urls"), options.popup.searchInURLs);
+        setSwitchState(document.getElementById("option-show-most-recent-top"), options.popup.sortByLastAccessed);
     });
 }
 
@@ -118,6 +119,13 @@ function addEventListeners() {
             browser.storage.local.set(data);
         });
     });
+
+    document.getElementById("option-show-most-recent-top").addEventListener("input", e => {
+        browser.storage.local.get(["options"]).then(data => {
+            data.options.popup.sortByLastAccessed = getSwitchState(e.target);
+            browser.storage.local.set(data);
+        });
+    });
 }
 
 function main() {

src/popup/globals.js

@@ -4,6 +4,7 @@ const globals = {
     tabsList: undefined,
     isSelecting: false,
     hideAfterTabSelection: undefined,
-    searchInURLs: undefined
+    searchInURLs: undefined,
+    sortByLastAccessed: undefined
 };
 export default globals;

src/popup/popup.js

@@ -45,6 +45,8 @@ async function fulfillOptions() {
     G.hideAfterTabSelection = Options.stbool(popupOptions.hideAfterTabSelection);
     // popup.searchInURLs
     G.searchInURLs = Options.stbool(popupOptions.searchInURLs);
+    // popup.sortByLastAccessed
+    G.sortByLastAccessed = Options.stbool(popupOptions.sortByLastAccessed);
 }
 
 async function main() {
@@ -151,4 +153,4 @@ function generalSetup() {
 
     // Tell background script that everything is loaded now
     sendRuntimeMessage("INIT__POPUP_LOADED", {});
-}
+}

src/popup/wtinit.js

@@ -114,6 +114,9 @@ export async function updateTabs(windows) {
 
         let windowTabsListFragment = document.createDocumentFragment();
         // Loop through tabs
+        if(G.sortByLastAccessed){
+            w.tabs.sort((a,b)=>a.lastAccessed < b.lastAccessed)
+        }
         for (let i = 0; i < w.tabs.length; i++) {
             let tab = w.tabs[i];
             // Check tab id