Add pkg/harvester components + shell portings - 1

Signed-off-by: Francesco Torchia <francesco.torchia@suse.com>

pkg/harvester/detail/harvesterhci.io.host/VlanStatus/LinkStatus.vue

@@ -0,0 +1,71 @@
+<script>
+import LabelValue from '@shell/components/LabelValue';
+
+import { _CREATE } from '@shell/config/query-params';
+
+export default {
+  name: 'LinkStatus',
+
+  components: { LabelValue },
+
+  props: {
+    value: {
+      type:     Object,
+      required: true,
+    },
+
+    mode: {
+      type:    String,
+      default: _CREATE,
+    },
+  },
+};
+</script>
+
+<template>
+  <div>
+    <div class="row mt-10">
+      <div class="col span-6">
+        <LabelValue
+          :name="t('generic.name')"
+          :value="value.name"
+        />
+      </div>
+      <div class="col span-6">
+        <LabelValue
+          :name="t('tableHeaders.state')"
+          :value="value.state"
+        />
+      </div>
+    </div>
+    <div class="row mt-10">
+      <div class="col span-6">
+        <LabelValue
+          :name="t('tableHeaders.type')"
+          :value="value.type"
+        />
+      </div>
+      <div class="col span-6">
+        <LabelValue
+          :name="t('harvester.fields.macAddress')"
+          :value="value.mac"
+        />
+      </div>
+    </div>
+    <div class="row mt-10">
+      <div
+        v-if="value.promiscuous === 'true'"
+        class="col span-6"
+      >
+        <LabelValue
+          :name="t('harvester.fields.promiscuous')"
+          :value="value.promiscuous"
+        >
+          <template #value>
+            {{ value.promiscuous === 'true' ? t('generic.yes') : t('generic.no') }}
+          </template>
+        </LabelValue>
+      </div>
+    </div>
+  </div>
+</template>