bfg-common 1.6.63 → 1.6.64

package/components/common/adapterManager/ui/table/TableNew.vue

@@ -1,137 +1,137 @@
-<template>
-  <div
-    :class="['manager', { 'add-adapter-modal': props.isAddModal }]"
-    @click.capture="onClickEmptySpace($event)"
-  >
-    <div v-if="props.isAddModal">
-      <common-adapter-manager-ui-second-title
-        :is-add-modal="props.isAddModal"
-        :count="props.existingAdaptersForAdding.length"
-      />
-      <common-adapter-manager-ui-table-adapters
-        :adapters="props.existingAdaptersForAdding"
-        :selected-adapter-id="props.selectedAddAdapterId"
-        :is-add-modal="props.isAddModal"
-        :full-mode="props.fullMode"
-        :core-adapters="props.coreAdapters"
-        @select-adapter="onSelectAddAdapter"
-      />
-    </div>
-    <div v-else>
-      <common-adapter-manager-ui-table-header
-        :is-selected="props.isActiveHeader"
-        :full-mode="props.fullMode"
-        title="header-active"
-        test-id="header-active"
-        @select-header="onSelectAdapter"
-        @show-add-adapter-modal="onShowAddAdapterModal"
-      />
-      <common-adapter-manager-ui-table-adapters
-        :adapters="props.adapterStatus.active"
-        :core-adapters="props.coreAdapters"
-        :selected-adapter-id="props.selectedAdapterId"
-        :is-add-modal="props.isAddModal"
-        :full-mode="props.fullMode"
-        @select-adapter="onSelectAdapter"
-        @remove-adapter="onRemove"
-      />
-      <common-adapter-manager-ui-table-header
-        :is-selected="props.isStandbyHeader"
-        title="header-stand-by"
-        test-id="header-stand-by"
-        @select-header="onSelectAdapter"
-      />
-      <common-adapter-manager-ui-table-adapters
-        :adapters="props.adapterStatus.standby"
-        :core-adapters="props.coreAdapters"
-        :selected-adapter-id="props.selectedAdapterId"
-        :is-add-modal="props.isAddModal"
-        :full-mode="props.fullMode"
-        @select-adapter="onSelectAdapter"
-        @remove-adapter="onRemove"
-      />
-      <common-adapter-manager-ui-table-header
-        :is-selected="props.isUnusedHeader"
-        title="header-unused"
-        test-id="header-unused"
-        @select-header="onSelectAdapter"
-      />
-      <common-adapter-manager-ui-table-adapters
-        :adapters="props.adapterStatus.unused"
-        :core-adapters="props.coreAdapters"
-        :selected-adapter-id="props.selectedAdapterId"
-        :is-add-modal="props.isAddModal"
-        :full-mode="props.fullMode"
-        @select-adapter="onSelectAdapter"
-        @remove-adapter="onRemove"
-      />
-    </div>
-  </div>
-</template>
-
-<script setup lang="ts">
-import type {
-  UI_I_Adapter,
-  UI_I_AdapterStatus,
-  UI_I_SwitchAdapterItem,
-} from '~/components/common/diagramMain/lib/models/interfaces'
-
-const props = defineProps<{
-  isAddModal: boolean
-  fullMode: boolean
-  coreAdapters: string[]
-  selectedAdapterId: string
-  selectedAddAdapterId: string
-  removedAdapters: string[]
-  adapterStatus: UI_I_AdapterStatus
-  isActiveHeader: boolean
-  isStandbyHeader: boolean
-  isUnusedHeader: boolean
-  existingAdaptersForAdding?: (UI_I_Adapter | UI_I_SwitchAdapterItem)[]
-}>()
-
-const emits = defineEmits<{
-  (event: 'click-empty-space', value: Event): void
-  (event: 'select-add-adapter', value: string): void
-  (event: 'select-adapter', value: string): void
-  (event: 'show-add-adapter-modal'): void
-  (event: 'remove-adapter', value: string): void
-}>()
-
-const onClickEmptySpace = (event: Event): void => {
-  emits('click-empty-space', event)
-}
-const onSelectAddAdapter = (id: string): void => {
-  emits('select-add-adapter', id)
-}
-const onSelectAdapter = (id: string): void => {
-  emits('select-adapter', id)
-}
-const onShowAddAdapterModal = (): void => {
-  emits('show-add-adapter-modal')
-}
-const onRemove = (id: string) => {
-  emits('remove-adapter', id)
-}
-</script>
-
-<style scoped lang="scss">
-.manager {
-  width: auto;
-  height: 262px;
-  overflow-y: auto;
-  margin-top: 8px;
-  background: var(--table-container-in-modal);
-  border: 1px solid var(--table-container-in-modal-border);
-  border-radius: 8px;
-  padding: 8px 0px 8px 12px;
-  scrollbar-gutter: stable;
-
-  &.add-adapter-modal {
-    height: 100%;
-    margin-top: 0;
-    padding: 12px 0px 12px 12px;
-    max-width: 240px;
-  }
-}
-</style>
+<template>
+  <div
+    :class="['manager', { 'add-adapter-modal': props.isAddModal }]"
+    @click.capture="onClickEmptySpace($event)"
+  >
+    <div v-if="props.isAddModal">
+      <common-adapter-manager-ui-second-title
+        :is-add-modal="props.isAddModal"
+        :count="props.existingAdaptersForAdding.length"
+      />
+      <common-adapter-manager-ui-table-adapters
+        :adapters="props.existingAdaptersForAdding"
+        :selected-adapter-id="props.selectedAddAdapterId"
+        :is-add-modal="props.isAddModal"
+        :full-mode="props.fullMode"
+        :core-adapters="props.coreAdapters"
+        @select-adapter="onSelectAddAdapter"
+      />
+    </div>
+    <div v-else>
+      <common-adapter-manager-ui-table-header
+        :is-selected="props.isActiveHeader"
+        :full-mode="props.fullMode"
+        title="header-active"
+        test-id="header-active"
+        @select-header="onSelectAdapter"
+        @show-add-adapter-modal="onShowAddAdapterModal"
+      />
+      <common-adapter-manager-ui-table-adapters
+        :adapters="props.adapterStatus.active"
+        :core-adapters="props.coreAdapters"
+        :selected-adapter-id="props.selectedAdapterId"
+        :is-add-modal="props.isAddModal"
+        :full-mode="props.fullMode"
+        @select-adapter="onSelectAdapter"
+        @remove-adapter="onRemove"
+      />
+      <common-adapter-manager-ui-table-header
+        :is-selected="props.isStandbyHeader"
+        title="header-stand-by"
+        test-id="header-stand-by"
+        @select-header="onSelectAdapter"
+      />
+      <common-adapter-manager-ui-table-adapters
+        :adapters="props.adapterStatus.standby"
+        :core-adapters="props.coreAdapters"
+        :selected-adapter-id="props.selectedAdapterId"
+        :is-add-modal="props.isAddModal"
+        :full-mode="props.fullMode"
+        @select-adapter="onSelectAdapter"
+        @remove-adapter="onRemove"
+      />
+      <common-adapter-manager-ui-table-header
+        :is-selected="props.isUnusedHeader"
+        title="header-unused"
+        test-id="header-unused"
+        @select-header="onSelectAdapter"
+      />
+      <common-adapter-manager-ui-table-adapters
+        :adapters="props.adapterStatus.unused"
+        :core-adapters="props.coreAdapters"
+        :selected-adapter-id="props.selectedAdapterId"
+        :is-add-modal="props.isAddModal"
+        :full-mode="props.fullMode"
+        @select-adapter="onSelectAdapter"
+        @remove-adapter="onRemove"
+      />
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+import type {
+  UI_I_Adapter,
+  UI_I_AdapterStatus,
+  UI_I_SwitchAdapterItem,
+} from '~/components/common/diagramMain/lib/models/interfaces'
+
+const props = defineProps<{
+  isAddModal: boolean
+  fullMode: boolean
+  coreAdapters: string[]
+  selectedAdapterId: string
+  selectedAddAdapterId: string
+  removedAdapters: string[]
+  adapterStatus: UI_I_AdapterStatus
+  isActiveHeader: boolean
+  isStandbyHeader: boolean
+  isUnusedHeader: boolean
+  existingAdaptersForAdding?: (UI_I_Adapter | UI_I_SwitchAdapterItem)[]
+}>()
+
+const emits = defineEmits<{
+  (event: 'click-empty-space', value: Event): void
+  (event: 'select-add-adapter', value: string): void
+  (event: 'select-adapter', value: string): void
+  (event: 'show-add-adapter-modal'): void
+  (event: 'remove-adapter', value: string): void
+}>()
+
+const onClickEmptySpace = (event: Event): void => {
+  emits('click-empty-space', event)
+}
+const onSelectAddAdapter = (id: string): void => {
+  emits('select-add-adapter', id)
+}
+const onSelectAdapter = (id: string): void => {
+  emits('select-adapter', id)
+}
+const onShowAddAdapterModal = (): void => {
+  emits('show-add-adapter-modal')
+}
+const onRemove = (id: string) => {
+  emits('remove-adapter', id)
+}
+</script>
+
+<style scoped lang="scss">
+.manager {
+  width: auto;
+  height: 262px;
+  overflow-y: auto;
+  margin-top: 8px;
+  background: var(--table-container-in-modal);
+  border: 1px solid var(--table-container-in-modal-border);
+  border-radius: 8px;
+  padding: 8px 0px 8px 12px;
+  scrollbar-gutter: stable;
+
+  &.add-adapter-modal {
+    height: 100%;
+    margin-top: 0;
+    padding: 12px 0px 12px 12px;
+    max-width: 240px;
+  }
+}
+</style>

