bfg-common 1.0.21 → 1.0.22

package/components/common/adapterManager/config/index.ts

@@ -1,19 +1,19 @@
-import { UI_I_SwitchAdapterItem } from '~/components/common/diagramMain/models/interfaces'
-
-export const allAdaptersFunc = (adapters: UI_I_SwitchAdapterItem[]) =>
-  adapters.map((el: UI_I_SwitchAdapterItem) => ({
-    id: el.name,
-    name: el.name,
-    fullName: `${el.name} ${el.speed} ${el.duplex}`,
-    adapter: el.adapter,
-    pciAddress: el.pciAddress,
-    driver: el.driver,
-    carrier: el.carrier,
-    speed: el.speed,
-    duplex: el.duplex,
-    networks: el.networks,
-    srIov: el.srIov,
-    cdp: el.cdp,
-    lldp: el.lldp,
-    status: 'active',
-  }))
+import { UI_I_SwitchAdapterItem } from '~/components/common/diagramMain/models/interfaces'
+
+export const allAdaptersFunc = (adapters: UI_I_SwitchAdapterItem[]) =>
+  adapters.map((el: UI_I_SwitchAdapterItem) => ({
+    id: el.name,
+    name: el.name,
+    fullName: `${el.name} ${el.speed} ${el.duplex}`,
+    adapter: el.adapter,
+    pciAddress: el.pciAddress,
+    driver: el.driver,
+    carrier: el.carrier,
+    speed: el.speed,
+    duplex: el.duplex,
+    networks: el.networks,
+    srIov: el.srIov,
+    cdp: el.cdp,
+    lldp: el.lldp,
+    status: 'active',
+  }))

package/components/common/adapterManager/ui/NoSelectedAdapter.vue

@@ -1,39 +1,39 @@
-<template>
-  <div class="no-items-selected-container">
-    <span v-if="props.isAddModal" class="no-items-selected-text">
-      {{ localization.noItemSelected }}
-    </span>
-    <span v-else class="no-items-selected-text">
-      {{ localization.selectPhysicalNetworkAdapterFromListToViewItsDetails }}
-    </span>
-  </div>
-</template>
-
-<script setup lang="ts">
-import { UI_I_Localization } from '~/models/interfaces'
-
-const props = defineProps<{
-  isAddModal: boolean
-}>()
-
-// UI_I_Localization
-const localization = computed<UI_I_Localization>(() => useLocal())
-</script>
-
-<style scoped lang="scss">
-.no-items-selected-container {
-  display: -ms-flexbox;
-  display: flex;
-  -ms-flex-align: center;
-  align-items: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  width: 100%;
-  height: 100%;
-}
-.no-items-selected-text {
-  font-size: 16px;
-  font-weight: 700;
-  color: #a0a0a0;
-}
-</style>
+<template>
+  <div class="no-items-selected-container">
+    <span v-if="props.isAddModal" class="no-items-selected-text">
+      {{ localization.noItemSelected }}
+    </span>
+    <span v-else class="no-items-selected-text">
+      {{ localization.selectPhysicalNetworkAdapterFromListToViewItsDetails }}
+    </span>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { UI_I_Localization } from '~/models/interfaces'
+
+const props = defineProps<{
+  isAddModal: boolean
+}>()
+
+// UI_I_Localization
+const localization = computed<UI_I_Localization>(() => useLocal())
+</script>
+
+<style scoped lang="scss">
+.no-items-selected-container {
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-align: center;
+  align-items: center;
+  -ms-flex-pack: center;
+  justify-content: center;
+  width: 100%;
+  height: 100%;
+}
+.no-items-selected-text {
+  font-size: 16px;
+  font-weight: 700;
+  color: #a0a0a0;
+}
+</style>

package/components/common/adapterManager/ui/SecondTitle.vue

