bfg-common 1.6.76 → 1.6.78

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,110 +1,110 @@
-<template>
-  <div>
-    <ui-modal
-      v-if="props.show"
-      show
-      :title="localization.common.addPhysicalAdaptersToSwitch"
-      :texts="modalTextsLocal"
-      test-id="add-adapter"
-      size="md"
-      :is-disabled-accept="!props.selectedAddAdapterId"
-      @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>
-  </div>
-</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.add,
-}))
-
-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: 100%;
-}
-
-:deep(.modal-inner) {
-  max-width: 880px;
-
-  .modal-header {
-    padding-bottom: 24px;
-  }
-
-  .modal-body {
-    max-height: 520px;
-    overflow-y: auto;
-    height: calc(100vh - 300px);
-    min-height: 132px;
-  }
-
-  .modal-footer-transparent-block {
-    display: block !important;
-    top: -24px;
-    width: calc(100% - 294px);
-    right: 16px;
-  }
-
-  @media (max-width: 650px) {
-    .modal-footer-transparent-block {
-      display: block !important;
-      top: -16px;
-      width: calc(100% - 16px);
-      right: 16px;
-    }
-  }
-}
-</style>
+<template>
+  <div>
+    <ui-modal
+      v-if="props.show"
+      show
+      :title="localization.common.addPhysicalAdaptersToSwitch"
+      :texts="modalTextsLocal"
+      test-id="add-adapter"
+      size="md"
+      :is-disabled-accept="!props.selectedAddAdapterId"
+      @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>
+  </div>
+</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.add,
+}))
+
+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: 100%;
+}
+
+:deep(.modal-inner) {
+  max-width: 880px;
+
+  .modal-header {
+    padding-bottom: 24px;
+  }
+
+  .modal-body {
+    max-height: 520px;
+    overflow-y: auto;
+    height: calc(100vh - 300px);
+    min-height: 132px;
+  }
+
+  .modal-footer-transparent-block {
+    display: block !important;
+    top: -24px;
+    width: calc(100% - 294px);
+    right: 16px;
+  }
+
+  @media (max-width: 650px) {
+    .modal-footer-transparent-block {
+      display: block !important;
+      top: -16px;
+      width: calc(100% - 16px);
+      right: 16px;
+    }
+  }
+}
+</style>