core: frontend: views: SystemInformationView: Add kernel page in pirate mode

Signed-off-by: Patrick José Pereira <[email protected]>

Author: patrickelectric

core/frontend/src/views/SystemInformationView.vue

@@ -21,7 +21,7 @@
               rounded
             >
               <v-list-item
-                v-for="item in items"
+                v-for="item in pages"
                 :key="item.title"
                 link
                 :input-value="item.value == page_selected"
@@ -47,6 +47,7 @@
         <processes v-if="page_selected == 'process'" />
         <system-condition v-if="page_selected == 'system_condition'" />
         <network v-if="page_selected == 'network'" />
+        <kernel v-if="page_selected == 'kernel'" />
         <about-this-system v-if="page_selected == 'about'" />
       </v-col>
     </v-row>
@@ -57,28 +58,48 @@
 import Vue from 'vue'
 
 import AboutThisSystem from '@/components/system-information/AboutThisSystem.vue'
+import Kernel from '@/components/system-information/Kernel.vue'
 import Network from '@/components/system-information/Network.vue'
 import Processes from '@/components/system-information/Processes.vue'
 import SystemCondition from '@/components/system-information/SystemCondition.vue'
+import settings from '@/libs/settings'
+
+export interface Item {
+    title: string,
+    icon: string,
+    value: string,
+    is_pirate?: boolean,
+}
 
 export default Vue.extend({
   name: 'SystemInformationView',
   components: {
     AboutThisSystem,
+    Kernel,
     Network,
     Processes,
     SystemCondition,
   },
   data() {
     return {
+      settings,
       items: [
         { title: 'Processes', icon: 'mdi-view-dashboard', value: 'process' },
         { title: 'System Condition', icon: 'mdi-speedometer', value: 'system_condition' },
         { title: 'Network', icon: 'mdi-ip-network-outline', value: 'network' },
+        {
+          title: 'Kernel', icon: 'mdi-text-subject', value: 'kernel', is_pirate: true,
+        },
         { title: 'About', icon: 'mdi-information', value: 'about' },
-      ],
+      ] as Item[],
       page_selected: 'process',
     }
   },
+  computed: {
+    pages(): Item[] {
+      return this.items
+        .filter((item: Item) => item?.is_pirate !== true || this.settings.is_pirate_mode)
+    },
+  },
 })
 </script>