bfg-common 1.5.761 → 1.5.763

package/components/common/configure/securityProfile/SecurityProfile.vue

@@ -0,0 +1,13 @@
+<template>
+  <common-configure-security-profile-lockdown-mode
+    :active-node-name="props.activeNodeName"
+  />
+</template>
+
+<script setup lang="ts">
+const props = defineProps<{
+  activeNodeName: string
+}>()
+</script>
+
+<style scoped lang="scss"></style>

package/components/common/configure/securityProfile/lockdownMode/LockdownMode.vue

@@ -0,0 +1,94 @@
+<template>
+  <div class="lockdown-mode">
+    <common-configure-security-profile-lockdown-mode-tools />
+
+    <div class="stack-view">
+      <atoms-stack-block
+        :has-children="false"
+        test-id="certificate-subject-stack-block"
+      >
+        <template #stackBlockKey>
+          <div class="flex-align-center">
+            <span data-id="certificate-subject">
+              {{ localization.common.lockdownMode }}
+            </span>
+          </div>
+        </template>
+        <template #stackBlockContent>
+          <span data-id="certificate-subject-value">
+            {{ securityProfileData.lockdownMode.lockdownMode }}
+          </span>
+        </template>
+      </atoms-stack-block>
+      <atoms-stack-block
+        :has-children="false"
+        test-id="certificate-subject-stack-block"
+      >
+        <template #stackBlockKey>
+          <div class="flex-align-center">
+            <span data-id="certificate-subject">
+              {{ localization.configureSecurityProfile.exceptionUsers }}
+            </span>
+          </div>
+        </template>
+        <template #stackBlockContent>
+          <span data-id="certificate-subject-value">
+            {{ lockdownModeExceptionUsers }}
+          </span>
+        </template>
+      </atoms-stack-block>
+    </div>
+  </div>
+
+  <common-configure-security-profile-lockdown-mode-modals-lockdown-mode-edit
+    v-if="isShowEdit"
+    :active-node-name="props.activeNodeName"
+    :edit-data="securityProfileData.lockdownMode"
+    @hide="isShowEdit = false"
+    @submit="isShowEdit = false"
+  />
+</template>
+
+<script setup lang="ts">
+import type { UI_I_Localization } from '~/lib/models/interfaces'
+import type { UI_I_SecurityProfileData } from '~/store/inventory/modules/configure/securityProfile/lib/models/interfaces'
+import { constructData } from '~/components/common/configure/securityProfile/lockdownMode/lib/utils/constructData'
+
+const props = defineProps<{
+  activeNodeName: string
+}>()
+
+const { $store }: any = useNuxtApp()
+
+const nodeId = useRoute().params.id
+
+const localization = computed<UI_I_Localization>(() => useLocal())
+
+const securityProfileData = computed<UI_I_SecurityProfileData>(() =>
+  constructData($store.getters['securityProfile/getSystemSecurityProfile'])
+)
+
+const lockdownModeExceptionUsers = computed<string>(() =>
+  securityProfileData.value.lockdownMode.exceptionUsers.join(', ')
+)
+
+const getData = (): void => {
+  $store.dispatch('securityProfile/A_GET_SECURITY_PROFILE', nodeId)
+}
+
+const isShowEdit = ref<boolean>(false)
+
+onMounted(() => {
+  getData()
+})
+
+onUnmounted(() => {
+  $store.dispatch('main/A_PAUSE_GLOBAL_REFRESH', 'hostSystemSecurityProfile')
+})
+</script>
+
+<style scoped lang="scss">
+.stack-view {
+  margin-top: 10px;
+}
+</style>

package/components/common/configure/securityProfile/lockdownMode/lib/utils/constructData.ts

@@ -0,0 +1,27 @@
+import type { UI_I_SecurityProfileData } from '~/store/inventory/modules/configure/securityProfile/lib/models/interfaces'
+
+const getLockdownModeCurrentText = (data: string): string => {
+  switch (data) {
+    case 'disabled':
+      return 'disabled'
+    default:
+      return ''
+  }
+}
+
+export const constructData = (
+  data: UI_I_SecurityProfileData | null
+): UI_I_SecurityProfileData => {
+  let result: UI_I_SecurityProfileData | null = null
+
+  result = {
+    lockdownMode: {
+      lockdownMode: getLockdownModeCurrentText(
+        data?.lockdownMode.lockdownMode || ''
+      ),
+      exceptionUsers: data?.lockdownMode.exceptionUsers || [],
+    },
+  }
+
+  return result
+}

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

