bfg-common 1.5.869 → 1.5.871

package/components/common/wizards/network/add/steps/connectionSettings/ConnectionSettingsOld.vue

@@ -1,126 +1,126 @@
-<template>
-  <div class="wizard-content-container add-networking-step">
-    <div class="wizard-content wizard-content-port">
-      <atoms-alert
-        v-if="props.alertMessages.length"
-        :items="props.alertMessages"
-        status="alert-danger"
-        test-id="connection-settings-alert"
-        @remove="onHideAlert"
-      />
-      <form>
-        <div class="horizontal-flex-container">
-          <label class="property-label-group" for="network-label">
-            {{ localization.common.networkLabel }}
-          </label>
-          <div class="margin-left-property-value-group">
-            <div class="property-value-group">
-              <fieldset>
-                <atoms-tooltip-error
-                  :has-error="!!props.messagesFields.name.field"
-                >
-                  <template #elem>
-                    <input
-                      id="network-label"
-                      v-model="fieldsLocal.networkLabel"
-                      :class="[
-                        'tooltip-field port-properties-network-label',
-                        {
-                          'danger-not-valid': props.messagesFields.name.field,
-                        },
-                      ]"
-                      data-id="network-input"
-                      name="network-label"
-                      type="text"
-                      @click.stop
-                    />
-                  </template>
-                  <template #content>
-                    {{ props.messagesFields.name.field }}
-                  </template>
-                </atoms-tooltip-error>
-              </fieldset>
-            </div>
-          </div>
-        </div>
-
-        <div class="horizontal-flex-container port-properties-padding">
-          <label class="property-label-group">
-            {{ localization.common.vlanId }}
-          </label>
-          <div class="margin-left-property-value-group">
-            <div class="property-value-group">
-              <fieldset>
-                <div class="flex-align-center">
-                  <atoms-combobox
-                    v-model.trim="fieldsLocal.vlanId"
-                    :items="vlanIdSelectDataLocal"
-                    :class="{
-                      'danger-not-valid': props.messagesFields.vlan.field,
-                    }"
-                    test-id="vlan-id-combobox"
-                    @click.stop
-                  />
-                  <div
-                    v-show="props.messagesFields.vlan.field"
-                    class="flex-align-center"
-                  >
-                    <div class="tooltip flex align-middle">
-                      <atoms-the-icon
-                        width="24px"
-                        height="24px"
-                        class="is-error tooltip-trigger"
-                        name="info"
-                      />
-                      <div class="tooltip-top-left tooltip-content error">
-                        {{ props.messagesFields.vlan.field }}
-                      </div>
-                    </div>
-                  </div>
-                </div>
-              </fieldset>
-            </div>
-          </div>
-        </div>
-      </form>
-    </div>
-  </div>
-</template>
-
-<script setup lang="ts">
-import type { UI_I_ErrorFields } from '~/node_modules/bfg-uikit/components/ui/wizard/lib/models/interfaces'
-import type {
-  UI_I_ArbitraryObject,
-  UI_I_Localization,
-} from '~/lib/models/interfaces'
-import type { UI_I_ConnectionSettings } from '~/components/common/wizards/network/add/lib/models/interfaces'
-import { vlanIdSelectDataFunc } from '~/components/common/wizards/network/add/lib/config/config'
-
-const props = defineProps<{
-  fields: UI_I_ConnectionSettings
-  alertMessages: string[]
-  messagesFields: UI_I_ArbitraryObject<UI_I_ErrorFields>
-}>()
-
-const emits = defineEmits<{
-  (event: 'hide-alert', stepId: 5): void
-}>()
-
-const localization = computed<UI_I_Localization>(() => useLocal())
-const vlanIdSelectDataLocal = computed<UI_I_Localization>(() =>
-  vlanIdSelectDataFunc(localization.value)
-)
-
-const fieldsLocal = computed({
-  get(): UI_I_ConnectionSettings {
-    return props.fields
-  },
-  set(value: UI_I_ConnectionSettings) {
-    emits('update:fields', value)
-  },
-})
-
-const onHideAlert = (): void => {
-  emits('hide-alert', 5)
-}
-</script>
+<template>
+  <div class="wizard-content-container add-networking-step">
+    <div class="wizard-content wizard-content-port">
+      <atoms-alert
+        v-if="props.alertMessages.length"
+        :items="props.alertMessages"
+        status="alert-danger"
+        test-id="connection-settings-alert"
+        @remove="onHideAlert"
+      />
+      <form>
+        <div class="horizontal-flex-container">
+          <label class="property-label-group" for="network-label">
+            {{ localization.common.networkLabel }}
+          </label>
+          <div class="margin-left-property-value-group">
+            <div class="property-value-group">
+              <fieldset>
+                <atoms-tooltip-error
+                  :has-error="!!props.messagesFields.name.field"
+                >
+                  <template #elem>
+                    <input
+                      id="network-label"
+                      v-model="fieldsLocal.networkLabel"
+                      :class="[
+                        'tooltip-field port-properties-network-label',
+                        {
+                          'danger-not-valid': props.messagesFields.name.field,
+                        },
+                      ]"
+                      data-id="network-input"
+                      name="network-label"
+                      type="text"
+                      @click.stop
+                    />
+                  </template>
+                  <template #content>
+                    {{ props.messagesFields.name.field }}
+                  </template>
+                </atoms-tooltip-error>
+              </fieldset>
+            </div>
+          </div>
+        </div>
+
+        <div class="horizontal-flex-container port-properties-padding">
+          <label class="property-label-group">
+            {{ localization.common.vlanId }}
+          </label>
+          <div class="margin-left-property-value-group">
+            <div class="property-value-group">
+              <fieldset>
+                <div class="flex-align-center">
+                  <atoms-combobox
+                    v-model.trim="fieldsLocal.vlanId"
+                    :items="vlanIdSelectDataLocal"
+                    :class="{
+                      'danger-not-valid': props.messagesFields.vlan.field,
+                    }"
+                    test-id="vlan-id-combobox"
+                    @click.stop
+                  />
+                  <div
+                    v-show="props.messagesFields.vlan.field"
+                    class="flex-align-center"
+                  >
+                    <div class="tooltip flex align-middle">
+                      <atoms-the-icon
+                        width="24px"
+                        height="24px"
+                        class="is-error tooltip-trigger"
+                        name="info"
+                      />
+                      <div class="tooltip-top-left tooltip-content error">
+                        {{ props.messagesFields.vlan.field }}
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </fieldset>
+            </div>
+          </div>
+        </div>
+      </form>
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+import type { UI_I_ErrorFields } from '~/node_modules/bfg-uikit/components/ui/wizard/lib/models/interfaces'
+import type {
+  UI_I_ArbitraryObject,
+  UI_I_Localization,
+} from '~/lib/models/interfaces'
+import type { UI_I_ConnectionSettings } from '~/components/common/wizards/network/add/lib/models/interfaces'
+import { vlanIdSelectDataFunc } from '~/components/common/wizards/network/add/lib/config/config'
+
+const props = defineProps<{
+  fields: UI_I_ConnectionSettings
+  alertMessages: string[]
+  messagesFields: UI_I_ArbitraryObject<UI_I_ErrorFields>
+}>()
+
+const emits = defineEmits<{
+  (event: 'hide-alert', stepId: 5): void
+}>()
+
+const localization = computed<UI_I_Localization>(() => useLocal())
+const vlanIdSelectDataLocal = computed<UI_I_Localization>(() =>
+  vlanIdSelectDataFunc(localization.value)
+)
+
+const fieldsLocal = computed({
+  get(): UI_I_ConnectionSettings {
+    return props.fields
+  },
+  set(value: UI_I_ConnectionSettings) {
+    emits('update:fields', value)
+  },
+})
+
+const onHideAlert = (): void => {
+  emits('hide-alert', 5)
+}
+</script>

