bfg-common 1.6.78 → 1.6.80

package/components/common/certificate/{Tools.vue → tools/Tools.vue}

@@ -1,16 +1,10 @@
 <template>
-  <div class="certificate-headline">
-    <common-headline :headline="localization.common.certificate">
-      <template #action>
-        <atoms-tabs
-          :items="tabs"
-          test-id="certificate-tabs"
-          size="small"
-          @change="onShowModal"
-        />
-      </template>
-    </common-headline>
-  </div>
+  <component
+    :is="currentComponent"
+    :page-title="localization.common.certificate"
+    :tabs="tabs"
+    @show-modal="onShowModal"
+  />
 
   <common-certificate-modals-renew
     v-if="isShowModal"
@@ -24,12 +18,22 @@
 import type { UI_I_Localization } from '~/lib/models/interfaces'
 import type { UI_I_CollapseNavItem } from '~/components/atoms/collapse/lib/models/interfaces'
 import type { UI_T_ModeModal } from '~/components/common/certificate/lib/models/types'
-import { certificateTabsFunc } from '~/components/common/certificate/lib/config/tabsPannel'
+import { certificateTabsFunc } from '~/components/common/certificate/tools/lib/config/tabsPannel'
 
 const emits = defineEmits<{
   (event: 'renew-certificate'): 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.vue'))
+)
+
 const localization = computed<UI_I_Localization>(() => useLocal())
 
 const tabs = computed<UI_I_CollapseNavItem[]>(() =>
@@ -47,13 +51,4 @@ const onHideModal = (): void => {
 }
 </script>
 
-<style lang="scss" scoped>
-.certificate-headline {
-  :deep(.heading-block__actions) {
-    .nav {
-      margin-top: 0;
-      align-items: flex-start;
-    }
-  }
-}
-</style>
+<style lang="scss" scoped></style>

package/components/common/certificate/tools/lib/config/tabsPannel.ts

@@ -0,0 +1,20 @@
+import type { UI_I_Localization } from '~/lib/models/interfaces'
+import type { UI_I_CollapseNavItem } from '~/components/atoms/collapse/lib/models/interfaces'
+
+export const certificateTabsFunc = (
+  localization: UI_I_Localization
+): UI_I_CollapseNavItem[] => [
+  {
+    text: localization.common.renew,
+    value: 'renew',
+    disabled: false,
+    testId: 'certificate-renew',
+  },
+  {
+    text: localization.common.certificateRefreshTitle,
+    value: 'refreshCaCertificates',
+    disabled: true,
+    testId: 'certificate-refresh',
+    development: true,
+  },
+]

package/components/common/configure/physicalAdapters/tableView/lib/config/settings.ts

@@ -6,7 +6,7 @@ import type {
 } from '~/components/common/configure/physicalAdapters/tableView/lib/models/interfaces'
 
 export const adapterViewSettingsModalTabsFunc = (
-  localization: UI_I_Localization
+    localization: UI_I_Localization
 ): UI_I_ViewSettingsModalTabs[] => [
   {
     text: localization.common.all,
@@ -31,8 +31,8 @@ export const adapterViewSettingsModalTabsFunc = (
 ]
 
 export const adapterViewSettingsFunc = (
-  localization: UI_I_Localization,
-  initialData: UI_I_ModalsInitialData
+    localization: UI_I_Localization,
+    initialData: UI_I_ModalsInitialData
 ): UI_I_ViewSettingsFields[] => {
   return [
     {
@@ -41,19 +41,19 @@ export const adapterViewSettingsFunc = (
       type: 1,
       rows: [
         {
-          name: localization.common.adapter,
+          name: localization.common.adapter + ':',
           value: initialData.adapter?.trim() || '',
         },
         {
-          name: localization.common.name,
+          name: localization.common.name + ':',
           value: initialData.name || '',
         },
         {
-          name: localization.common.location,
+          name: localization.common.location + ':',
           value: `PCI ${initialData.pciAddress}`,
         },
         {
-          name: localization.common.driver,
+          name: localization.common.driver + ':',
           value: initialData.driver || '',
         },
       ],
@@ -64,37 +64,37 @@ export const adapterViewSettingsFunc = (
       type: 1,
       rows: [
         {
-          name: localization.common.status,
+          name: localization.common.status + ':',
           value: initialData.carrier
-            ? localization.common.connected
-            : localization.common.disconnected,
+              ? localization.common.connected
+              : localization.common.disconnected,
           status: true,
           color: initialData.carrier,
         },
         {
-          name: localization.common.actualSpeedDuplex,
+          name: localization.common.actualSpeedDuplex + ':',
           value:
-            initialData.carrier && initialData.speed
-              ? `${initialData.speed / 1000} ${localization.common.gbitS}, ${
-                  initialData.duplex
-                } Duplex`
-              : localization.common.down,
+              initialData.carrier && initialData.speed
+                  ? `${initialData.speed / 1000} ${localization.common.gbitS}, ${
+                      initialData.duplex
+                  } Duplex`
+                  : localization.common.down,
         },
         {
-          name: localization.common.configuredSpeedDuplex,
+          name: localization.common.configuredSpeedDuplex + ':',
           value:
-            initialData.carrier && initialData.speed
-              ? `${initialData.speed / 1000} ${localization.common.gbitS}, ${
-                  initialData.duplex
-                } Duplex`
-              : localization.common.autoNegotiate,
+              initialData.carrier && initialData.speed
+                  ? `${initialData.speed / 1000} ${localization.common.gbitS}, ${
+                      initialData.duplex
+                  } Duplex`
+                  : localization.common.autoNegotiate,
         },
         {
-          name: localization.common.networks,
+          name: localization.common.networks + ':',
           value:
-            initialData.networks && initialData.networks?.length > 0
-              ? initialData.networks
-              : localization.common.noNetworks,
+              initialData.networks && initialData.networks?.length > 0
+                  ? initialData.networks
+                  : localization.common.noNetworks,
         },
       ],
     },
@@ -104,10 +104,10 @@ export const adapterViewSettingsFunc = (
       type: 1,
       rows: [
         {
-          name: localization.common.status,
+          name: localization.common.status + ':',
           value: !initialData.srIov
-            ? localization.common.notSupported
-            : localization.common.supported,
+              ? localization.common.notSupported
+              : localization.common.supported,
           status: true,
           color: initialData.srIov,
         },