@@ -0,0 +1,60 @@
+<template>
+  <component
+    :is="currentComponent"
+    :title="title"
+    :selected-tab="selectedTab"
+    :tab-items="tabItems"
+    @add-new-user="onAddNewUser"
+  />
+</template>
+
+<script setup lang="ts">
+import type { UI_I_Localization } from '~/lib/models/interfaces'
+import type { UI_I_VerticalTabs } from '~/components/atoms/tabs/lib/models/interfaces'
+import type { UI_I_LockdownModeData } from '~/store/inventory/modules/configure/securityProfile/lib/models/interfaces'
+import { navigateTabsFunc } from '~/components/common/configure/securityProfile/lockdownMode/modals/lockdownModeEdit/lib/config/tabs'
+
+const props = defineProps<{
+  activeNodeName: string
+  editData: UI_I_LockdownModeData
+}>()
+
+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'))
+)
+
+const title = computed<string>(
+  () => props.activeNodeName + ' - ' + localization.value.common.lockdownMode
+)
+
+const selectedTab = ref<number>(1)
+const tabItems = computed<UI_I_VerticalTabs[]>(() =>
+  navigateTabsFunc(localization.value)
+)
+
+const localEditData = ref<UI_I_LockdownModeData>({
+  lockdownMode: '',
+  exceptionUsers: [],
+})
+watch(
+  () => props.editData,
+  (newValue) => {
+    localEditData.value.lockdownMode = newValue.lockdownMode
+    localEditData.value.exceptionUsers = newValue.exceptionUsers
+  },
+  { immediate: true, deep: true }
+)
+
+const onAddNewUser = (value: string): void => {
+  localEditData.value.exceptionUsers.push(value)
+}
+</script>
+
+<style scoped lang="scss"></style>

package/components/common/configure/securityProfile/lockdownMode/modals/lockdownModeEdit/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/modals/lockdownModeEdit/Old.vue

@@ -0,0 +1,150 @@
+<template>
+  <atoms-modal
+    :title="props.title"
+    width="862px"
+    class="lockdown-mode-edit"
+    test-id="lockdown-mode-edit"
+    show
+    @hide="emits('hide')"
+    @submit="emits('submit')"
+  >
+    <template #modalBody>
+      <div class="flex column-gap-6 lockdown-mode-edit__content">
+        <atoms-tabs-vertical-tabs
+          v-model="selectedTab"
+          :items="props.tabItems"
+          test-id="lockdown-mode-edit-tabs"
+          class="lockdown-mode-edit__tabs"
+        />
+
+        <common-configure-security-profile-lockdown-mode-modals-lockdown-mode-edit-lockdown-mode
+          v-if="selectedTab === 1"
+          v-model:form="localEditData"
+        />
+
+        <common-configure-security-profile-lockdown-mode-modals-lockdown-mode-edit-exception-users
+          v-if="selectedTab === 2"
+          v-model:form="localEditData"
+          @add="emits('add-new-user', $event)"
+        />
+      </div>
+    </template>
+  </atoms-modal>
+</template>
+
+<script lang="ts" setup>
+import type { UI_I_VerticalTabs } from '~/components/atoms/tabs/lib/models/interfaces'
+import type { UI_I_LockdownModeData } from '~/store/inventory/modules/configure/securityProfile/lib/models/interfaces'
+
+const selectedTab = defineModel<number>('selectedTab', { required: true })
+const localEditData = defineModel<UI_I_LockdownModeData>('localEditData', {
+  required: true,
+})
+
+const props = defineProps<{
+  title: string
+  tabItems: UI_I_VerticalTabs[]
+}>()
+
+const emits = defineEmits<{
+  (event: 'add-new-user', value: string): void
+  (event: 'hide'): void
+  (event: 'submit'): void
+}>()
+</script>
+
+<style lang="scss" scoped>
+.lockdown-mode-edit {
+  &__content {
+    height: inherit;
+  }
+  &__tabs {
+    &.vertical-groups-sidenav {
+      background: initial;
+      &.sidenav {
+        border-right: 0;
+      }
+    }
+  }
+  &__alert {
+    margin-bottom: 10px;
+  }
+
+  :deep(.modal-body) {
+    height: inherit;
+
+    .custom-radio-label {
+      padding-left: 23px;
+    }
+    .add-new-name-input {
+      width: 170px;
+    }
+    .sub-text-input {
+      position: absolute;
+      left: 0;
+      top: 22px;
+      font-size: 11px;
+    }
+    .add-user-btn {
+      margin-left: 20px;
+      text-transform: uppercase;
+      color: #0079ad;
+      font-size: 11px;
+      cursor: pointer;
+      font-weight: 500;
+
+      &:hover {
+        color: #00608a;
+      }
+    }
+    .ellipsis-vertical-btn {
+      cursor: pointer;
+
+      svg {
+        width: 15px;
+      }
+    }
+  }
+}
+.action-container {
+  position: absolute;
+  top: -33px;
+  left: 5px;
+  background: var(--block-view-bg-color2);
+  border: 1px solid var(--block-border-color);
+  padding: 5px 6px;
+  border-radius: 3px;
+
+  .action-wrap {
+    &::after {
+      content: '';
+      display: block;
+      position: absolute;
+      width: 8px;
+      height: 8px;
+      background: var(--block-view-bg-color2);
+      transform: rotate(45deg);
+      left: -11px;
+      bottom: calc(50% - 4px);
+      border-left: 0.5px solid var(--block-border-color);
+      border-bottom: 0.5px solid var(--block-border-color);
+      z-index: var(--z-dropdown);
+    }
+  }
+  .action {
+    border: none;
+    padding: 1px 20px;
+    width: 100%;
+    text-align: left;
+    cursor: pointer;
+    background: var(--block-view-bg-color2);
+    color: var(--global-font-color3);
+    white-space: nowrap;
+    text-transform: capitalize;
+
+    &:hover {
+      background: var(--vertical-nav-hover-bg-color);
+    }
+  }
+}
+</style>

