bfg-common 1.6.63 → 1.6.64

package/components/common/adapterManager/noConnectedActiveAdaptersModal/NoConnectedActiveAdaptersModalNew.vue

@@ -1,34 +1,34 @@
-<template>
-  <ui-popup
-    v-if="props.show"
-    test-id="no-connected-active-adapter"
-    icon-name="circle-warning"
-    :texts="texts"
-    :title="localization.common.noConnectedPhysicalNetworkAdaptersTitle"
-    :message="localization.common.noConnectedPhysicalNetworkAdaptersMessage"
-    @hide="emits('hide')"
-    @submit="emits('submit')"
-  />
-</template>
-
-<script setup lang="ts">
-import type { UI_I_Localization } from '~/lib/models/interfaces'
-
-const props = defineProps<{
-  show: boolean
-}>()
-
-const emits = defineEmits<{
-  (event: 'hide'): void
-  (event: 'submit'): void
-}>()
-
-const localization = computed<UI_I_Localization>(() => useLocal())
-
-const texts = computed(() => ({
-  button1: localization.value.common.cancel,
-  button2: localization.value.common.continue,
-}))
-</script>
-
-<style scoped lang="scss"></style>
+<template>
+  <ui-popup
+    v-if="props.show"
+    test-id="no-connected-active-adapter"
+    icon-name="circle-warning"
+    :texts="texts"
+    :title="localization.common.noConnectedPhysicalNetworkAdaptersTitle"
+    :message="localization.common.noConnectedPhysicalNetworkAdaptersMessage"
+    @hide="emits('hide')"
+    @submit="emits('submit')"
+  />
+</template>
+
+<script setup lang="ts">
+import type { UI_I_Localization } from '~/lib/models/interfaces'
+
+const props = defineProps<{
+  show: boolean
+}>()
+
+const emits = defineEmits<{
+  (event: 'hide'): void
+  (event: 'submit'): void
+}>()
+
+const localization = computed<UI_I_Localization>(() => useLocal())
+
+const texts = computed(() => ({
+  button1: localization.value.common.cancel,
+  button2: localization.value.common.continue,
+}))
+</script>
+
+<style scoped lang="scss"></style>

package/components/common/adapterManager/noConnectedActiveAdaptersModal/NoConnectedActiveAdaptersModalOld.vue

@@ -1,57 +1,57 @@
-<template>
-  <div>
-    <atoms-modal
-      test-id="no-connected-active-adapter"
-      width="576px"
-      :show="props.show"
-      :title="localization.common.physicalNetworkAdaptersWarning"
-      @hide="emits('hide')"
-      @submit="emits('submit')"
-    >
-      <template #modalBody>
-        <div class="modal-body-content modal-body-content__confirmation">
-          <div class="confirm-icon-container">
-            <atoms-diagram-icon name="is-warning" />
-          </div>
-          <p class="preserve-newlines">
-            {{
-              `${localization.common.allActiveAdaptersAreDisconnected}
-
-                   ${localization.common.okOrCancelToReviewYourChanges}`
-            }}
-          </p>
-        </div>
-      </template>
-    </atoms-modal>
-  </div>
-</template>
-
-<script setup lang="ts">
-import type { UI_I_Localization } from '~/lib/models/interfaces'
-
-const props = defineProps<{
-  show: boolean
-}>()
-
-const emits = defineEmits<{
-  (event: 'hide'): void
-  (event: 'submit'): void
-}>()
-
-const localization = computed<UI_I_Localization>(() => useLocal())
-</script>
-
-<style scoped lang="scss">
-:deep(.modal-body-content.modal-body-content__confirmation) {
-  display: flex;
-
-  .confirm-icon-container {
-    margin-right: 20px;
-  }
-
-  .preserve-newlines {
-    white-space: pre-line;
-    font-size: 15px;
-  }
-}
-</style>
+<template>
+  <div>
+    <atoms-modal
+      test-id="no-connected-active-adapter"
+      width="576px"
+      :show="props.show"
+      :title="localization.common.physicalNetworkAdaptersWarning"
+      @hide="emits('hide')"
+      @submit="emits('submit')"
+    >
+      <template #modalBody>
+        <div class="modal-body-content modal-body-content__confirmation">
+          <div class="confirm-icon-container">
+            <atoms-diagram-icon name="is-warning" />
+          </div>
+          <p class="preserve-newlines">
+            {{
+              `${localization.common.allActiveAdaptersAreDisconnected}
+
+                   ${localization.common.okOrCancelToReviewYourChanges}`
+            }}
+          </p>
+        </div>
+      </template>
+    </atoms-modal>
+  </div>
+</template>
+
+<script setup lang="ts">
+import type { UI_I_Localization } from '~/lib/models/interfaces'
+
+const props = defineProps<{
+  show: boolean
+}>()
+
+const emits = defineEmits<{
+  (event: 'hide'): void
+  (event: 'submit'): void
+}>()
+
+const localization = computed<UI_I_Localization>(() => useLocal())
+</script>
+
+<style scoped lang="scss">
+:deep(.modal-body-content.modal-body-content__confirmation) {
+  display: flex;
+
+  .confirm-icon-container {
+    margin-right: 20px;
+  }
+
+  .preserve-newlines {
+    white-space: pre-line;
+    font-size: 15px;
+  }
+}
+</style>

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

