Add pkg/harvester components + shell portings - 1

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

pkg/harvester/components/settings/ntp-servers.vue

@@ -0,0 +1,73 @@
+<script>
+import CreateEditView from '@shell/mixins/create-edit-view';
+import ArrayList from '@shell/components/form/ArrayList.vue';
+
+export default {
+  name: 'HarvesterNtpServersConfig',
+
+  components: { ArrayList },
+
+  mixins: [CreateEditView],
+
+  data() {
+    let parseDefaultValue = {};
+
+    try {
+      parseDefaultValue = JSON.parse(this.value.value);
+    } catch (error) {
+      parseDefaultValue = { ntpServers: [] };
+    }
+
+    return { parseDefaultValue };
+  },
+
+  watch: {
+    value: {
+      handler(neu) {
+        let parseDefaultValue;
+
+        try {
+          parseDefaultValue = JSON.parse(neu.value);
+        } catch (err) {
+          parseDefaultValue = { ntpServers: [] };
+        }
+
+        this.$set(this, 'parseDefaultValue', parseDefaultValue);
+        this.update();
+      },
+      deep: true
+    }
+  },
+
+  methods: {
+    useDefault() {
+      const parseDefaultValue = { ntpServers: [] };
+
+      this.$set(this, 'parseDefaultValue', parseDefaultValue);
+    },
+
+    update() {
+      const value = JSON.stringify(this.parseDefaultValue);
+
+      this.$set(this.value, 'value', value);
+    },
+  },
+};
+</script>
+
+<template>
+  <div class="row">
+    <div class="col span-12">
+      <template>
+        <ArrayList
+          v-model="parseDefaultValue.ntpServers"
+          :title="t('harvester.host.ntp.label')"
+          :protip="t('harvester.host.ntp.tips')"
+          :value-placeholder="t('harvester.host.ntp.placeholder')"
+          :mode="mode"
+          @input="update"
+        />
+      </template>
+    </div>
+  </div>
+</template>