package/components/common/configure/securityProfile/lockdownMode/modals/lockdownModeEdit/exceptionUsers/ExceptionUsers.vue

@@ -0,0 +1,28 @@
+<template>
+  <component
+    :is="currentComponent"
+    v-model:local-edit-data="localEditData"
+    @add="emits('add', $event)"
+  />
+</template>
+
+<script setup lang="ts">
+import type { UI_I_LockdownModeData } from '~/store/inventory/modules/configure/securityProfile/lib/models/interfaces'
+
+const localEditData = defineModel<UI_I_LockdownModeData>('localEditData')
+
+const emits = defineEmits<{
+  (event: 'add', value: string): void
+}>()
+
+const { $store }: any = useNuxtApp()
+
+const isNewView = computed<boolean>(() => $store.getters['main/getIsNewView'])
+const currentComponent = computed(() =>
+  isNewView.value
+    ? defineAsyncComponent(() => import('./New.vue'))
+    : defineAsyncComponent(() => import('./old/Old.vue'))
+)
+</script>
+
+<style scoped lang="scss"></style>

package/components/common/configure/securityProfile/lockdownMode/modals/lockdownModeEdit/exceptionUsers/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/modals/lockdownModeEdit/exceptionUsers/old/Old.vue

@@ -0,0 +1,137 @@
+<template>
+  <div class="exception-users">
+    <h5 class="font-bold">
+      {{ localization.configureSecurityProfile.exceptionUsers }}
+    </h5>
+    <label>
+      {{ localization.configureSecurityProfile.exceptionUsersDesc }}
+      <span class="relative">
+        <input v-model="newUserName" type="text" class="add-new-name-input" />
+        <span class="sub-text-input">
+          {{ localization.configureSecurityProfile.separateUsersWithCommas }}
+        </span>
+      </span>
+      <span class="add-user-btn" @click="emits('add', newUserName)">
+        {{ localization.common.addUser }}
+      </span>
+    </label>
+
+    <div class="mt-3">
+      <atoms-table-data-grid
+        :column-keys="columnKeys"
+        :head-items="headItems"
+        :body-items="bodyItems"
+        :total-items="bodyItems.length"
+        :page-size="100"
+        :page="1"
+        :total-pages="1"
+        test-id="exception-users-table"
+        hide-pagination
+        hide-page-size
+        off-select-by-row
+        server-off
+      >
+        <template #col1="{ item }">
+          <div class="data-table__action-icon">
+            <atoms-popover
+              :test-id="`${item.data.id}-popover`"
+              @click="onShowTooltip(item.data.id)"
+            >
+              <template #elem>
+                <span class="ellipsis-vertical-btn">
+                  <atoms-the-icon name="ellipsis-vertical" />
+                </span>
+              </template>
+              <template #content>
+                <div v-if="showTooltip && item.data.id === selectedUserId">
+                  <div class="action-container">
+                    <div class="action-wrap relative">
+                      <button
+                        :data-id="`${item.data.id}-remove-button`"
+                        class="action"
+                        @click="onRemoveUser(item.data.name)"
+                      >
+                        {{ localization.common.removeUser }}
+                      </button>
+                    </div>
+                  </div>
+                </div>
+              </template>
+            </atoms-popover>
+          </div>
+        </template>
+      </atoms-table-data-grid>
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+import type {
+  UI_I_HeadItem,
+  UI_I_BodyItem,
+} from '~/components/atoms/table/compact/lib/models/interfaces'
+import type { UI_I_Localization } from '~/lib/models/interfaces'
+import type { UI_I_ColumnKey } from '~/components/atoms/table/dataGrid/lib/models/interfaces'
+import type { UI_I_LockdownModeData } from '~/store/inventory/modules/configure/securityProfile/lib/models/interfaces'
+import * as exceptionUsersTable from '~/components/common/configure/securityProfile/lockdownMode/modals/lockdownModeEdit/exceptionUsers/old/lib/config/table'
+
+const localEditData = defineModel<UI_I_LockdownModeData>('localEditData', {
+  required: true,
+})
+
+const emits = defineEmits<{
+  (event: 'add', value: string): void
+}>()
+
+const localization = computed<UI_I_Localization>(() => useLocal())
+
+const newUserName = ref<string>('')
+
+const columnKeys = ref<UI_I_ColumnKey[]>(
+  exceptionUsersTable.columnKeys(localization.value)
+)
+const headItems = computed<UI_I_HeadItem[]>(() =>
+  exceptionUsersTable.headItems(localization.value)
+)
+
+const bodyItems = ref<UI_I_BodyItem[][]>([])
+watch(
+  localEditData,
+  (newValue) => {
+    if (!newValue.exceptionUsers?.length) {
+      bodyItems.value = []
+      return
+    }
+    bodyItems.value = exceptionUsersTable.bodyItems(newValue.exceptionUsers)
+  },
+  { immediate: true, deep: true }
+)
+
+const selectedUserId = ref<number | null>(null)
+const showTooltip = ref<boolean>(false)
+const onShowTooltip = (id: number): void => {
+  selectedUserId.value = id
+  showTooltip.value = true
+}
+
+const onRemoveUser = (value: string): void => {
+  localEditData.value.exceptionUsers =
+    localEditData.value.exceptionUsers.filter((item) => item !== value)
+}
+
+const hideActionsPopover = (): void => {
+  showTooltip.value = false
+}
+
+// TODO удалить потом это
+onMounted(() => {
+  setTimeout(() => {
+    window.addEventListener('click', hideActionsPopover)
+  })
+})
+onUnmounted(() => {
+  window.removeEventListener('click', hideActionsPopover)
+})
+</script>
+
+<style scoped lang="scss"></style>

