eslint updated

webextension/js/popup.js

@@ -1,22 +1,22 @@
 /* global browser, window, document, localStorage */
-const CONTAINER_HIDE_SRC = '/img/container-hide.svg';
-const CONTAINER_UNHIDE_SRC = '/img/container-unhide.svg';
+const CONTAINER_HIDE_SRC = "/img/container-hide.svg";
+const CONTAINER_UNHIDE_SRC = "/img/container-unhide.svg";
 
 function showOrHideContainerTabs(userContextId, hasHiddenTabs) {
-  // Let's show/hide the tabs
+  // Let"s show/hide the tabs
   return browser.runtime.sendMessage({
-    method: hasHiddenTabs ? 'showTabs' : 'hideTabs',
+    method: hasHiddenTabs ? "showTabs" : "hideTabs",
     userContextId: userContextId
   })
   // We need to retrieve the new identity configuration in order to choose the
   // correct icon.
   .then(() => {
     return browser.runtime.sendMessage({
-      method: 'getIdentity',
+      method: "getIdentity",
       userContextId: userContextId
     });
   })
-  // Let's update the icon.
+  // Let"s update the icon.
   .then((identity) => {
     let hideorshowIcon = document.querySelector(`#uci-${identity.userContextId}-hideorshow-icon`);
     if (!identity.hasHiddenTabs && !identity.hasOpenTabs) {
@@ -32,34 +32,34 @@ function showOrHideContainerTabs(userContextId, hasHiddenTabs) {
   });
 }
 
-if (localStorage.getItem('onboarded2')) {
-  for (let element of document.querySelectorAll('.onboarding')) {
-    element.classList.add('hide');
+if (localStorage.getItem("onboarded2")) {
+  for (let element of document.querySelectorAll(".onboarding")) {
+    element.classList.add("hide");
   }
-  document.querySelector('#container-panel').classList.remove('hide');
-} else if (localStorage.getItem('onboarded1')) {
-  document.querySelector('.onboarding-panel-1').classList.add('hide');
-  document.querySelector('#container-panel').classList.add('hide');
+  document.querySelector("#container-panel").classList.remove("hide");
+} else if (localStorage.getItem("onboarded1")) {
+  document.querySelector(".onboarding-panel-1").classList.add("hide");
+  document.querySelector("#container-panel").classList.add("hide");
 } else {
-  document.querySelector('.onboarding-panel-2').classList.add('hide');
-  document.querySelector('#container-panel').classList.add('hide');
+  document.querySelector(".onboarding-panel-2").classList.add("hide");
+  document.querySelector("#container-panel").classList.add("hide");
 }
 
-document.querySelector('#onboarding-next-button').addEventListener('click', () => {
-  localStorage.setItem('onboarded1', true);
-  document.querySelector('.onboarding-panel-2').classList.remove('hide');
-  document.querySelector('.onboarding-panel-1').classList.add('hide');
-  document.querySelector('#container-panel').classList.add('hide');
+document.querySelector("#onboarding-next-button").addEventListener("click", () => {
+  localStorage.setItem("onboarded1", true);
+  document.querySelector(".onboarding-panel-2").classList.remove("hide");
+  document.querySelector(".onboarding-panel-1").classList.add("hide");
+  document.querySelector("#container-panel").classList.add("hide");
 });
 
-document.querySelector('#onboarding-done-button').addEventListener('click', () => {
-  localStorage.setItem('onboarded2', true);
-  document.querySelector('.onboarding-panel-1').classList.add('hide');
-  document.querySelector('.onboarding-panel-2').classList.add('hide');
-  document.querySelector('#container-panel').classList.remove('hide');
+document.querySelector("#onboarding-done-button").addEventListener("click", () => {
+  localStorage.setItem("onboarded2", true);
+  document.querySelector(".onboarding-panel-1").classList.add("hide");
+  document.querySelector(".onboarding-panel-2").classList.add("hide");
+  document.querySelector("#container-panel").classList.remove("hide");
 });
 
-browser.runtime.sendMessage({method: 'queryIdentities'}).then(identities => {
+browser.runtime.sendMessage({method: "queryIdentities"}).then(identities => {
   let fragment = document.createDocumentFragment();
 
   identities.forEach(identity => {
@@ -69,9 +69,9 @@ browser.runtime.sendMessage({method: 'queryIdentities'}).then(identities => {
       hideOrShowIconSrc = CONTAINER_UNHIDE_SRC;
     }
 
-    let tr = document.createElement('tr');
+    let tr = document.createElement("tr");
     fragment.appendChild(tr);
-    tr.setAttribute('data-identity-cookie-store-id', identity.userContextId);
+    tr.setAttribute("data-identity-cookie-store-id", identity.userContextId);
     tr.innerHTML = `
       <td>
         <div class="userContext-icon"
@@ -103,16 +103,14 @@ browser.runtime.sendMessage({method: 'queryIdentities'}).then(identities => {
       hideorshowIcon.style.display = "none";
     }
 
-    tr.addEventListener('click', e => {
-      if (e.target.matches('.hideorshow-icon')) {
+    tr.addEventListener("click", e => {
+      if (e.target.matches(".hideorshow-icon")) {
         showOrHideContainerTabs(identity.userContextId,
-                                identity.hasHiddenTabs).then(i => {
-          identity = i
-        });
-      } else if (e.target.matches('.newtab-icon')) {
+                                identity.hasHiddenTabs).then(i => { identity = i; });
+      } else if (e.target.matches(".newtab-icon")) {
         showOrHideContainerTabs(identity.userContextId, true).then(() => {
           browser.runtime.sendMessage({
-            method: 'openTab',
+            method: "openTab",
             userContextId: identity.userContextId,
           }).then(() => {
             window.close();
@@ -122,21 +120,21 @@ browser.runtime.sendMessage({method: 'queryIdentities'}).then(identities => {
     });
   });
 
-  document.querySelector('.identities-list').appendChild(fragment);
+  document.querySelector(".identities-list").appendChild(fragment);
 });
 
-document.querySelector('#edit-containers-link').addEventListener('click', () => {
+document.querySelector("#edit-containers-link").addEventListener("click", () => {
   browser.runtime.sendMessage({
-    method: 'openTab',
+    method: "openTab",
     url: "about:preferences#containers"
   }).then(() => {
     window.close();
   });
 });
 
-document.querySelector('#sort-containers-link').addEventListener('click', () => {
+document.querySelector("#sort-containers-link").addEventListener("click", () => {
   browser.runtime.sendMessage({
-    method: 'sortTabs'
+    method: "sortTabs"
   }).then(() => {
     window.close();
   });