Start the process of custom favicon stuff for tabs

Author: MotorTruck1221

src/public/js/controls.js

@@ -47,6 +47,25 @@ function popout() {
         win.focus();
     } catch (err) {};
 }
+function pageLoaded() {
+    let currentTab = getCurrentTab();
+    let iframe = document.querySelector(`[data-iframe-id="${currentTab}"]`);
+    iframe.addEventListener('load', function() {
+        let val = iframe.contentWindow.location.href;
+        let currentProx = localStorage.getItem('proxy');
+        //remove the https:// or http:// and the prefix
+        val = val.replace(window.location.origin, '');
+        if (currentProx === 'uv') {
+            val = val.replace(__uv$config.prefix, '');
+            val = __uv$config.decodeUrl(val);
+        }
+        if (currentProx === 'dynamic') {
+            val = val.replace(__dynam$ic.prefix + 'route/?url=', '');
+            val = __dynam$ic.decodeUrl(val);
+        }
+        updateSearch(val);
+    });
+}
 function fullscreen() {
     //this has two options, fullscreen the page, and fullscreen the tab to the window (add later)
     let currentTab = getCurrentTab();
@@ -90,3 +109,7 @@ function searchBar(value) {
     i.value = value;
     f.dispatchEvent(new Event('submit'));
 }
+function updateSearch(value) {
+    const s = document.getElementById('search-input');
+    s.value = value;
+}

src/public/js/index.js

@@ -19,6 +19,7 @@
 form.addEventListener("submit", (event) => {
     event.preventDefault();
     const url = search(address.value, localStorage.getItem("searchEngine"));
+    updateSearch(url);
     address.value = "";
     switch (localStorage.getItem("proxy")) {
         case "uv":

src/public/js/tabs.js

@@ -79,6 +79,17 @@ function handoffToTABS(url) {
     let tabId = chromeTabs.activeTabEl.getAttribute('data-tab-id');
     iframe.setAttribute('data-iframe-id', tabId);
     document.body.appendChild(iframe);
+    pageLoaded();
+}
+function changeTabDetail(title, favicon) {
+    let tabId = chromeTabs.activeTabEl 
+    //get the div chrome-tab-content
+    let tabContent = tabId.querySelector('.chrome-tab-content');
+    let tabTitle = tabContent.querySelector('.chrome-tab-title');
+    let tabFavicon = tabContent.querySelector('.chrome-tab-favicon');
+    tabTitle.innerHTML = title;
+    //the tab favicon is set with a background image
+    tabFavicon.style.backgroundImage = `url(${favicon})`;
 }
 
 function restoreTabs() {