package/components/common/configure/securityProfile/lockdownMode/modals/lockdownModeEdit/exceptionUsers/old/lib/config/table.ts

@@ -0,0 +1,43 @@
+import type { UI_I_Localization } from '~/lib/models/interfaces'
+import type {
+  UI_I_ColumnKey,
+  UI_I_HeadItem,
+  UI_I_BodyItem,
+} from '~/components/atoms/table/dataGrid/lib/models/interfaces'
+import * as defaultSettings from '~/components/atoms/table/dataGrid/lib/config/settingsTable'
+import { exceptionUsersTableKeys } from '~/components/common/configure/securityProfile/lockdownMode/modals/lockdownModeEdit/exceptionUsers/old/lib/config/tableKeys'
+
+const getItems = (
+  localization: UI_I_Localization
+): [string, boolean, string, string][] => {
+  return [
+    ['', true, '10%', exceptionUsersTableKeys[0]],
+    [localization.common.user, true, '90%', exceptionUsersTableKeys[1]],
+  ]
+}
+
+export const columnKeys = (localization: UI_I_Localization): UI_I_ColumnKey[] =>
+  defaultSettings.defaultColumnKeys(getItems(localization))
+
+export const headItems = (localization: UI_I_Localization): UI_I_HeadItem[] =>
+  defaultSettings.defaultHeadItems(getItems(localization))
+
+export const bodyItems = (data: string[]): UI_I_BodyItem[][] => {
+  const bodyItems: UI_I_BodyItem[][] = []
+  data.forEach((item: string, key) => {
+    bodyItems.push([
+      {
+        key: 'col1',
+        text: '',
+        id: key,
+        data: { id: key, name: item },
+      },
+      {
+        key: 'col2',
+        text: item,
+        id: key,
+      },
+    ])
+  })
+  return bodyItems
+}