package/components/common/adapterManager/ui/table/TableOld.vue

@@ -1,141 +1,141 @@
-<template>
-  <div class="k-grid-content" @click.capture="onClickEmptySpace($event)">
-    <div v-if="props.isAddModal">
-      <table class="k-selectable">
-        <tbody>
-          <common-adapter-manager-ui-table-adapters
-            :adapters="props.existingAdaptersForAdding"
-            :selected-adapter-id="props.selectedAddAdapterId"
-            @select-adapter="onSelectAddAdapter"
-          />
-        </tbody>
-      </table>
-    </div>
-    <div v-else>
-      <table class="k-selectable">
-        <tbody>
-          <common-adapter-manager-ui-table-header
-            :is-selected="props.isActiveHeader"
-            title="header-active"
-            test-id="header-active"
-            @select-header="onSelectAdapter"
-          />
-          <common-adapter-manager-ui-table-adapters
-            :adapters="props.adapterStatus.active"
-            :selected-adapter-id="props.selectedAdapterId"
-            @select-adapter="onSelectAdapter"
-          />
-          <common-adapter-manager-ui-table-header
-            :is-selected="props.isStandbyHeader"
-            title="header-stand-by"
-            test-id="header-stand-by"
-            @select-header="onSelectAdapter"
-          />
-          <common-adapter-manager-ui-table-adapters
-            :adapters="props.adapterStatus.standby"
-            :selected-adapter-id="props.selectedAdapterId"
-            @select-adapter="onSelectAdapter"
-          />
-          <common-adapter-manager-ui-table-header
-            :is-selected="props.isUnusedHeader"
-            title="header-unused"
-            test-id="header-unused"
-            @select-header="onSelectAdapter"
-          />
-          <common-adapter-manager-ui-table-adapters
-            :adapters="props.adapterStatus.unused"
-            :selected-adapter-id="props.selectedAdapterId"
-            @select-adapter="onSelectAdapter"
-          />
-        </tbody>
-      </table>
-    </div>
-  </div>
-</template>
-
-<script setup lang="ts">
-import type {
-  UI_I_Adapter,
-  UI_I_AdapterStatus,
-  UI_I_SwitchAdapterItem,
-} from '~/components/common/diagramMain/lib/models/interfaces'
-
-const props = defineProps<{
-  isAddModal: boolean
-  selectedAdapterId: string
-  selectedAddAdapterId: string
-  removedAdapters: string[]
-  adapterStatus: UI_I_AdapterStatus
-  isActiveHeader: boolean
-  isStandbyHeader: boolean
-  isUnusedHeader: boolean
-  existingAdaptersForAdding?: (UI_I_Adapter | UI_I_SwitchAdapterItem)[]
-}>()
-
-const emits = defineEmits<{
-  (event: 'click-empty-space', value: Event): void
-  (event: 'select-add-adapter', value: string): void
-  (event: 'select-adapter', value: string): void
-}>()
-
-const onClickEmptySpace = (event: Event): void => {
-  emits('click-empty-space', event)
-}
-const onSelectAddAdapter = (id: string): void => {
-  emits('select-add-adapter', id)
-}
-const onSelectAdapter = (id: string): void => {
-  emits('select-adapter', id)
-}
-</script>
-
-<style scoped lang="scss">
-.k-grid-content {
-  width: auto;
-  overflow-y: scroll;
-  padding-right: 3px;
-  height: 200px;
-}
-.k-grid-content {
-  border-left: 1px solid #ddd;
-  border-right: 1px solid #ddd;
-}
-.k-grid-content {
-  background: #fff;
-}
-.k-grid-content {
-  border-top: 1px solid #ddd;
-  border-bottom: 1px solid #ddd;
-}
-.k-grid-content {
-  min-height: 35px;
-}
-.k-grid-content {
-  white-space: normal;
-}
-.k-grid-content {
-  position: relative;
-  zoom: 1;
-}
-.k-grid-footer table {
-  table-layout: fixed;
-}
-table {
-  width: 100%;
-  margin: 0;
-  max-width: none;
-  border-collapse: separate;
-  border-spacing: 0;
-  empty-cells: show;
-  border-width: 0;
-  outline: 0;
-}
-
-.k-selectable {
-  height: auto;
-
-  col {
-    width: 150px;
-  }
-}
-</style>
+<template>
+  <div class="k-grid-content" @click.capture="onClickEmptySpace($event)">
+    <div v-if="props.isAddModal">
+      <table class="k-selectable">
+        <tbody>
+          <common-adapter-manager-ui-table-adapters
+            :adapters="props.existingAdaptersForAdding"
+            :selected-adapter-id="props.selectedAddAdapterId"
+            @select-adapter="onSelectAddAdapter"
+          />
+        </tbody>
+      </table>
+    </div>
+    <div v-else>
+      <table class="k-selectable">
+        <tbody>
+          <common-adapter-manager-ui-table-header
+            :is-selected="props.isActiveHeader"
+            title="header-active"
+            test-id="header-active"
+            @select-header="onSelectAdapter"
+          />
+          <common-adapter-manager-ui-table-adapters
+            :adapters="props.adapterStatus.active"
+            :selected-adapter-id="props.selectedAdapterId"
+            @select-adapter="onSelectAdapter"
+          />
+          <common-adapter-manager-ui-table-header
+            :is-selected="props.isStandbyHeader"
+            title="header-stand-by"
+            test-id="header-stand-by"
+            @select-header="onSelectAdapter"
+          />
+          <common-adapter-manager-ui-table-adapters
+            :adapters="props.adapterStatus.standby"
+            :selected-adapter-id="props.selectedAdapterId"
+            @select-adapter="onSelectAdapter"
+          />
+          <common-adapter-manager-ui-table-header
+            :is-selected="props.isUnusedHeader"
+            title="header-unused"
+            test-id="header-unused"
+            @select-header="onSelectAdapter"
+          />
+          <common-adapter-manager-ui-table-adapters
+            :adapters="props.adapterStatus.unused"
+            :selected-adapter-id="props.selectedAdapterId"
+            @select-adapter="onSelectAdapter"
+          />
+        </tbody>
+      </table>
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+import type {
+  UI_I_Adapter,
+  UI_I_AdapterStatus,
+  UI_I_SwitchAdapterItem,
+} from '~/components/common/diagramMain/lib/models/interfaces'
+
+const props = defineProps<{
+  isAddModal: boolean
+  selectedAdapterId: string
+  selectedAddAdapterId: string
+  removedAdapters: string[]
+  adapterStatus: UI_I_AdapterStatus
+  isActiveHeader: boolean
+  isStandbyHeader: boolean
+  isUnusedHeader: boolean
+  existingAdaptersForAdding?: (UI_I_Adapter | UI_I_SwitchAdapterItem)[]
+}>()
+
+const emits = defineEmits<{
+  (event: 'click-empty-space', value: Event): void
+  (event: 'select-add-adapter', value: string): void
+  (event: 'select-adapter', value: string): void
+}>()
+
+const onClickEmptySpace = (event: Event): void => {
+  emits('click-empty-space', event)
+}
+const onSelectAddAdapter = (id: string): void => {
+  emits('select-add-adapter', id)
+}
+const onSelectAdapter = (id: string): void => {
+  emits('select-adapter', id)
+}
+</script>
+
+<style scoped lang="scss">
+.k-grid-content {
+  width: auto;
+  overflow-y: scroll;
+  padding-right: 3px;
+  height: 200px;
+}
+.k-grid-content {
+  border-left: 1px solid #ddd;
+  border-right: 1px solid #ddd;
+}
+.k-grid-content {
+  background: #fff;
+}
+.k-grid-content {
+  border-top: 1px solid #ddd;
+  border-bottom: 1px solid #ddd;
+}
+.k-grid-content {
+  min-height: 35px;
+}
+.k-grid-content {
+  white-space: normal;
+}
+.k-grid-content {
+  position: relative;
+  zoom: 1;
+}
+.k-grid-footer table {
+  table-layout: fixed;
+}
+table {
+  width: 100%;
+  margin: 0;
+  max-width: none;
+  border-collapse: separate;
+  border-spacing: 0;
+  empty-cells: show;
+  border-width: 0;
+  outline: 0;
+}
+
+.k-selectable {
+  height: auto;
+
+  col {
+    width: 150px;
+  }
+}
+</style>

