bfg-common 1.5.763 → 1.5.764

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

@@ -1,12 +1,16 @@
 <template>
   <common-configure-security-profile-lockdown-mode
     :active-node-name="props.activeNodeName"
+    :api-data="props.apiData"
   />
 </template>
 
 <script setup lang="ts">
+import type { UI_I_SecurityProfileData } from '~/store/inventory/modules/configure/securityProfile/lib/models/interfaces'
+
 const props = defineProps<{
   activeNodeName: string
+  apiData: UI_I_SecurityProfileData
 }>()
 </script>
 

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

@@ -1,6 +1,8 @@
 <template>
   <div class="lockdown-mode">
-    <common-configure-security-profile-lockdown-mode-tools />
+    <common-configure-security-profile-lockdown-mode-tools
+      @show-edit="isShowEdit = true"
+    />
 
     <div class="stack-view">
       <atoms-stack-block
@@ -56,6 +58,7 @@ import { constructData } from '~/components/common/configure/securityProfile/loc
 
 const props = defineProps<{
   activeNodeName: string
+  apiData: UI_I_SecurityProfileData
 }>()
 
 const { $store }: any = useNuxtApp()
@@ -65,7 +68,7 @@ const nodeId = useRoute().params.id
 const localization = computed<UI_I_Localization>(() => useLocal())
 
 const securityProfileData = computed<UI_I_SecurityProfileData>(() =>
-  constructData($store.getters['securityProfile/getSystemSecurityProfile'])
+  constructData(props.apiData, localization.value)
 )
 
 const lockdownModeExceptionUsers = computed<string>(() =>

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

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

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

@@ -1,6 +1,7 @@
 <template>
   <component
     :is="currentComponent"
+    v-model:local-edit-data="localEditData"
     :title="title"
     :selected-tab="selectedTab"
     :tab-items="tabItems"

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

@@ -106,45 +106,4 @@ const emits = defineEmits<{
     }
   }
 }
-.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

@@ -1,7 +1,7 @@
 <template>
   <component
     :is="currentComponent"
-    v-model:local-edit-data="localEditData"
+    v-model:local-edit-data="form"
     @add="emits('add', $event)"
   />
 </template>
@@ -9,7 +9,7 @@
 <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 form = defineModel<UI_I_LockdownModeData>('form')
 
 const emits = defineEmits<{
   (event: 'add', value: string): void

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

@@ -18,7 +18,7 @@
 
     <div class="mt-3">
       <atoms-table-data-grid
-        :column-keys="columnKeys"
+        v-model:column-keys="columnItems"
         :head-items="headItems"
         :body-items="bodyItems"
         :total-items="bodyItems.length"
@@ -87,7 +87,7 @@ const localization = computed<UI_I_Localization>(() => useLocal())
 
 const newUserName = ref<string>('')
 
-const columnKeys = ref<UI_I_ColumnKey[]>(
+const columnItems = computed<UI_I_ColumnKey[]>(() =>
   exceptionUsersTable.columnKeys(localization.value)
 )
 const headItems = computed<UI_I_HeadItem[]>(() =>
@@ -134,4 +134,46 @@ onUnmounted(() => {
 })
 </script>
 
-<style scoped lang="scss"></style>
+<style scoped lang="scss">
+.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/old/lib/config/table.ts

@@ -4,8 +4,11 @@ import type {
   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'
+import {
+  constructColumnKey,
+  constructHeadItem,
+} from '~/components/atoms/table/dataGrid/lib/utils/constructDataTable'
 
 const getItems = (
   localization: UI_I_Localization
@@ -16,11 +19,28 @@ const getItems = (
   ]
 }
 
-export const columnKeys = (localization: UI_I_Localization): UI_I_ColumnKey[] =>
-  defaultSettings.defaultColumnKeys(getItems(localization))
+export const columnKeys = (
+  localization: UI_I_Localization
+): UI_I_ColumnKey[] => {
+  const result: UI_I_ColumnKey[] = []
+  getItems(localization).forEach((item, i) => {
+    const col = `col${i + 1}`
+    result.push(constructColumnKey(col, item[0], item[1]))
+  })
 
-export const headItems = (localization: UI_I_Localization): UI_I_HeadItem[] =>
-  defaultSettings.defaultHeadItems(getItems(localization))
+  return result
+}
+
+export const headItems = (localization: UI_I_Localization): UI_I_HeadItem[] => {
+  const result: UI_I_HeadItem[] = []
+  getItems(localization).forEach((item, i) => {
+    const col = `col${i + 1}`
+    result.push(
+      constructHeadItem(col, item[0], item[3], false, item[2], '', item[3])
+    )
+  })
+  return result
+}
 
 export const bodyItems = (data: string[]): UI_I_BodyItem[][] => {
   const bodyItems: UI_I_BodyItem[][] = []
@@ -39,5 +59,6 @@ export const bodyItems = (data: string[]): UI_I_BodyItem[][] => {
       },
     ])
   })
+
   return bodyItems
 }

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

@@ -3,12 +3,17 @@
     :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())

package/package.json

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

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

@@ -3,10 +3,10 @@ export interface UI_API_I_LockdownModeData {
   exceptionUsers: string[]
 }
 
-export interface API_I_SecurityProfileData {
+export interface UI_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 {}
+export interface UI_I_SecurityProfileData extends UI_API_I_SecurityProfileData {}