bfg-common 1.5.593 → 1.5.595

package/components/common/adapterManager/addAdapterModal/AddAdapterModal.vue

@@ -1,70 +1,70 @@
-<template>
-  <common-adapter-manager-add-adapter-modal-new
-    v-if="isNewView"
-    :is-dark-mode="props.isDarkMode"
-    :show="props.show"
-    :existing-adapters-as-text="existingAdaptersAsText"
-    :selected-add-adapter-id="props.selectedAddAdapterId"
-    :adapters="props.adapters"
-    @hide="onHideAddAdapterModal"
-    @add-adapter="onAddSelectedAdapters"
-    @select-add-adapter="onSelectAddAdapter"
-  />
-  <common-adapter-manager-add-adapter-modal-old
-    v-else
-    :is-dark-mode="props.isDarkMode"
-    :show="props.show"
-    :existing-adapters-as-text="existingAdaptersAsText"
-    :selected-add-adapter-id="props.selectedAddAdapterId"
-    :adapters="props.adapters"
-    @hide="onHideAddAdapterModal"
-    @add-adapter="onAddSelectedAdapters"
-    @select-add-adapter="onSelectAddAdapter"
-  />
-</template>
-
-<script setup lang="ts">
-import type { UI_I_ItemsWithTotalCounts } from '~/lib/models/interfaces'
-import type {
-  UI_I_Adapter,
-  UI_I_SwitchAdapterItem,
-} from '~/components/common/diagramMain/lib/models/interfaces'
-
-const props = defineProps<{
-  isDarkMode: boolean
-  show: boolean
-  existingAdaptersForAdding: (UI_I_Adapter | UI_I_SwitchAdapterItem)[]
-  selectedAddAdapterId: string
-  adapters: UI_I_ItemsWithTotalCounts<UI_I_SwitchAdapterItem>
-}>()
-
-const { $store }: any = useNuxtApp()
-
-const isNewView = computed<boolean>(() => $store.getters['main/getIsNewView'])
-
-const emits = defineEmits<{
-  (event: 'hide'): void
-  (event: 'add-adapter', adapterId: string): void
-  (event: 'select-add-adapter', adapterId: string): void
-}>()
-
-const existingAdaptersAsText = computed<string[]>(() =>
-  props.existingAdaptersForAdding.map(
-    (adapter: UI_I_SwitchAdapterItem) => adapter.name
-  )
-)
-
-const onSelectAddAdapter = (adapterId: string): void => {
-  emits('select-add-adapter', adapterId)
-}
-const onHideAddAdapterModal = (): void => {
-  emits('hide')
-  emits('select-add-adapter', '')
-}
-const onAddSelectedAdapters = (): void => {
-  props.selectedAddAdapterId && emits('add-adapter', props.selectedAddAdapterId)
-  emits('select-add-adapter', '')
-}
-</script>
-
-<style scoped lang="scss"></style>
+<template>
+  <common-adapter-manager-add-adapter-modal-new
+    v-if="isNewView"
+    :is-dark-mode="props.isDarkMode"
+    :show="props.show"
+    :existing-adapters-as-text="existingAdaptersAsText"
+    :selected-add-adapter-id="props.selectedAddAdapterId"
+    :adapters="props.adapters"
+    @hide="onHideAddAdapterModal"
+    @add-adapter="onAddSelectedAdapters"
+    @select-add-adapter="onSelectAddAdapter"
+  />
+  <common-adapter-manager-add-adapter-modal-old
+    v-else
+    :is-dark-mode="props.isDarkMode"
+    :show="props.show"
+    :existing-adapters-as-text="existingAdaptersAsText"
+    :selected-add-adapter-id="props.selectedAddAdapterId"
+    :adapters="props.adapters"
+    @hide="onHideAddAdapterModal"
+    @add-adapter="onAddSelectedAdapters"
+    @select-add-adapter="onSelectAddAdapter"
+  />
+</template>
+
+<script setup lang="ts">
+import type { UI_I_ItemsWithTotalCounts } from '~/lib/models/interfaces'
+import type {
+  UI_I_Adapter,
+  UI_I_SwitchAdapterItem,
+} from '~/components/common/diagramMain/lib/models/interfaces'
+
+const props = defineProps<{
+  isDarkMode: boolean
+  show: boolean
+  existingAdaptersForAdding: (UI_I_Adapter | UI_I_SwitchAdapterItem)[]
+  selectedAddAdapterId: string
+  adapters: UI_I_ItemsWithTotalCounts<UI_I_SwitchAdapterItem>
+}>()
+
+const { $store }: any = useNuxtApp()
+
+const isNewView = computed<boolean>(() => $store.getters['main/getIsNewView'])
+
+const emits = defineEmits<{
+  (event: 'hide'): void
+  (event: 'add-adapter', adapterId: string): void
+  (event: 'select-add-adapter', adapterId: string): void
+}>()
+
+const existingAdaptersAsText = computed<string[]>(() =>
+  props.existingAdaptersForAdding.map(
+    (adapter: UI_I_SwitchAdapterItem) => adapter.name
+  )
+)
+
+const onSelectAddAdapter = (adapterId: string): void => {
+  emits('select-add-adapter', adapterId)
+}
+const onHideAddAdapterModal = (): void => {
+  emits('hide')
+  emits('select-add-adapter', '')
+}
+const onAddSelectedAdapters = (): void => {
+  props.selectedAddAdapterId && emits('add-adapter', props.selectedAddAdapterId)
+  emits('select-add-adapter', '')
+}
+</script>
+
+<style scoped lang="scss"></style>

