improve nmap advanced options

public/javascript/app.js

@@ -74,4 +74,24 @@ ready(() => {
       }
     });
   });
+
+
+  const tabs = (document.querySelectorAll('.advanced-content .tabs li') || [])
+  const tabContentBoxes = document.querySelectorAll('#tab-content .content-tab')
+
+  tabs.forEach(tab => {
+    tab.addEventListener('click', () => {
+      tabs.forEach(item => item.classList.remove('is-active'));
+      tab.classList.add('is-active');
+
+      const target = tab.querySelector('a').id + "-tab"
+      tabContentBoxes.forEach(contentBox => {
+        if (contentBox.id === target) {
+          contentBox.classList.add('is-active');
+        } else {
+          contentBox.classList.remove('is-active');
+        }
+      });
+    });
+  });
 });

public/stylesheets/app.css

@@ -175,3 +175,16 @@ body.dark-mode main a {
 	padding-top: 0;
 	border-top: 0;
 }
+
+.advanced-content .tabs ul li a {
+	text-decoration: none;
+}
+
+.advanced-content .tabs ul {
+	margin-top: 0px !important;
+	border: none;
+}
+
+.advanced-content .tabs ul li {
+	padding: 4px 0;
+}