@@ -1,34 +1,34 @@
-<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 = withDefaults(
-  defineProps<{
-    fullMode: boolean
-    testId?: string
-  }>(),
-  {
-    testId: '',
-  }
-)
-
-const emits = defineEmits<{
-  (event: 'show-add-adapter-modal'): void
-}>()
-
-const localization = computed<UI_I_Localization>(() => useLocal())
-
-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 = withDefaults(
+  defineProps<{
+    fullMode: boolean
+    testId?: string
+  }>(),
+  {
+    testId: '',
+  }
+)
+
+const emits = defineEmits<{
+  (event: 'show-add-adapter-modal'): void
+}>()
+
+const localization = computed<UI_I_Localization>(() => useLocal())
+
+const onShowAddAdapterModal = () => emits('show-add-adapter-modal')
+</script>

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

@@ -1,41 +1,41 @@
-<template>
-  <li v-if="props.fullMode">
-    <span
-      :class="[
-        'action-link-container',
-        {
-          disabled: props.selectedIsHeader || props.isDisabledRemove,
-        },
-      ]"
-      :title="localization.common.removeSelected"
-      data-id="remove-selected-adapter-button"
-      @click="onRemove"
-    >
-      <atoms-diagram-icon name="remove-adapter" />
-    </span>
-  </li>
-</template>
-
-<script setup lang="ts">
-import type { UI_I_Localization } from '~/lib/models/interfaces'
-
-const props = withDefaults(
-  defineProps<{
-    fullMode: boolean
-    selectedIsHeader: boolean
-    isDisabledRemove: boolean
-    testId?: string
-  }>(),
-  {
-    testId: '',
-  }
-)
-
-const emits = defineEmits<{
-  (event: 'remove-adapter'): void
-}>()
-
-const localization = computed<UI_I_Localization>(() => useLocal())
-
-const onRemove = () => emits('remove-adapter')
-</script>
+<template>
+  <li v-if="props.fullMode">
+    <span
+      :class="[
+        'action-link-container',
+        {
+          disabled: props.selectedIsHeader || props.isDisabledRemove,
+        },
+      ]"
+      :title="localization.common.removeSelected"
+      data-id="remove-selected-adapter-button"
+      @click="onRemove"
+    >
+      <atoms-diagram-icon name="remove-adapter" />
+    </span>
+  </li>
+</template>
+
+<script setup lang="ts">
+import type { UI_I_Localization } from '~/lib/models/interfaces'
+
+const props = withDefaults(
+  defineProps<{
+    fullMode: boolean
+    selectedIsHeader: boolean
+    isDisabledRemove: boolean
+    testId?: string
+  }>(),
+  {
+    testId: '',
+  }
+)
+
+const emits = defineEmits<{
+  (event: 'remove-adapter'): void
+}>()
+
+const localization = computed<UI_I_Localization>(() => useLocal())
+
+const onRemove = () => emits('remove-adapter')
+</script>

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

@@ -1,11 +1,11 @@
-<template>
-  <span class="vertical-separator"></span>
-</template>
-
-<style lang="scss" scoped>
-.vertical-separator {
-  border: 1px solid #999;
-  border-left: none;
-  margin: 0 7px 0 4px;
-}
+<template>
+  <span class="vertical-separator"></span>
+</template>
+
+<style lang="scss" scoped>
+.vertical-separator {
+  border: 1px solid #999;
+  border-left: none;
+  margin: 0 7px 0 4px;
+}
 </style>

package/components/common/adapterManager/ui/actions/bar/Bar.vue

@@ -5,6 +5,7 @@
     :selected-is-header="props.selectedIsHeader"
     :is-disabled-move-up="props.isDisabledMoveUp"
     :is-disabled-move-down="props.isDisabledMoveDown"
