Implement alias editing views and templates

2022-08-01 18:47:29 +01:00
parent 5a66236828
commit 6b0851ab6f
8 changed files with 152 additions and 61 deletions
--- a/core/static/tabs.js
+++ b/core/static/tabs.js
@@ -0,0 +1,35 @@
+    // tabbed browsing for the modal
+    function initTabs() {
+        TABS.forEach((tab) => {
+          tab.addEventListener('click', (e) => {
+            let selected = tab.getAttribute('data-tab');
+            updateActiveTab(tab);
+            updateActiveContent(selected);
+          })
+        })
+      }
+    
+      function updateActiveTab(selected) {
+        TABS.forEach((tab) => {
+          if (tab && tab.classList.contains(ACTIVE_CLASS)) {
+            tab.classList.remove(ACTIVE_CLASS);
+          }
+        });
+        selected.classList.add(ACTIVE_CLASS);
+      }
+    
+      function updateActiveContent(selected) {
+        CONTENT.forEach((item) => {
+          if (item && item.classList.contains(ACTIVE_CLASS)) {
+            item.classList.remove(ACTIVE_CLASS);
+          }
+          let data = item.getAttribute('data-content');
+          if (data === selected) {
+            item.classList.add(ACTIVE_CLASS);
+          }
+        });
+      }
+var TABS = [...document.querySelectorAll('#tabs li')];
+var CONTENT = [...document.querySelectorAll('#tab-content div')];
+var ACTIVE_CLASS = 'is-active';
+initTabs();