bfg-common 1.0.50 → 1.0.52

package/components/common/adapterManager/AddAdapterWarningModal.vue

@@ -1,82 +1,82 @@
-<template>
-  <div>
-    <atoms-modal
-      test-id="add-adapter-warning"
-      width="576"
-      height="420"
-      :show="props.show"
-      :title="props.title"
-      class="diagram-action__remove"
-      @hide="onHideModal"
-    >
-      <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.noFreeNetworkAdaptersAddSwitch }}
-          </p>
-        </div>
-      </template>
-      <template #modalFooter>
-        <span>
-          <button
-            :id="`${props.testId}-modal-close-button`"
-            type="button"
-            class="btn btn-primary"
-            @click="onHideModal"
-          >
-            {{ localization.ok }}
-          </button>
-        </span>
-      </template>
-    </atoms-modal>
-  </div>
-</template>
-
-<script setup lang="ts">
-import { UI_I_Localization } from '~/models/interfaces'
-
-// Props from up
-const props = defineProps<{
-  show: boolean
-  modalName: string
-  viewName: string
-  title: string
-  testId: string
-}>()
-
-// UI_I_Localization
-const localization = computed<UI_I_Localization>(() => useLocal())
-
-// Modal
-const emits = defineEmits<{
-  (event: 'hide'): void
-}>()
-const onHideModal = (): void => {
-  emits('hide')
-}
-</script>
-
-<style scoped lang="scss">
-:deep(.diagram-action__remove) {
-  .modal-body-content {
-    display: flex;
-
-    .confirm-icon-container {
-      margin-right: 20px;
-    }
-
-    .preserve-newlines {
-      white-space: pre-line;
-      font-size: 15px;
-    }
-  }
-}
-.table-fixed-height {
-  min-height: 287px;
-  max-height: 287px;
-  overflow-y: auto;
-}
-</style>
+<template>
+  <div>
+    <atoms-modal
+      test-id="add-adapter-warning"
+      width="576"
+      height="420"
+      :show="props.show"
+      :title="props.title"
+      class="diagram-action__remove"
+      @hide="onHideModal"
+    >
+      <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.noFreeNetworkAdaptersAddSwitch }}
+          </p>
+        </div>
+      </template>
+      <template #modalFooter>
+        <span>
+          <button
+            :id="`${props.testId}-modal-close-button`"
+            type="button"
+            class="btn btn-primary"
+            @click="onHideModal"
+          >
+            {{ localization.ok }}
+          </button>
+        </span>
+      </template>
+    </atoms-modal>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { UI_I_Localization } from '~/models/interfaces'
+
+// Props from up
+const props = defineProps<{
+  show: boolean
+  modalName: string
+  viewName: string
+  title: string
+  testId: string
+}>()
+
+// UI_I_Localization
+const localization = computed<UI_I_Localization>(() => useLocal())
+
+// Modal
+const emits = defineEmits<{
+  (event: 'hide'): void
+}>()
+const onHideModal = (): void => {
+  emits('hide')
+}
+</script>
+
+<style scoped lang="scss">
+:deep(.diagram-action__remove) {
+  .modal-body-content {
+    display: flex;
+
+    .confirm-icon-container {
+      margin-right: 20px;
+    }
+
+    .preserve-newlines {
+      white-space: pre-line;
+      font-size: 15px;
+    }
+  }
+}
+.table-fixed-height {
+  min-height: 287px;
+  max-height: 287px;
+  overflow-y: auto;
+}
+</style>

package/components/common/adapterManager/NoActiveAdaptersModal.vue

@@ -1,62 +1,62 @@
-<template>
-  <div>
-    <atoms-modal
-      test-id="no-active-adapters"
-      width="576px"
-      height="257px"
-      :show="props.show"
-      :title="localization.physicalNetworkAdaptersWarning"
-      @hide="onHide"
-      @submit="onSubmit"
-    >
-      <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.thereAreNoActivePhysicalNetworkAdaptersForSwitch}
-
-                   ${localization.okOrCancelToReviewYourChanges}`
-            }}
-          </p>
-        </div>
-      </template>
-    </atoms-modal>
-  </div>
-</template>
-
-<script setup lang="ts">
-import { UI_I_Localization } from '~/models/interfaces'
-
-const props = defineProps<{
-  show: boolean
-  title: string
-}>()
-
-const emits = defineEmits<{
-  (event: 'hide'): void
-  (event: 'submit'): void
-}>()
-
-const onHide = () => emits('hide')
-const onSubmit = () => emits('submit')
-
-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-active-adapters"
+      width="576px"
+      height="257px"
+      :show="props.show"
+      :title="localization.physicalNetworkAdaptersWarning"
+      @hide="onHide"
+      @submit="onSubmit"
+    >
+      <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.thereAreNoActivePhysicalNetworkAdaptersForSwitch}
+
+                   ${localization.okOrCancelToReviewYourChanges}`
+            }}
+          </p>
+        </div>
+      </template>
+    </atoms-modal>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { UI_I_Localization } from '~/models/interfaces'
+
+const props = defineProps<{
+  show: boolean
+  title: string
+}>()
+
+const emits = defineEmits<{
+  (event: 'hide'): void
+  (event: 'submit'): void
+}>()
+
+const onHide = () => emits('hide')
+const onSubmit = () => emits('submit')
+
+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/NoConnectedActiveAdaptersModal.vue

@@ -1,62 +1,62 @@
-<template>
-  <div>
-    <atoms-modal
-      test-id="no-connected-active-adapter"
-      width="576px"
-      height="257px"
-      :show="props.show"
-      :title="localization.physicalNetworkAdaptersWarning"
-      @hide="onHide"
-      @submit="onSubmit"
-    >
-      <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.allActiveAdaptersAreDisconnected}
-
-                   ${localization.okOrCancelToReviewYourChanges}`
-            }}
-          </p>
-        </div>
-      </template>
-    </atoms-modal>
-  </div>
-</template>
-
-<script setup lang="ts">
-import { UI_I_Localization } from '~/models/interfaces'
-
-const props = defineProps<{
-  show: boolean
-  title: string
-}>()
-
-const emits = defineEmits<{
-  (event: 'hide'): void
-  (event: 'submit'): void
-}>()
-
-const onHide = () => emits('hide')
-const onSubmit = () => emits('submit')
-
-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"
+      height="257px"
+      :show="props.show"
+      :title="localization.physicalNetworkAdaptersWarning"
+      @hide="onHide"
+      @submit="onSubmit"
+    >
+      <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.allActiveAdaptersAreDisconnected}
+
+                   ${localization.okOrCancelToReviewYourChanges}`
+            }}
+          </p>
+        </div>
+      </template>
+    </atoms-modal>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { UI_I_Localization } from '~/models/interfaces'
+
+const props = defineProps<{
+  show: boolean
+  title: string
+}>()
+
+const emits = defineEmits<{
+  (event: 'hide'): void
+  (event: 'submit'): void
+}>()
+
+const onHide = () => emits('hide')
+const onSubmit = () => emits('submit')
+
+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>