package/components/common/configure/securityProfile/lockdownMode/modals/lockdownModeEdit/exceptionUsers/old/lib/config/tableKeys.ts

@@ -0,0 +1,6 @@
+import type { UI_T_ExceptionUsersTableKeys } from '~/components/common/configure/securityProfile/lockdownMode/modals/lockdownModeEdit/exceptionUsers/old/lib/models/types'
+
+export const exceptionUsersTableKeys: UI_T_ExceptionUsersTableKeys[] = [
+  'action',
+  'user',
+]

package/components/common/configure/securityProfile/lockdownMode/modals/lockdownModeEdit/exceptionUsers/old/lib/models/types.ts

@@ -0,0 +1 @@
+export type UI_T_ExceptionUsersTableKeys = 'action' | 'user'

package/components/common/configure/securityProfile/lockdownMode/modals/lockdownModeEdit/lib/config/tabs.ts

@@ -0,0 +1,19 @@
+import type { UI_I_Localization } from '~/lib/models/interfaces'
+import type { UI_I_VerticalTabs } from '~/components/atoms/tabs/lib/models/interfaces'
+
+export const navigateTabsFunc = (
+  localization: UI_I_Localization
+): UI_I_VerticalTabs[] => {
+  return [
+    {
+      value: 1,
+      text: localization.common.lockdownMode,
+      testId: 'lockdown-mode-tab',
+    },
+    {
+      value: 2,
+      text: localization.configureSecurityProfile.exceptionUsers,
+      testId: 'exception-users-tab',
+    },
+  ]
+}

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

@@ -0,0 +1,22 @@
+<template>
+  <component :is="currentComponent" v-model:form="form" />
+</template>
+
+<script setup lang="ts">
+import type { UI_I_LockdownModeData } from '~/store/inventory/modules/configure/securityProfile/lib/models/interfaces'
+
+const form = defineModel<UI_I_LockdownModeData>('form', {
+  required: true,
+})
+
+const { $store }: any = useNuxtApp()
+
+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/configure/securityProfile/lockdownMode/modals/lockdownModeEdit/lockdownMode/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/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,24 @@
+<template>
+  <component
+    :is="currentComponent"
+    :title="localization.common.lockdownMode"
+    :description="localization.configureSecurityProfile.lockdownModeDesc"
+  />
+</template>
+
+<script setup lang="ts">
+import type { UI_I_Localization } from '~/lib/models/interfaces'
+
+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/lib/models/interfaces.ts