+    :is-active="props.isActive"
     @move-up-adapter="onMoveUp"
     @move-down-adapter="onMoveDown"
   />
@@ -32,6 +33,7 @@ const props = withDefaults(
     isDisabledMoveUp: boolean
     isDisabledMoveDown: boolean
     isDisabledRemove?: boolean
+    isActive: boolean
   }>(),
   {
     fullMode: false,

package/components/common/adapterManager/ui/actions/bar/BarNew.vue

@@ -2,11 +2,11 @@
   <div v-if="!props.isAddModal">
     <ul class="adapter-manager-actions">
       <common-adapter-manager-ui-actions-move-up-adapter-button
-        :is-disabled-move-up="props.isDisabledMoveUp"
+        :is-disabled-move-up="props.isDisabledMoveUp || !props.isActive"
         @move-up-adapter="onMoveUp"
       />
       <common-adapter-manager-ui-actions-move-down-adapter-button
-        :is-disabled-move-down="props.isDisabledMoveDown"
+        :is-disabled-move-down="props.isDisabledMoveDown || !props.isActive"
         @move-down-adapter="onMoveDown"
       />
     </ul>
@@ -18,6 +18,7 @@ const props = defineProps<{
   isAddModal: boolean
   isDisabledMoveUp: boolean
   isDisabledMoveDown: boolean
+  isActive: boolean
 }>()
 
 const emits = defineEmits<{

package/components/common/adapterManager/ui/actions/bar/BarOld.vue

@@ -1,95 +1,95 @@
-<template>
-  <div v-if="!props.isAddModal" class="vui-action-bar">
-    <ul>
-      <common-adapter-manager-ui-actions-add-adapter-button
-        :full-mode="props.fullMode"
-        @show-add-adapter-modal="onShowAddAdapterModal"
-      />
-      <common-adapter-manager-ui-actions-vertical-separator
-        v-if="props.fullMode"
-      />
-      <common-adapter-manager-ui-actions-remove-adapter-button
-        :full-mode="props.fullMode"
-        :selected-is-header="props.selectedIsHeader"
-        :is-disabled-remove="props.isDisabledRemove"
-        @remove-adapter="onRemove"
-      />
-      <common-adapter-manager-ui-actions-move-up-adapter-button
-        :is-disabled-move-up="props.isDisabledMoveUp"
-        @move-up-adapter="onMoveUp"
-      />
-      <common-adapter-manager-ui-actions-move-down-adapter-button
-        :is-disabled-move-down="props.isDisabledMoveDown"
-        @move-down-adapter="onMoveDown"
-      />
-    </ul>
-  </div>
-</template>
-
-<script setup lang="ts">
-const props = defineProps<{
-  fullMode: boolean
-  isAddModal: boolean
-  selectedIsHeader: boolean
-  isDisabledMoveUp: boolean
-  isDisabledMoveDown: boolean
-  isDisabledRemove: boolean
-}>()
-
-const emits = defineEmits<{
-  (event: 'show-add-adapter-modal'): void
-  (event: 'remove-adapter'): void
-  (event: 'move-up-adapter'): void
-  (event: 'move-down-adapter'): void
-}>()
-
-const onShowAddAdapterModal = () => emits('show-add-adapter-modal')
-const onMoveDown = () => emits('move-down-adapter')
-const onMoveUp = () => emits('move-up-adapter')
-const onRemove = () => emits('remove-adapter')
-</script>
-
-<style scoped lang="scss">
-:deep(.action-link-container) {
-  cursor: pointer;
-
-  svg {
-    transform: translateY(3px);
-  }
-}
-
-ul :deep(li span:hover:not(.disabled)) {
-  text-decoration: none;
-  background-color: #e9f6fd;
-  border: 1px solid #c7e9ff;
-}
-
-ul :deep(li span) {
-  padding: 4px;
-  line-height: 22px;
-  border: 1px solid transparent;
-}
-
-ul :deep(li span.disabled) {
-  opacity: 0.4;
-  pointer-events: none;
-}
-
-.vui-action-bar ul {
-  margin: 0 0 3px;
-}
-
-ol,
-ul {
-  list-style-position: inside;
-  padding-left: 0;
-}
-
-.vui-action-bar ul :deep(li) {
-  padding-right: 4px;
-  display: inline-block;
-  list-style: none;
-  vertical-align: middle;
-  line-height: 20px;
-}
-</style>
+<template>
+  <div v-if="!props.isAddModal" class="vui-action-bar">
+    <ul>
+      <common-adapter-manager-ui-actions-add-adapter-button
+        :full-mode="props.fullMode"
+        @show-add-adapter-modal="onShowAddAdapterModal"
+      />
+      <common-adapter-manager-ui-actions-vertical-separator
+        v-if="props.fullMode"
+      />
+      <common-adapter-manager-ui-actions-remove-adapter-button
+        :full-mode="props.fullMode"
+        :selected-is-header="props.selectedIsHeader"
+        :is-disabled-remove="props.isDisabledRemove"
+        @remove-adapter="onRemove"
+      />
+      <common-adapter-manager-ui-actions-move-up-adapter-button
+        :is-disabled-move-up="props.isDisabledMoveUp"
+        @move-up-adapter="onMoveUp"
+      />
+      <common-adapter-manager-ui-actions-move-down-adapter-button
+        :is-disabled-move-down="props.isDisabledMoveDown"
+        @move-down-adapter="onMoveDown"
+      />
+    </ul>
+  </div>
+</template>
+
+<script setup lang="ts">
+const props = defineProps<{
+  fullMode: boolean
+  isAddModal: boolean
+  selectedIsHeader: boolean
+  isDisabledMoveUp: boolean
+  isDisabledMoveDown: boolean
+  isDisabledRemove: boolean
+}>()
+
+const emits = defineEmits<{
+  (event: 'show-add-adapter-modal'): void
+  (event: 'remove-adapter'): void
+  (event: 'move-up-adapter'): void
+  (event: 'move-down-adapter'): void
+}>()
+
+const onShowAddAdapterModal = () => emits('show-add-adapter-modal')
+const onMoveDown = () => emits('move-down-adapter')
+const onMoveUp = () => emits('move-up-adapter')
+const onRemove = () => emits('remove-adapter')
+</script>
+
+<style scoped lang="scss">
+:deep(.action-link-container) {
+  cursor: pointer;
+
+  svg {
+    transform: translateY(3px);
+  }
+}
+
+ul :deep(li span:hover:not(.disabled)) {
+  text-decoration: none;
+  background-color: #e9f6fd;
+  border: 1px solid #c7e9ff;
+}
+
+ul :deep(li span) {
+  padding: 4px;
+  line-height: 22px;
+  border: 1px solid transparent;
+}
+
+ul :deep(li span.disabled) {
+  opacity: 0.4;
+  pointer-events: none;
+}
+
+.vui-action-bar ul {
+  margin: 0 0 3px;
+}
+
+ol,
+ul {
+  list-style-position: inside;
+  padding-left: 0;
+}
+
+.vui-action-bar ul :deep(li) {
+  padding-right: 4px;
+  display: inline-block;
+  list-style: none;
+  vertical-align: middle;
+  line-height: 20px;
+}
+</style>

package/components/common/adapterManager/ui/actions/moveDownAdapterButton/MoveDownAdapterButton.vue

@@ -1,28 +1,28 @@
-<template>
-  <common-adapter-manager-ui-actions-move-down-adapter-button-new
-    v-if="isNewView"
-    :is-disabled-move-down="props.isDisabledMoveDown"
-    @move-down-adapter="onMoveDown"
-  />
-  <common-adapter-manager-ui-actions-move-down-adapter-button-old
-    v-else
-    :is-disabled-move-down="props.isDisabledMoveDown"
-    @move-down-adapter="onMoveDown"
-  />
-</template>
-
-<script setup lang="ts">
-const props = defineProps<{
-  isDisabledMoveDown: boolean
-}>()
-
-const emits = defineEmits<{
-  (event: 'move-down-adapter'): void
-}>()
-
-const { $store }: any = useNuxtApp()
-
-const isNewView = computed<boolean>(() => $store.getters['main/getIsNewView'])
-
-const onMoveDown = () => emits('move-down-adapter')
-</script>
+<template>
+  <common-adapter-manager-ui-actions-move-down-adapter-button-new
+    v-if="isNewView"
+    :is-disabled-move-down="props.isDisabledMoveDown"
+    @move-down-adapter="onMoveDown"
+  />
+  <common-adapter-manager-ui-actions-move-down-adapter-button-old
+    v-else
+    :is-disabled-move-down="props.isDisabledMoveDown"
+    @move-down-adapter="onMoveDown"
+  />
+</template>
+
+<script setup lang="ts">
+const props = defineProps<{
+  isDisabledMoveDown: boolean
+}>()
+
+const emits = defineEmits<{
+  (event: 'move-down-adapter'): void
+}>()
+
+const { $store }: any = useNuxtApp()
+
+const isNewView = computed<boolean>(() => $store.getters['main/getIsNewView'])
+
+const onMoveDown = () => emits('move-down-adapter')
+</script>