Disable the delete button when the selected priorityclass is the system one

web/components/ResourceBar/ResourceBar.vue

@@ -16,7 +16,7 @@
           editmode = !editmode;
         }
       "
-      :enable-delete-btn="selected && !selected.isNew"
+      :enable-delete-btn="selected && !selected.isNew && selected.isDeletable"
       :enable-editmode-switch="selected && !selected.isNew"
     />
 
@@ -90,6 +90,7 @@ interface SelectedItem {
   isNew: boolean;
   item: Resource;
   resourceKind: string;
+  isDeletable: boolean;
 }
 
 export default defineComponent({

web/store/node.ts

@@ -12,6 +12,7 @@ type selectedNode = {
   isNew: boolean;
   item: V1Node;
   resourceKind: string;
+  isDeletable: boolean;
 };
 
 export default function nodeStore() {
@@ -39,6 +40,7 @@ export default function nodeStore() {
           isNew: isNew,
           item: n,
           resourceKind: "Node",
+          isDeletable: true,
         };
       }
     },

web/store/pod.ts

@@ -15,6 +15,7 @@ export type SelectedPod = {
   isNew: boolean;
   item: V1Pod;
   resourceKind: string;
+  isDeletable: boolean;
 };
 
 export default function podStore() {
@@ -46,6 +47,7 @@ export default function podStore() {
           isNew: isNew,
           item: p,
           resourceKind: "Pod",
+          isDeletable: true,
         };
       }
     },

web/store/priorityclass.ts

@@ -17,6 +17,7 @@ type selectedPriorityClass = {
   isNew: boolean;
   item: V1PriorityClass;
   resourceKind: string;
+  isDeletable: boolean;
 };
 
 export default function priorityclassStore() {
@@ -25,6 +26,12 @@ export default function priorityclassStore() {
     priorityclasses: [],
   });
 
+  // `CheckIsDeletable` returns whether the given PriorityClass can be deleted or not.
+  // The PriorityClasses that have the name prefixed with `system-` are reserved by the system so can't be deleted.
+  const checkIsDeletable = (n: V1PriorityClass) => {
+    return !!n.metadata?.name && !n.metadata?.name?.startsWith("system-");
+  };
+
   return {
     get priorityclasses() {
       return state.priorityclasses;
@@ -44,6 +51,7 @@ export default function priorityclassStore() {
           isNew: isNew,
           item: n,
           resourceKind: "PC",
+          isDeletable: checkIsDeletable(n),
         };
       }
     },

web/store/pv.ts

@@ -17,6 +17,7 @@ type selectedPersistentVolume = {
   isNew: boolean;
   item: V1PersistentVolume;
   resourceKind: string;
+  isDeletable: boolean;
 };
 
 export default function pvStore() {
@@ -44,6 +45,7 @@ export default function pvStore() {
           isNew: isNew,
           item: p,
           resourceKind: "PV",
+          isDeletable: true,
         };
       }
     },

web/store/pvc.ts

@@ -17,6 +17,7 @@ type selectedPersistentVolumeClaim = {
   isNew: boolean;
   item: V1PersistentVolumeClaim;
   resourceKind: string;
+  isDeletable: boolean;
 };
 
 export default function pvcStore() {
@@ -44,6 +45,7 @@ export default function pvcStore() {
           isNew: isNew,
           item: n,
           resourceKind: "PVC",
+          isDeletable: true,
         };
       }
     },

web/store/schedulerconfiguration.ts

@@ -14,6 +14,7 @@ type selectedConfig = {
   isNew: boolean;
   item: SchedulerConfiguration;
   resourceKind: string;
+  isDeletable: boolean;
 };
 
 export default function schedulerconfigurationStore() {
@@ -42,6 +43,7 @@ export default function schedulerconfigurationStore() {
           isNew: true,
           item: c,
           resourceKind: "SchedulerConfiguration",
+          isDeletable: true,
         };
       }
     },

web/store/storageclass.ts

@@ -17,6 +17,7 @@ type selectedStorageClass = {
   isNew: boolean;
   item: V1StorageClass;
   resourceKind: string;
+  isDeletable: boolean;
 };
 
 export default function storageclassStore() {
@@ -44,6 +45,7 @@ export default function storageclassStore() {
           isNew: isNew,
           item: n,
           resourceKind: "SC",
+          isDeletable: true,
         };
       }
     },