@@ -1,37 +1,37 @@
-<template>
-  <div :class="['secondary-title', { 'with-margins': !props.isAddModal }]">
-    <label>
-      {{ secondaryTitle }}
-    </label>
-  </div>
-</template>
-
-<script setup lang="ts">
-import { UI_I_Localization } from '~/models/interfaces'
-
-const props = defineProps<{
-  isAddModal: boolean
-}>()
-
-// UI_I_Localization
-const localization = computed<UI_I_Localization>(() => useLocal())
-
-// Secondary title for the adapter manager, with the adding functionality and without it
-const secondaryTitle = computed<string>(() =>
-  props.isAddModal
-    ? localization.value.networkAdapters
-    : localization.value.assignedAdapters
-)
-</script>
-
-<style scoped lang="scss">
-.secondary-title {
-  &.with-margins {
-    margin: 12px 0 3px 0;
-  }
-  label {
-    font-size: 16px;
-    color: #000;
-  }
-}
-</style>
+<template>
+  <div :class="['secondary-title', { 'with-margins': !props.isAddModal }]">
+    <label>
+      {{ secondaryTitle }}
+    </label>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { UI_I_Localization } from '~/models/interfaces'
+
+const props = defineProps<{
+  isAddModal: boolean
+}>()
+
+// UI_I_Localization
+const localization = computed<UI_I_Localization>(() => useLocal())
+
+// Secondary title for the adapter manager, with the adding functionality and without it
+const secondaryTitle = computed<string>(() =>
+  props.isAddModal
+    ? localization.value.networkAdapters
+    : localization.value.assignedAdapters
+)
+</script>
+
+<style scoped lang="scss">
+.secondary-title {
+  &.with-margins {
+    margin: 12px 0 3px 0;
+  }
+  label {
+    font-size: 16px;
+    color: #000;
+  }
+}
+</style>

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

@@ -1,93 +1,93 @@
-<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"
-        @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
-}>()
-
-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"
+        @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
+}>()
+
+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/AddAdapterButton.vue

@@ -1,28 +1,28 @@
-<template>
-  <li v-if="props.fullMode">
-    <span
-      class="action-link-container"
-      :title="localization.addAdapters"
-      @click="onShowAddAdapterModal"
-    >
-      <atoms-diagram-icon name="add-adapter" />
-    </span>
-  </li>
-</template>
-
-<script setup lang="ts">
-import { UI_I_Localization } from '~/models/interfaces'
-
-const props = defineProps<{
-  fullMode: boolean
-}>()
-
-// UI_I_Localization
-const localization = computed<UI_I_Localization>(() => useLocal())
-
-const emits = defineEmits<{
-  (event: 'show-add-adapter-modal'): void
-}>()
-
-const onShowAddAdapterModal = () => emits('show-add-adapter-modal')
-</script>
+<template>
+  <li v-if="props.fullMode">
+    <span
+      class="action-link-container"
+      :title="localization.addAdapters"
+      @click="onShowAddAdapterModal"
+    >
+      <atoms-diagram-icon name="add-adapter" />
+    </span>
+  </li>
+</template>
+
+<script setup lang="ts">
+import { UI_I_Localization } from '~/models/interfaces'
+
+const props = defineProps<{
+  fullMode: boolean
+}>()
+
+// UI_I_Localization
+const localization = computed<UI_I_Localization>(() => useLocal())
+
+const emits = defineEmits<{
+  (event: 'show-add-adapter-modal'): void
+}>()
+
+const onShowAddAdapterModal = () => emits('show-add-adapter-modal')
+</script>

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

@@ -1,33 +1,33 @@
-<template>
-  <li>
-    <span
-      :class="[
-        'action-link-container',
-        {
-          disabled: props.isDisabledMoveDown,
-        },
-      ]"
-      :title="localization.moveDown"
-      @click="onMoveDown"
-    >
-      <atoms-diagram-icon name="arrow-down" />
-    </span>
-  </li>
-</template>
-
-<script setup lang="ts">
-import { UI_I_Localization } from '~/models/interfaces'
-
-const props = defineProps<{
-  isDisabledMoveDown: boolean
-}>()
-
-// UI_I_Localization
-const localization = computed<UI_I_Localization>(() => useLocal())
-
-const emits = defineEmits<{
-  (event: 'move-down-adapter'): void
-}>()
-
-const onMoveDown = () => emits('move-down-adapter')
-</script>
+<template>
+  <li>
+    <span
+      :class="[
+        'action-link-container',
+        {
+          disabled: props.isDisabledMoveDown,
+        },
+      ]"
+      :title="localization.moveDown"
+      @click="onMoveDown"
+    >
+      <atoms-diagram-icon name="arrow-down" />
+    </span>
+  </li>
+</template>
+
+<script setup lang="ts">
+import { UI_I_Localization } from '~/models/interfaces'
+
+const props = defineProps<{
+  isDisabledMoveDown: boolean
+}>()
+
+// UI_I_Localization
+const localization = computed<UI_I_Localization>(() => useLocal())
+
+const emits = defineEmits<{
+  (event: 'move-down-adapter'): void
+}>()
+
+const onMoveDown = () => emits('move-down-adapter')
+</script>

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