package/components/common/adapterManager/addAdapterModal/AddAdapterModalNew.vue

@@ -1,77 +1,77 @@
-<template>
-  <ui-modal
-    v-if="props.show"
-    show
-    :title="localization.common.addPhysicalAdaptersToSwitch"
-    :texts="modalTextsLocal"
-    test-id="add-adapter"
-    size="md"
-    width="880px"
-    @hide="onHideAddAdapterModal"
-    @submit="onAddSelectedAdapters"
-  >
-    <template #content>
-      <div class="add-adapter-modal-content">
-        <common-adapter-manager
-          :is-active="true"
-          :is-dark-mode="props.isDarkMode"
-          :full-mode="false"
-          :is-add-modal="true"
-          :adapters="props.adapters"
-          :existing-adapters-for-adding="props.existingAdaptersAsText"
-          :selected-add-adapter-id="props.selectedAddAdapterId"
-          test-id="adapter-manager"
-          class="free-adapters"
-          @select-add-adapter="onSelectAddAdapter"
-        />
-      </div>
-    </template>
-    <template #footerLeftContent><span></span></template>
-  </ui-modal>
-</template>
-
-<script setup lang="ts">
-import type {
-  UI_I_Localization,
-  UI_I_ItemsWithTotalCounts,
-} from '~/lib/models/interfaces'
-import type { UI_I_SwitchAdapterItem } from '~/components/common/diagramMain/lib/models/interfaces'
-
-const props = defineProps<{
-  isDarkMode: boolean
-  show: boolean
-  existingAdaptersAsText: string[]
-  selectedAddAdapterId: string
-  adapters: UI_I_ItemsWithTotalCounts<UI_I_SwitchAdapterItem>
-}>()
-
-const localization = computed<UI_I_Localization>(() => useLocal())
-
-const modalTextsLocal = computed<UI_I_ModalTexts>(() => ({
-  button1: localization.value.common.cancel,
-  button2: localization.value.common.confirm,
-}))
-
-const emits = defineEmits<{
-  (event: 'hide'): void
-  (event: 'add-adapter'): void
-  (event: 'select-add-adapter', adapterId: string): void
-}>()
-
-const onSelectAddAdapter = (adapterId: string): void => {
-  emits('select-add-adapter', adapterId)
-}
-const onHideAddAdapterModal = (): void => {
-  emits('hide')
-}
-const onAddSelectedAdapters = (): void => {
-  emits('add-adapter')
-}
-</script>
-
-<style scoped lang="scss">
-.add-adapter-modal-content {
-  padding: 8px 0 8px 32px;
-  height: 520px;
-}
-</style>
+<template>
+  <ui-modal
+    v-if="props.show"
+    show
+    :title="localization.common.addPhysicalAdaptersToSwitch"
+    :texts="modalTextsLocal"
+    test-id="add-adapter"
+    size="md"
+    width="880px"
+    @hide="onHideAddAdapterModal"
+    @submit="onAddSelectedAdapters"
+  >
+    <template #content>
+      <div class="add-adapter-modal-content">
+        <common-adapter-manager
+          :is-active="true"
+          :is-dark-mode="props.isDarkMode"
+          :full-mode="false"
+          :is-add-modal="true"
+          :adapters="props.adapters"
+          :existing-adapters-for-adding="props.existingAdaptersAsText"
+          :selected-add-adapter-id="props.selectedAddAdapterId"
+          test-id="adapter-manager"
+          class="free-adapters"
+          @select-add-adapter="onSelectAddAdapter"
+        />
+      </div>
+    </template>
+    <template #footerLeftContent><span></span></template>
+  </ui-modal>
+</template>
+
+<script setup lang="ts">
+import type {
+  UI_I_Localization,
+  UI_I_ItemsWithTotalCounts,
+} from '~/lib/models/interfaces'
+import type { UI_I_SwitchAdapterItem } from '~/components/common/diagramMain/lib/models/interfaces'
+
+const props = defineProps<{
+  isDarkMode: boolean
+  show: boolean
+  existingAdaptersAsText: string[]
+  selectedAddAdapterId: string
+  adapters: UI_I_ItemsWithTotalCounts<UI_I_SwitchAdapterItem>
+}>()
+
+const localization = computed<UI_I_Localization>(() => useLocal())
+
+const modalTextsLocal = computed<UI_I_ModalTexts>(() => ({
+  button1: localization.value.common.cancel,
+  button2: localization.value.common.confirm,
+}))
+
+const emits = defineEmits<{
+  (event: 'hide'): void
+  (event: 'add-adapter'): void
+  (event: 'select-add-adapter', adapterId: string): void
+}>()
+
+const onSelectAddAdapter = (adapterId: string): void => {
+  emits('select-add-adapter', adapterId)
+}
+const onHideAddAdapterModal = (): void => {
+  emits('hide')
+}
+const onAddSelectedAdapters = (): void => {
+  emits('add-adapter')
+}
+</script>
+
+<style scoped lang="scss">
+.add-adapter-modal-content {
+  padding: 8px 0 8px 32px;
+  height: 520px;
+}
+</style>