package/components/common/wizards/network/add/steps/createStandardSwitch/CreateStandardSwitch.vue

@@ -1,81 +1,81 @@
-<template>
-  <component
-    :is="currentComponent"
-    :adapters="props.adapters"
-    :free-adapters="props.freeAdapters"
-    :added-adapters="props.addedAdapters"
-    :core-adapters="props.coreAdapters"
-    :adapter-status="props.adapterStatus"
-    :is-dark-mode="props.isDarkMode"
-    test-id="adapter-manager"
-    is-active
-    full-mode
-    :is-show-no-active-adapters-modal="props.isShowNoActiveAdaptersModal"
-    :is-show-no-connected-active-adapters-modal="
-      props.isShowNoConnectedActiveAdaptersModal
-    "
-    @hide-no-active-adapters-modal="onHideNoActiveAdaptersModal"
-    @hide-no-connected-active-adapters-modal="
-      onHideNoConnectedActiveAdaptersModal
-    "
-    @submit-from-modal="onConfirmNoActiveAdaptersModal"
-    @change-added-adapters="onChangeAddedAdapters"
-    @change-adapter-status="onChangeAdapterStatus"
-    @get-free-adapters="onGetFreeAdapters"
-  />
-</template>
-
-<script setup lang="ts">
-import type { UI_I_ItemsWithTotalCounts } from '~/lib/models/interfaces'
-import type {
-  UI_I_Adapter,
-  UI_I_AdapterStatus,
-  UI_I_SwitchAdapterItem,
-} from '~/components/common/diagramMain/lib/models/interfaces'
-
-const props = defineProps<{
-  addedAdapters: string[]
-  freeAdapters: UI_I_Adapter[]
-  adapterStatus: UI_I_AdapterStatus
-  adapters: UI_I_ItemsWithTotalCounts<UI_I_SwitchAdapterItem>
-  coreAdapters: string[]
-  isShowNoConnectedActiveAdaptersModal: boolean
-  isShowNoActiveAdaptersModal: boolean
-  isDarkMode: boolean
-}>()
-
-const emits = defineEmits<{
-  (event: 'get-free-adapters', showModal: () => void): void
-  (event: 'change-added-adapters', addedAdapters: string[]): void
-  (event: 'change-adapter-status', adapterStatus: UI_I_AdapterStatus): void
-  (event: 'confirm-no-active-adapters-modal'): void
-  (event: 'hide-no-connected-active-adapters-modal'): void
-  (event: 'hide-no-active-adapters-modal'): void
-}>()
-
-const { $store }: any = useNuxtApp()
-
-const isNewView = computed<boolean>(() => $store.getters['main/getIsNewView'])
-
-const currentComponent = computed(() =>
-  isNewView.value
-    ? defineAsyncComponent(() => import('./CreateStandardSwitchNew.vue'))
-    : defineAsyncComponent(() => import('./CreateStandardSwitchOld.vue'))
-)
-
-const onGetFreeAdapters = (showModal: () => void): void =>
-  emits('get-free-adapters', showModal)
-
-const onChangeAddedAdapters = (addedAdapters: string[]): void =>
-  emits('change-added-adapters', addedAdapters)
-
-const onChangeAdapterStatus = (adapterStatus: UI_I_AdapterStatus): void =>
-  emits('change-adapter-status', adapterStatus)
-
-const onConfirmNoActiveAdaptersModal = (): void =>
-  emits('confirm-no-active-adapters-modal')
-const onHideNoConnectedActiveAdaptersModal = (): void =>
-  emits('hide-no-connected-active-adapters-modal')
-const onHideNoActiveAdaptersModal = (): void =>
-  emits('hide-no-active-adapters-modal')
-</script>
+<template>
+  <component
+    :is="currentComponent"
+    :adapters="props.adapters"
+    :free-adapters="props.freeAdapters"
+    :added-adapters="props.addedAdapters"
+    :core-adapters="props.coreAdapters"
+    :adapter-status="props.adapterStatus"
+    :is-dark-mode="props.isDarkMode"
+    test-id="adapter-manager"
+    is-active
+    full-mode
+    :is-show-no-active-adapters-modal="props.isShowNoActiveAdaptersModal"
+    :is-show-no-connected-active-adapters-modal="
+      props.isShowNoConnectedActiveAdaptersModal
+    "
+    @hide-no-active-adapters-modal="onHideNoActiveAdaptersModal"
+    @hide-no-connected-active-adapters-modal="
+      onHideNoConnectedActiveAdaptersModal
+    "
+    @submit-from-modal="onConfirmNoActiveAdaptersModal"
+    @change-added-adapters="onChangeAddedAdapters"
+    @change-adapter-status="onChangeAdapterStatus"
+    @get-free-adapters="onGetFreeAdapters"
+  />
+</template>
+
+<script setup lang="ts">
+import type { UI_I_ItemsWithTotalCounts } from '~/lib/models/interfaces'
+import type {
+  UI_I_Adapter,
+  UI_I_AdapterStatus,
+  UI_I_SwitchAdapterItem,
+} from '~/components/common/diagramMain/lib/models/interfaces'
+
+const props = defineProps<{
+  addedAdapters: string[]
+  freeAdapters: UI_I_Adapter[]
+  adapterStatus: UI_I_AdapterStatus
+  adapters: UI_I_ItemsWithTotalCounts<UI_I_SwitchAdapterItem>
+  coreAdapters: string[]
+  isShowNoConnectedActiveAdaptersModal: boolean
+  isShowNoActiveAdaptersModal: boolean
+  isDarkMode: boolean
+}>()
+
+const emits = defineEmits<{
+  (event: 'get-free-adapters', showModal: () => void): void
+  (event: 'change-added-adapters', addedAdapters: string[]): void
+  (event: 'change-adapter-status', adapterStatus: UI_I_AdapterStatus): void
+  (event: 'confirm-no-active-adapters-modal'): void
+  (event: 'hide-no-connected-active-adapters-modal'): void
+  (event: 'hide-no-active-adapters-modal'): void
+}>()
+
+const { $store }: any = useNuxtApp()
+
+const isNewView = computed<boolean>(() => $store.getters['main/getIsNewView'])
+
+const currentComponent = computed(() =>
+  isNewView.value
+    ? defineAsyncComponent(() => import('./CreateStandardSwitchNew.vue'))
+    : defineAsyncComponent(() => import('./CreateStandardSwitchOld.vue'))
+)
+
+const onGetFreeAdapters = (showModal: () => void): void =>
+  emits('get-free-adapters', showModal)
+
+const onChangeAddedAdapters = (addedAdapters: string[]): void =>
+  emits('change-added-adapters', addedAdapters)
+
+const onChangeAdapterStatus = (adapterStatus: UI_I_AdapterStatus): void =>
+  emits('change-adapter-status', adapterStatus)
+
+const onConfirmNoActiveAdaptersModal = (): void =>
+  emits('confirm-no-active-adapters-modal')
+const onHideNoConnectedActiveAdaptersModal = (): void =>
+  emits('hide-no-connected-active-adapters-modal')
+const onHideNoActiveAdaptersModal = (): void =>
+  emits('hide-no-active-adapters-modal')
+</script>