package/components/common/adapterManager/ui/table/adapters/Adapters.vue

@@ -1,44 +1,44 @@
-<template>
-  <common-adapter-manager-ui-table-adapters-new
-    v-if="isNewView"
-    :adapters="props.adapters"
-    :core-adapters="props.coreAdapters"
-    :selected-adapter-id="props.selectedAdapterId"
-    :is-add-modal="props.isAddModal"
-    :full-mode="props.fullMode"
-    @select-adapter="onSelectAdapter"
-    @remove-adapter="onRemove"
-  />
-  <common-adapter-manager-ui-table-adapters-old
-    v-else
-    :adapters="props.adapters"
-    :selected-adapter-id="props.selectedAdapterId"
-    @select-adapter="onSelectAdapter"
-  />
-</template>
-
-<script setup lang="ts">
-const props = defineProps<{
-  isAddModal: boolean
-  fullMode: boolean
-  selectedAdapterId: string
-  adapters: string[]
-  coreAdapters: string[]
-}>()
-
-const emits = defineEmits<{
-  (event: 'select-adapter', value: string): void
-  (event: 'remove-adapter', value: string): void
-}>()
-
-const { $store }: any = useNuxtApp()
-
-const isNewView = computed<boolean>(() => $store.getters['main/getIsNewView'])
-
-const onSelectAdapter = (id: string) => emits('select-adapter', id)
-const onRemove = (id: string) => {
-  emits('remove-adapter', id)
-}
-</script>
-
-<style scoped lang="scss"></style>
+<template>
+  <common-adapter-manager-ui-table-adapters-new
+    v-if="isNewView"
+    :adapters="props.adapters"
+    :core-adapters="props.coreAdapters"
+    :selected-adapter-id="props.selectedAdapterId"
+    :is-add-modal="props.isAddModal"
+    :full-mode="props.fullMode"
+    @select-adapter="onSelectAdapter"
+    @remove-adapter="onRemove"
+  />
+  <common-adapter-manager-ui-table-adapters-old
+    v-else
+    :adapters="props.adapters"
+    :selected-adapter-id="props.selectedAdapterId"
+    @select-adapter="onSelectAdapter"
+  />
+</template>
+
+<script setup lang="ts">
+const props = defineProps<{
+  isAddModal: boolean
+  fullMode: boolean
+  selectedAdapterId: string
+  adapters: string[]
+  coreAdapters: string[]
+}>()
+
+const emits = defineEmits<{
+  (event: 'select-adapter', value: string): void
+  (event: 'remove-adapter', value: string): void
+}>()
+
+const { $store }: any = useNuxtApp()
+
+const isNewView = computed<boolean>(() => $store.getters['main/getIsNewView'])
+
+const onSelectAdapter = (id: string) => emits('select-adapter', id)
+const onRemove = (id: string) => {
+  emits('remove-adapter', id)
+}
+</script>
+
+<style scoped lang="scss"></style>