@@ -1,33 +1,33 @@
-<template>
-  <li>
-    <span
-      :class="[
-        'action-link-container',
-        {
-          disabled: props.isDisabledMoveUp,
-        },
-      ]"
-      :title="localization.moveUp"
-      @click="onMoveUp"
-    >
-      <atoms-diagram-icon name="arrow-up" />
-    </span>
-  </li>
-</template>
-
-<script setup lang="ts">
-import { UI_I_Localization } from '~/models/interfaces'
-
-const props = defineProps<{
-  isDisabledMoveUp: boolean
-}>()
-
-// UI_I_Localization
-const localization = computed<UI_I_Localization>(() => useLocal())
-
-const emits = defineEmits<{
-  (event: 'move-up-adapter'): void
-}>()
-
-const onMoveUp = () => emits('move-up-adapter')
-</script>
+<template>
+  <li>
+    <span
+      :class="[
+        'action-link-container',
+        {
+          disabled: props.isDisabledMoveUp,
+        },
+      ]"
+      :title="localization.moveUp"
+      @click="onMoveUp"
+    >
+      <atoms-diagram-icon name="arrow-up" />
+    </span>
+  </li>
+</template>
+
+<script setup lang="ts">
+import { UI_I_Localization } from '~/models/interfaces'
+
+const props = defineProps<{
+  isDisabledMoveUp: boolean
+}>()
+
+// UI_I_Localization
+const localization = computed<UI_I_Localization>(() => useLocal())
+
+const emits = defineEmits<{
+  (event: 'move-up-adapter'): void
+}>()
+
+const onMoveUp = () => emits('move-up-adapter')
+</script>

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

@@ -1,34 +1,34 @@
-<template>
-  <li v-if="props.fullMode">
-    <span
-      :class="[
-        'action-link-container',
-        {
-          disabled: props.selectedIsHeader,
-        },
-      ]"
-      :title="localization.removeSelected"
-      @click="onRemove"
-    >
-      <atoms-diagram-icon name="remove-adapter" />
-    </span>
-  </li>
-</template>
-
-<script setup lang="ts">
-import { UI_I_Localization } from '~/models/interfaces'
-
-const props = defineProps<{
-  fullMode: boolean
-  selectedIsHeader: boolean
-}>()
-
-// UI_I_Localization
-const localization = computed<UI_I_Localization>(() => useLocal())
-
-const emits = defineEmits<{
-  (event: 'remove-adapter'): void
-}>()
-
-const onRemove = () => emits('remove-adapter')
-</script>
+<template>
+  <li v-if="props.fullMode">
+    <span
+      :class="[
+        'action-link-container',
+        {
+          disabled: props.selectedIsHeader,
+        },
+      ]"
+      :title="localization.removeSelected"
+      @click="onRemove"
+    >
+      <atoms-diagram-icon name="remove-adapter" />
+    </span>
+  </li>
+</template>
+
+<script setup lang="ts">
+import { UI_I_Localization } from '~/models/interfaces'
+
+const props = defineProps<{
+  fullMode: boolean
+  selectedIsHeader: boolean
+}>()
+
+// UI_I_Localization
+const localization = computed<UI_I_Localization>(() => useLocal())
+
+const emits = defineEmits<{
+  (event: 'remove-adapter'): void
+}>()
+
+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>