Add USB devices page skeleton

Signed-off-by: Francesco Torchia <francesco.torchia@suse.com>
2026-10-03 20:56:06 +08:00 · 2024-10-23 17:01:13 +02:00
parent e8fbeccc72
commit ee963b7c1c
9 changed files with 281 additions and 8 deletions
@@ -0,0 +1,97 @@
+<script>
+import { HCI } from '../types';
+import { STATE, SIMPLE_NAME } from '@shell/config/table-headers';
+import { allHash } from '@shell/utils/promise';
+import Banner from '@components/Banner/Banner.vue';
+import Loading from '@shell/components/Loading';
+import MessageLink from '@shell/components/MessageLink';
+import ResourceTable from '@shell/components/ResourceTable';
+import { ADD_ONS } from '../config/harvester-map';
+
+export default {
+  name: 'ListUSBDevices',
+
+  components: {
+    Banner,
+    Loading,
+    MessageLink,
+    ResourceTable
+  },
+
+  async fetch() {
+    const inStore = this.$store.getters['currentProduct'].inStore;
+
+    this.schema = this.$store.getters[`${ inStore }/schemaFor`](HCI.USB_DEVICE);
+    this.hasAddonSchema = this.$store.getters[`${ inStore }/schemaFor`](HCI.ADD_ONS);
+
+    if (this.hasSchema) {
+      try {
+        const hash = await allHash({
+          usbDevices: this.$store.dispatch(`${ inStore }/findAll`, { type: HCI.USB_DEVICE }),
+          addons:     this.$store.dispatch(`${ inStore }/findAll`, { type: HCI.ADD_ONS }),
+        });
+
+        this.hasUSBAddon = hash.addons.find(addon => addon.name === ADD_ONS.USB_DEVICE_CONTROLLER)?.spec?.enabled === true;
+      } catch (e) {}
+    }
+  },
+
+  data() {
+    return {
+      hasAddonSchema: false,
+      hasUSBAddon:    false,
+      schema:         null,
+      toUSBAddon:     `${ HCI.ADD_ONS }/harvester-system/${ ADD_ONS.USB_DEVICE_CONTROLLER }?mode=edit`,
+      headers: [
+        { ...STATE },
+        SIMPLE_NAME,
+      ],
+    };
+  },
+
+  computed: {
+    hasSchema() {
+      return !!this.schema;
+    },
+
+    rows() {
+      const inStore = this.$store.getters['currentProduct'].inStore;
+
+      return this.$store.getters[`${ inStore }/all`](HCI.USB_DEVICE) || [];
+    }
+  },
+
+  typeDisplay() {
+    return this.t('harvester.usb.label');
+  }
+};
+</script>
+
+<template>
+  <Loading v-if="$fetchState.pending" />
+  <div v-else-if="!hasAddonSchema">
+    <Banner color="warning">
+      {{ t('harvester.usb.noPermission') }}
+    </Banner>
+  </div>
+  <div v-else-if="!hasUSBAddon">
+    <Banner color="warning">
+      <MessageLink
+        :to="toUSBAddon"
+        prefix-label="harvester.usb.goSetting.prefix"
+        middle-label="harvester.usb.goSetting.middle"
+        suffix-label="harvester.usb.goSetting.suffix"
+      />
+    </Banner>
+  </div>
+  <ResourceTable
+    v-else-if="hasSchema"
+    :headers="headers"
+    :schema="schema"
+    :rows="rows"
+    :use-query-params-for-simple-filtering="true"
+    :sort-generation-fn="sortGenerationFn"
+    :rows-per-page="10"
+    @submit.prevent
+  />
+</template>