@@ -654,7 +654,7 @@ export interface UI_I_PortEditSendData {
   tcp_stack: string
   services: {
     Management: boolean
-    // VMotion: boolean
+    VMotion: boolean
     Provisioning: boolean
     VSAN: boolean
     // FaultToleranceLogging: boolean

package/components/common/diagramMain/modals/lib/mappers/mappers.ts

@@ -21,6 +21,7 @@ export const portEditDataFunc = (
     mtu: properties?.mtu,
     services: {
       Management: !!properties?.services.management,
+      VMotion: !!properties?.services.vMotion,
       Provisioning: !!properties?.services.provisioning,
       VSAN: !!properties?.services.vSAN,
     },

package/components/common/wizards/network/add/steps/portProperties/PortProperties.vue

@@ -86,45 +86,30 @@ const fields = ref<UI_I_PortProperties>({
   },
 })
 
-const setEnabledServiceDefault = (
-  tcp: UI_T_TCP,
-  currentFields: UI_I_PortProperties
-): void => {
-  tcp === 'default' &&
-    (fields.value = {
-      ...currentFields,
-      services: servicesInitial,
-    })
-}
-
-const setEnabledServiceProvisioning = (
+const setEnabledService = (
   tcp: UI_T_TCP,
   currentFields: UI_I_PortProperties,
   newFields?: UI_I_PortProperties
 ): void => {
-  tcp === 'provisioning' &&
-    (fields.value = {
+  if (tcp === 'default') {
+    fields.value = {
+      ...currentFields,
+      services: useDeepCopy(servicesInitial),
+    }
+  } else if (servicesInitial.hasOwnProperty(tcp)) {
+    fields.value = {
       ...(newFields || currentFields),
       services: {
-        ...servicesInitial,
-        provisioning: true,
+        ...useDeepCopy(servicesInitial),
+        [tcp]: true,
       },
-    })
-}
-
-const setEnabledServiceVMotion = (
-  tcp: UI_T_TCP,
-  currentFields: UI_I_PortProperties,
-  newFields?: UI_I_PortProperties
-): void => {
-  tcp === '' &&
-    (fields.value = {
+    }
+  } else {
+    fields.value = {
       ...(newFields || currentFields),
-      services: {
-        ...servicesInitial,
-        vMotion: true,
-      },
-    })
+      services: useDeepCopy(servicesInitial),
+    }
+  }
 }
 
 let oldFields = useDeepCopy(fields.value)
@@ -134,9 +119,7 @@ watch(
   (newFields: UI_I_PortProperties) => {
     if (newFields.tcp && newFields.tcp !== oldFields.tcp) {
       emits('change-gateway-flag', false)
-      setEnabledServiceDefault(newFields.tcp, fields.value)
-      setEnabledServiceProvisioning(newFields.tcp, fields.value, newFields)
-      setEnabledServiceVMotion(newFields.tcp, fields.value, newFields)
+      setEnabledService(newFields.tcp, fields.value, newFields)
     }
 
     oldFields.networkLabel !== newFields.networkLabel &&
@@ -184,9 +167,7 @@ watch(
   () => fields.value.tcp,
   (newTcp: UI_T_TCP, oldTcp: UI_T_TCP) => {
     if (newTcp !== oldTcp) {
-      setEnabledServiceDefault(newTcp, fields.value)
-      setEnabledServiceProvisioning(newTcp, fields.value)
-      setEnabledServiceVMotion(newTcp, fields.value)
+      setEnabledService(newTcp, fields.value)
     }
     emits('change-port-properties', fields.value)
   }
@@ -196,7 +177,10 @@ watch(
   () => props.tcpStacks,
   (newValue: UI_I_TCPStack[]) => {
     if (fields.value.tcp === '') {
-      fields.value.tcp = newValue?.[0]?.id || ''
+      fields.value.tcp =
+        newValue?.find?.((item) => item.id === 'default')?.id ||
+        newValue?.[0]?.id ||
+        ''
     }
   },
   { deep: true, immediate: true }

package/components/common/wizards/network/add/steps/portProperties/PortPropertiesOld.vue

@@ -146,7 +146,7 @@
                 <select id="tsp" v-model="fields.tcp" data-id="tsp-select">
                   <template v-for="tcp in props.tcpStacks" :key="tcp.id">
                     <option :value="tcp.id">
-                      {{ localization.common[tcp.id] }}
+                      {{ localization.common[tcp.id] || tcp.id }}
                     </option>
                   </template>
                   <!--                  <option value="1">{{ localization.common.provisioning }}</option>-->

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "bfg-common",
   "private": false,
-  "version": "1.5.761",
+  "version": "1.5.763",
   "scripts": {
     "build": "nuxt build",
     "dev": "nuxt dev --port=3002",

package/store/inventory/modules/configure/securityProfile/lib/models/interfaces.ts

@@ -0,0 +1,12 @@
+export interface UI_API_I_LockdownModeData {
+  lockdownMode: string
+  exceptionUsers: string[]
+}
+
+export interface API_I_SecurityProfileData {
+  lockdownMode: UI_API_I_LockdownModeData
+}
+
+export interface UI_I_LockdownModeData extends UI_API_I_LockdownModeData {}
+
+export interface UI_I_SecurityProfileData extends API_I_SecurityProfileData {}