bfg-common 1.5.92 → 1.5.94

package/components/common/adapterManager/ui/actions/AddAdapterButton.vue

@@ -1,30 +1,30 @@
-<template>
-  <li v-if="props.fullMode">
-    <span
-      :title="localization.common.addAdapters"
-      class="action-link-container"
-      data-id="add-adapter-button"
-      @click="onShowAddAdapterModal"
-    >
-      <atoms-diagram-icon name="add-adapter" />
-    </span>
-  </li>
-</template>
-
-<script setup lang="ts">
-import type { UI_I_Localization } from '~/lib/models/interfaces'
-
-const props = defineProps<{
-  fullMode: boolean
-  testId?: string
-}>()
-
-// UI_I_Localization
-const localization = computed<UI_I_Localization>(() => useLocal())
-
-const emits = defineEmits<{
-  (event: 'show-add-adapter-modal'): void
-}>()
-
-const onShowAddAdapterModal = () => emits('show-add-adapter-modal')
-</script>
+<template>
+  <li v-if="props.fullMode">
+    <span
+      :title="localization.common.addAdapters"
+      class="action-link-container"
+      data-id="add-adapter-button"
+      @click="onShowAddAdapterModal"
+    >
+      <atoms-diagram-icon name="add-adapter" />
+    </span>
+  </li>
+</template>
+
+<script setup lang="ts">
+import type { UI_I_Localization } from '~/lib/models/interfaces'
+
+const props = defineProps<{
+  fullMode: boolean
+  testId?: string
+}>()
+
+// UI_I_Localization
+const localization = computed<UI_I_Localization>(() => useLocal())
+
+const emits = defineEmits<{
+  (event: 'show-add-adapter-modal'): void
+}>()
+
+const onShowAddAdapterModal = () => emits('show-add-adapter-modal')
+</script>

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

@@ -1,162 +1,162 @@
-<template>
-  <div
-    :data-id="props.testId"
-    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
-            title="header-active"
-            test-id="header-active"
-            :is-selected="props.isActiveHeader"
-            @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
-            title="header-stand-by"
-            test-id="header-stand-by"
-            :is-selected="props.isStandbyHeader"
-            @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
-            title="header-unused"
-            test-id="header-unused"
-            :is-selected="props.isUnusedHeader"
-            @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 = withDefaults(
-  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)[]
-    testId?: string
-  }>(),
-  {
-    isAddModal: false,
-    adapterStatus: () => ({
-      active: [],
-      standby: [],
-      unused: [],
-    }),
-    isActiveHeader: false,
-    isStandbyHeader: false,
-    isUnusedHeader: false,
-    removedAdapters: () => [],
-    existingAdaptersForAdding: () => [],
-    testId: '',
-  }
-)
-
-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
+    :data-id="props.testId"
+    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
+            title="header-active"
+            test-id="header-active"
+            :is-selected="props.isActiveHeader"
+            @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
+            title="header-stand-by"
+            test-id="header-stand-by"
+            :is-selected="props.isStandbyHeader"
+            @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
+            title="header-unused"
+            test-id="header-unused"
+            :is-selected="props.isUnusedHeader"
+            @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 = withDefaults(
+  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)[]
+    testId?: string
+  }>(),
+  {
+    isAddModal: false,
+    adapterStatus: () => ({
+      active: [],
+      standby: [],
+      unused: [],
+    }),
+    isActiveHeader: false,
+    isStandbyHeader: false,
+    isUnusedHeader: false,
+    removedAdapters: () => [],
+    existingAdaptersForAdding: () => [],
+    testId: '',
+  }
+)
+
+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>