Merge pull request #226 from Security-Onion-Solutions/cogburn/10395

Quicklinks added to Configuration
Security-Onion-Solutions · May 22, 2023 · 78a6f01 · 78a6f01
2 parents cc134e2 + f34ee81
commit 78a6f01
Show file tree

Hide file tree

Showing 4 changed files with 101 additions and 19 deletions.
diff --git a/html/css/app.css b/html/css/app.css
@@ -307,15 +307,15 @@ td {
   padding: 8px;
 }
 
-.markdown-body h1, 
-.markdown-body h2, 
+.markdown-body h1,
+.markdown-body h2,
 .markdown-body h3,
-.markdown-body h4, 
-.markdown-body h5, 
+.markdown-body h4,
+.markdown-body h5,
 .markdown-body h6 {
   margin: 8px 0 8px 0;
 }
- 
+
 .theme--dark.v-application .markdown-body td,
 .theme--dark.v-application  .markdown-body th {
   border: 1px solid hsla(0,0%,100%,.1);

diff --git a/html/index.html b/html/index.html
@@ -3268,7 +3268,65 @@ <h4 v-if="!$root.loading">{{ i18n.settingsCustomized }} {{ settingsCustomized }}
           <v-divider vertical />
           <v-col cols="12" lg="8">
             <v-fade-transition mode="out-in" duration="100">
-              <v-alert v-if="!selected" v-text="i18n.settingSelect" type="info" />
+              <div v-if="!selected" id="config-quick-links">
+                <v-alert v-text="i18n.settingSelect" type="info" />
+                <div>
+                  <p class="font-weight-bold">{{i18n.configQLGridTitle}}</p>
+                  <ul>
+                    <li>
+                      <router-link :to="{ name: 'config', query: {s: 'ntp.config'}}">{{i18n.configQLNTP}}</router-link>
+                    </li>
+                    <li>
+                      {{i18n.configQLFirewallHeader}}
+                      <ul>
+                        <li>
+                          <router-link :to="{name: 'config', query: {s: 'firewall.hostgroups.analyst'}}">{{i18n.configQLFirewallWebInterface}}</router-link>
+                        </li>
+                        <li>
+                          <router-link :to="{name: 'config', query: {s: 'firewall.hostgroups.elastic_agent_endpoint'}}">{{i18n.configQLFirewallElastic}}</router-link>
+                        </li>
+                      </ul>
+                    </li>
+                    <li>
+                      <router-link :to="{name: 'config', query: {s: 'idstools.config.ruleset'}}">{{i18n.configQLNIDSRuleset}}</router-link>
+                    </li>
+                    <li>
+                      <router-link :to="{name: 'config', query: {s: 'idstools.config.oinkcode'}}">{{i18n.configQLNIDSOinkCode}}</router-link>
+                    </li>
+                  </ul>
+                  <br/>
+                  <p class="font-weight-bold">{{i18n.configQLAnalystTitle}}</p>
+                  <ul>
+                    <li>
+                      {{i18n.configQLSuricataHeader}}
+                      <ul>
+                        <li>
+                          <router-link :to="{name: 'config', query: {s: 'suricata.config.vars.address-groups.HOME_NET'}}">{{i18n.configQLHomeNet}}</router-link>
+                        </li>
+                        <li>
+                          <router-link :to="{name: 'config', query: {s: 'idstools.sids'}}">{{i18n.configQLSIDS}}</router-link>
+                        </li>
+                        <li>
+                          <router-link :to="{name: 'config', query: {s: 'suricata.thresholding.sids__yaml'}}">{{i18n.configQLSIDSThresholding}}</router-link>
+                      </ul>
+                    </li>
+                    <li>
+                      {{i18n.configQLBPFHeader}}
+                      <ul>
+                        <li>
+                          <router-link :to="{name: 'config', query: {s: 'bpf.pcap'}}">{{i18n.configQLPCAP}}</router-link>
+                        </li>
+                        <li>
+                          <router-link :to="{name: 'config', query: {s: 'bpf.suricata'}}">{{i18n.configQLSuricata}}</router-link>
+                        </li>
+                        <li>
+                          <router-link :to="{name: 'config', query: {s: 'bpf.zeek'}}">{{i18n.configQLZeek}}</router-link>
+                        </li>
+                      </ul>
+                    </li>
+                  </ul>
+                </div>
+              </div>
               <v-card v-else :key="selected.id" class="pt-6 mx-auto config-setting" flat>
                 <v-card-text>
                   <div class="text-subtitle-1 mb-4">

diff --git a/html/js/i18n.js b/html/js/i18n.js
@@ -160,6 +160,22 @@ const i18n = {
       completed: 'Completed',
       config: 'Configuration',
       configTitle: 'Grid Configuration',
+      configQLGridTitle: 'Grid Administration Quicklinks',
+      configQLNTP: 'NTP',
+      configQLFirewallHeader: 'Firewall',
+      configQLFirewallWebInterface: 'Allow access to SO Web Interface',
+      configQLFirewallElastic: 'Allow access to Elastic Agent endpoints',
+      configQLNIDSRuleset: 'Change NIDS Ruleset',
+      configQLNIDSOinkCode: 'Paid NIDS Rulesets Registration Code (oinkcode)',
+      configQLAnalystTitle: 'Analyst Quicklinks',
+      configQLSuricataHeader: 'Tune Suricata',
+      configQLHomeNet: 'HOME_NET Variable',
+      configQLSIDS: 'SIDS - ENABLE | DISABLE | MODIFY',
+      configQLSIDSThresholding: 'SIDS - Thresholding',
+      configQLBPFHeader: 'BPFs',
+      configQLPCAP: 'PCAP',
+      configQLSuricata: 'Suricata',
+      configQLZeek: 'Zeek',
       container: 'Container',
       containerStatus: 'Container Status',
       continue: 'Would you like to continue?',

diff --git a/html/js/routes/config.js b/html/js/routes/config.js
@@ -33,17 +33,7 @@ routes.push({ path: '/config', name: 'config', component: {
     nextStopId: null,
   }},
   mounted() {
-    if (this.$route.query.f) {
-      this.search = this.$route.query.f;
-    }
-    if (this.$route.query.e == "1") {
-      this.autoExpand = true;
-    }
-    if (this.$route.query.s) {
-      this.autoSelect = this.$route.query.s;
-      this.autoExpand = true;
-      this.search = this.$route.query.s;
-    }
+    this.processRouteParameters();
     this.loadData();
   },
   watch: {
@@ -55,7 +45,25 @@ routes.push({ path: '/config', name: 'config', component: {
       return this.findActiveSetting();
     },
   },
+  beforeRouteUpdate(to, from, next) {
+    next();
+    this.processRouteParameters();
+    this.refreshTree();
+  },
   methods: {
+    processRouteParameters() {
+      if (this.$route.query.f) {
+        this.search = this.$route.query.f;
+      }
+      if (this.$route.query.e == "1") {
+        this.autoExpand = true;
+      }
+      if (this.$route.query.s) {
+        this.autoSelect = this.$route.query.s;
+        this.autoExpand = true;
+        this.search = this.$route.query.s;
+      }
+    },
     findActiveSetting() {
       if (this.active.length > 0) {
         const id = this.active[0];
@@ -294,7 +302,7 @@ routes.push({ path: '/config', name: 'config', component: {
           // Only set after next tick to avoid UI glitch. This has an unfortunate
           // flicker effect as the modal appears, but it avoids a more serious problem
           //  of having the wrong setting selected after dismissing the modal popup.
-          this.active = this.activeBackup; 
+          this.active = this.activeBackup;
         });
         return false;
       }
@@ -434,7 +442,7 @@ routes.push({ path: '/config', name: 'config', component: {
       } catch (error) {
          this.$root.showError(error);
       }
-      this.$root.stopLoading();      
+      this.$root.stopLoading();
     },
     edit(setting, nodeId) {
       if (nodeId) {