bfg-common 1.5.762 → 1.5.764

package/components/common/configure/securityProfile/lockdownMode/modals/lockdownModeEdit/lockdownMode/Old.vue

@@ -0,0 +1,76 @@
+<template>
+  <div class="lockdown-mode">
+    <h5 class="font-bold">{{ localization.common.lockdownMode }}</h5>
+    <p>{{ localization.configureSecurityProfile.lockdownModeDesc }}</p>
+
+    <div class="clr-form-control">
+      <label class="clr-col-12 clr-col-md-12 clr-control-label">
+        {{ localization.configureSecurityProfile.specifyHostLockdownMode }}
+      </label>
+      <div class="radio-content">
+        <div class="label-content">
+          <div class="flex-align-center">
+            <input
+              id="disabledValue"
+              v-model="form.lockdownMode"
+              type="radio"
+              class="custom-radio-button absolute"
+              value="disabled"
+              name="lockdownMode"
+            />
+            <label for="disabledValue" class="custom-radio-label">
+              {{ localization.common.disabled }}
+            </label>
+          </div>
+        </div>
+      </div>
+      <div class="radio-content">
+        <div class="label-content">
+          <div class="flex-align-center">
+            <input
+              id="normalValue"
+              v-model="form.lockdownMode"
+              type="radio"
+              class="custom-radio-button absolute"
+              value="normal"
+              name="lockdownMode"
+            />
+            <label for="normalValue" class="custom-radio-label">
+              {{ localization.common.normal }}
+            </label>
+          </div>
+        </div>
+      </div>
+      <div class="radio-content">
+        <div class="label-content">
+          <div class="flex-align-center">
+            <input
+              id="strictValue"
+              v-model="form.lockdownMode"
+              type="radio"
+              class="custom-radio-button absolute"
+              value="strict"
+              name="lockdownMode"
+            />
+            <label for="strictValue" class="custom-radio-label">
+              {{ localization.common.strict }}
+            </label>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+import type { UI_I_Localization } from '~/lib/models/interfaces'
+import type { UI_I_LockdownModeData } from '~/store/inventory/modules/configure/securityProfile/lib/models/interfaces'
+
+const form = defineModel<UI_I_LockdownModeData>('form', {
+  required: true,
+})
+
+const localization = computed<UI_I_Localization>(() => useLocal())
+</script>
+
+<style scoped lang="scss"></style>

package/components/common/configure/securityProfile/lockdownMode/tools/New.vue

@@ -0,0 +1,5 @@
+<template>New</template>
+
+<script setup lang="ts"></script>
+
+<style scoped lang="scss"></style>

package/components/common/configure/securityProfile/lockdownMode/tools/Old.vue

@@ -0,0 +1,30 @@
+<template>
+  <common-headline :headline="props.title" class="items-center">
+    <template #action>
+      <button
+        class="btn btn-sm btn-secondary ng-star-inserted"
+        @click="emits('show-edit')"
+      >
+        {{ localization.common.edit }}...
+      </button>
+    </template>
+  </common-headline>
+  <p>{{ props.description }}</p>
+</template>
+
+<script setup lang="ts">
+import type { UI_I_Localization } from '~/lib/models/interfaces'
+
+const props = defineProps<{
+  title: string
+  description: string
+}>()
+
+const emits = defineEmits<{
+  (event: 'show-edit'): void
+}>()
+
+const localization = computed<UI_I_Localization>(() => useLocal())
+</script>
+
+<style scoped lang="scss"></style>

package/components/common/configure/securityProfile/lockdownMode/tools/Tools.vue

@@ -0,0 +1,29 @@
+<template>
+  <component
+    :is="currentComponent"
+    :title="localization.common.lockdownMode"
+    :description="localization.configureSecurityProfile.lockdownModeDesc"
+    @show-edit="emits('show-edit')"
+  />
+</template>
+
+<script setup lang="ts">
+import type { UI_I_Localization } from '~/lib/models/interfaces'
+
+const emits = defineEmits<{
+  (event: 'show-edit'): void
+}>()
+
+const { $store }: any = useNuxtApp()
+
+const localization = computed<UI_I_Localization>(() => useLocal())
+
+const isNewView = computed<boolean>(() => $store.getters['main/getIsNewView'])
+const currentComponent = computed(() =>
+  isNewView.value
+    ? defineAsyncComponent(() => import('./New.vue'))
+    : defineAsyncComponent(() => import('./Old.vue'))
+)
+</script>
+
+<style scoped lang="scss"></style>

package/components/common/diagramMain/modals/lib/config/vCenterModal.ts

@@ -1,48 +1,48 @@
-import type { UI_I_Dropdown } from '~/node_modules/bfg-uikit/components/ui/dropdown/models/interfaces'
-import type { UI_I_Localization } from '~/lib/models/interfaces'
-import type { UI_I_ModalsInitialData } from '~/components/common/diagramMain/lib/models/interfaces'
-import type { UI_I_CollapseNavItem } from '~/components/atoms/collapse/lib/models/interfaces'
-
-export const vCenterViewSettingsFunc = (
-  localization: UI_I_Localization,
-  initialData: UI_I_ModalsInitialData
-) => [
-  {
-    title: 'Network adapter 1',
-    id: 1,
-    type: 1,
-    rows: [
-      {
-        name: localization.common.macAddress,
-        value: initialData.macAddress,
-      },
-      {
-        name: localization.common.adapterType,
-        value: initialData.adapter,
-      },
-    ],
-  },
-]
-
-export const vCenterPopupFieldsFunc = (
-  localization: UI_I_Localization,
-  testId: string
-): UI_I_CollapseNavItem[] => [
-  {
-    text: localization.common.viewSettings,
-    value: 'v-center-view-settings',
-    testId: `${testId}-view`,
-  },
-]
-
-export const vCenterPopupFieldsNewFunc = (
-  localization: UI_I_Localization,
-  testId: string
-): UI_I_Dropdown[] => [
-  {
-    text: localization.common.viewSettings,
-    value: 'v-center-view-settings',
-    iconName: 'password-hide',
-    testId: `${testId}-view`,
-  },
-]
+import type { UI_I_Dropdown } from '~/node_modules/bfg-uikit/components/ui/dropdown/models/interfaces'
+import type { UI_I_Localization } from '~/lib/models/interfaces'
+import type { UI_I_ModalsInitialData } from '~/components/common/diagramMain/lib/models/interfaces'
+import type { UI_I_CollapseNavItem } from '~/components/atoms/collapse/lib/models/interfaces'
+
+export const vCenterViewSettingsFunc = (
+  localization: UI_I_Localization,
+  initialData: UI_I_ModalsInitialData
+) => [
+  {
+    title: 'Network adapter 1',
+    id: 1,
+    type: 1,
+    rows: [
+      {
+        name: localization.common.macAddress,
+        value: initialData.macAddress,
+      },
+      {
+        name: localization.common.adapterType,
+        value: initialData.adapter,
+      },
+    ],
+  },
+]
+
+export const vCenterPopupFieldsFunc = (
+  localization: UI_I_Localization,
+  testId: string
+): UI_I_CollapseNavItem[] => [
+  {
+    text: localization.common.viewSettings,
+    value: 'v-center-view-settings',
+    testId: `${testId}-view`,
+  },
+]
+
+export const vCenterPopupFieldsNewFunc = (
+  localization: UI_I_Localization,
+  testId: string
+): UI_I_Dropdown[] => [
+  {
+    text: localization.common.viewSettings,
+    value: 'v-center-view-settings',
+    iconName: 'password-hide',
+    testId: `${testId}-view`,
+  },
+]