bfg-common 1.2.133 → 1.2.135

package/components/atoms/table/dataGrid/DataGrid.vue

@@ -82,7 +82,7 @@
                             ]"
                             @click="sortTable(item.sortColumn)"
                           >
-                            <slot name="th" :key="key" :item="item">
+                            <slot :key="key" name="th" :item="item">
                               <span
                                 :title="item.text"
                                 :style="{
@@ -204,7 +204,7 @@
                             },
                           ]"
                         >
-                          <slot name="type" :key="key" :item="item">
+                          <slot :key="key" name="type" :item="item">
                             <div
                               :class="`clr-${props.type}-wrapper flex-justify-center flex-align-center`"
                             >
@@ -479,7 +479,7 @@ const emits = defineEmits<{
   (event: 'update:selected-row', value: UI_T_SelectedRow): void
   (event: 'update:page-size', value: number): void
   (event: 'update:page', value: number): void
-  (event: 'filtering', value: any): void
+  (event: 'filtering', value: string[][]): void
   (event: 'sorting', value: [string, boolean]): void
   (event: 'change', value: any): void
   (event: 'row-detail', value: number): void
@@ -660,11 +660,10 @@ const sortTable = (sortName: string): void => {
 const filterShow = ref<boolean[]>([])
 const filterTerm = ref<string[]>([])
 const filtering = (): void => {
-  const filter = headItemsPresent.value
-    .filter((_, key) => filterTerm.value[key])
-    .map((item, key) => {
-      return [item.key, filterTerm.value[key]]
-    })
+  const filter: string[][] = []
+  headItemsPresent.value.forEach((item, key) => {
+    if (filterTerm.value[key]) filter.push([item.key, filterTerm.value[key]])
+  })
 
   emits('filtering', filter)
 }

package/components/common/BadBrowser.vue

@@ -1,114 +1,114 @@
-<template>
-  <div class="bad-browser">
-    <div class="main-block">
-      <h1 class="title-block">
-        {{ localization.browserOutDate }}
-      </h1>
-      <p class="first description-text">
-        {{ firstDescriptionText }}
-      </p>
-      <div class="browsers-block">
-        <a
-            href="https://www.google.com/chrome/"
-            target="_blank"
-            class="browser-link"
-        >
-          <div class="browser-item">
-            <atoms-the-icon2 name="chrome" class="browser-icon" />
-            <p class="browser-name">Chrome</p>
-          </div>
-        </a>
-        <a
-            href="https://www.mozilla.org/en-US/"
-            target="_blank"
-            class="browser-link"
-        >
-          <div class="browser-item">
-            <atoms-the-icon2 name="firefox" class="browser-icon" />
-            <p class="browser-name">Firefox</p>
-          </div>
-        </a>
-        <a
-            href="https://support.apple.com/downloads/safari"
-            target="_blank"
-            class="browser-link"
-        >
-          <div class="browser-item">
-            <atoms-the-icon2 name="safari" class="browser-icon" />
-            <p class="browser-name">Safari</p>
-          </div>
-        </a>
-        <a
-            href="https://www.microsoft.com/en-us/edge/download?form=MA13FJ"
-            target="_blank"
-            class="browser-link last"
-        >
-          <div class="browser-item">
-            <atoms-the-icon2 name="edge" class="browser-icon" />
-            <p class="browser-name">Edge</p>
-          </div>
-        </a>
-      </div>
-      <p>
-        {{ localization.browserOutDateDesc2 }}
-        <a href="#">{{ localization.browserOutDateDesc3 }}</a>
-      </p>
-    </div>
-  </div>
-</template>
-
-<script setup lang="ts">
-import { UI_I_Localization } from '~/models/interfaces'
-
-const props = defineProps<{
-  projectName: string
-}>()
-
-const localization = computed<UI_I_Localization>(() => useLocal())
-
-const firstDescriptionText = computed<string>(() =>
-  localization.value.browserOutDateDesc.replace('{0}', props.projectName)
-)
-</script>
-
-<style scoped lang="scss">
-.bad-browser {
-  height: inherit;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-
-  .main-block {
-    width: max-content;
-    padding: 20px 40px;
-    text-align: center;
-
-    .title-block {
-      font-size: 32px;
-      font-weight: 400;
-    }
-    .description-text {
-      &.first {
-        margin: 0 auto;
-        max-width: 400px;
-      }
-    }
-    .browsers-block {
-      margin: 20px 0;
-      display: flex;
-      align-items: center;
-      justify-content: center;
-
-      .browser-link:not(.last) {
-        margin-right: 40px;
-      }
-
-      .browser-item {
-        .browser-icon {
-          width: 60px;
-        }
-      }
-    }
-  }
-}
-</style>
+<template>
+  <div class="bad-browser">
+    <div class="main-block">
+      <h1 class="title-block">
+        {{ localization.browserOutDate }}
+      </h1>
+      <p class="first description-text">
+        {{ firstDescriptionText }}
+      </p>
+      <div class="browsers-block">
+        <a
+            href="https://www.google.com/chrome/"
+            target="_blank"
+            class="browser-link"
+        >
+          <div class="browser-item">
+            <atoms-the-icon2 name="chrome" class="browser-icon" />
+            <p class="browser-name">Chrome</p>
+          </div>
+        </a>
+        <a
+            href="https://www.mozilla.org/en-US/"
+            target="_blank"
+            class="browser-link"
+        >
+          <div class="browser-item">
+            <atoms-the-icon2 name="firefox" class="browser-icon" />
+            <p class="browser-name">Firefox</p>
+          </div>
+        </a>
+        <a
+            href="https://support.apple.com/downloads/safari"
+            target="_blank"
+            class="browser-link"
+        >
+          <div class="browser-item">
+            <atoms-the-icon2 name="safari" class="browser-icon" />
+            <p class="browser-name">Safari</p>
+          </div>
+        </a>
+        <a
+            href="https://www.microsoft.com/en-us/edge/download?form=MA13FJ"
+            target="_blank"
+            class="browser-link last"
+        >
+          <div class="browser-item">
+            <atoms-the-icon2 name="edge" class="browser-icon" />
+            <p class="browser-name">Edge</p>
+          </div>
+        </a>
+      </div>
+      <p>
+        {{ localization.browserOutDateDesc2 }}
+        <a href="#">{{ localization.browserOutDateDesc3 }}</a>
+      </p>
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { UI_I_Localization } from '~/models/interfaces'
+
+const props = defineProps<{
+  projectName: string
+}>()
+
+const localization = computed<UI_I_Localization>(() => useLocal())
+
+const firstDescriptionText = computed<string>(() =>
+  localization.value.browserOutDateDesc.replace('{0}', props.projectName)
+)
+</script>
+
+<style scoped lang="scss">
+.bad-browser {
+  height: inherit;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+
+  .main-block {
+    width: max-content;
+    padding: 20px 40px;
+    text-align: center;
+
+    .title-block {
+      font-size: 32px;
+      font-weight: 400;
+    }
+    .description-text {
+      &.first {
+        margin: 0 auto;
+        max-width: 400px;
+      }
+    }
+    .browsers-block {
+      margin: 20px 0;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+
+      .browser-link:not(.last) {
+        margin-right: 40px;
+      }
+
+      .browser-item {
+        .browser-icon {
+          width: 60px;
+        }
+      }
+    }
+  }
+}
+</style>

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>