bfg-common 1.6.63 → 1.6.65

package/components/common/diagramMain/modals/remove/RemoveModalNew.vue

@@ -1,106 +1,106 @@
-<template>
-  <ui-popup
-    :v-if="props.show"
-    :title="title"
-    :message="text"
-    :texts="buttons"
-    icon-name="info-status"
-    size="sm"
-    @hide="onHideModal"
-    @submit="onRemove"
-  />
-</template>
-
-<script setup lang="ts">
-import type { UI_T_Project } from '~/lib/models/types'
-import type { UI_I_ModalTexts } from '~/node_modules/bfg-uikit/components/ui/modal/models/interfaces'
-import type { UI_I_Localization } from '~/lib/models/interfaces'
-
-// Props from up
-const props = withDefaults(
-  defineProps<{
-    show: boolean
-    modalName: string
-    viewName: string
-    title: string
-    type: string
-    id?: string
-    isShowLoader?: boolean
-    label?: string
-    switchName?: string
-    hostName?: string
-    networkType: string
-    project: UI_T_Project
-  }>(),
-  {
-    id: '',
-    isShowLoader: false,
-    label: '',
-    switchName: '',
-    hostName: '',
-  }
-)
-
-// Modal hiding
-const emits = defineEmits<{
-  (event: 'hide'): void
-  (event: 'remove', id: string, type: string): void
-}>()
-
-// UI_I_Localization
-const localization = computed<UI_I_Localization>(() => useLocal())
-
-const title = computed<string>(() => {
-  switch (props.type) {
-    case 'network':
-      return localization.value.common.confirmNetworkRemoval
-    case 'port':
-      return localization.value.common.confirmPortRemoval
-    case 'switch':
-      return localization.value.common.confirmSwitchRemoval
-    default:
-      return ''
-  }
-})
-
-const text = computed<string>(() => {
-  switch (props.type) {
-    case 'network':
-      return localization.value.common.confirmNetworkRemovalMessage
-        .replace('{networkName}', props.label)
-        .replace('{switchName}', props.switchName)
-    case 'port':
-      return localization.value.common.confirmPortRemovalMessage
-        .replace('{portName}', props.id)
-        .replace('{switchName}', props.switchName)
-    case 'switch':
-      return localization.value.common.confirmSwitchRemovalMessage
-        .replace('{switchName}', props.switchName)
-        .replace('{hostName}', props.hostName)
-    default:
-      return ''
-  }
-})
-
-const buttons = computed<UI_I_ModalTexts>(() => ({
-  button1: localization.value.common.cancel,
-  button2: localization.value.common.confirm,
-}))
-
-const isSphereProject = computed<boolean>(() => props.project === 'sphere')
-
-const onRemove = (): void => {
-  const type = isSphereProject.value
-    ? props.networkType
-      ? `${props.type}${props.networkType}`
-      : props.type
-    : props.type
-
-  emits('remove', props.id, type)
-}
-const onHideModal = (): void => {
-  emits('hide')
-}
-</script>
-
-<style scoped lang="scss"></style>
+<template>
+  <ui-popup
+    :v-if="props.show"
+    :title="title"
+    :message="text"
+    :texts="buttons"
+    icon-name="info-status"
+    size="sm"
+    @hide="onHideModal"
+    @submit="onRemove"
+  />
+</template>
+
+<script setup lang="ts">
+import type { UI_T_Project } from '~/lib/models/types'
+import type { UI_I_ModalTexts } from '~/node_modules/bfg-uikit/components/ui/modal/models/interfaces'
+import type { UI_I_Localization } from '~/lib/models/interfaces'
+
+// Props from up
+const props = withDefaults(
+  defineProps<{
+    show: boolean
+    modalName: string
+    viewName: string
+    title: string
+    type: string
+    id?: string
+    isShowLoader?: boolean
+    label?: string
+    switchName?: string
+    hostName?: string
+    networkType: string
+    project: UI_T_Project
+  }>(),
+  {
+    id: '',
+    isShowLoader: false,
+    label: '',
+    switchName: '',
+    hostName: '',
+  }
+)
+
+// Modal hiding
+const emits = defineEmits<{
+  (event: 'hide'): void
+  (event: 'remove', id: string, type: string): void
+}>()
+
+// UI_I_Localization
+const localization = computed<UI_I_Localization>(() => useLocal())
+
+const title = computed<string>(() => {
+  switch (props.type) {
+    case 'network':
+      return localization.value.common.confirmNetworkRemoval
+    case 'port':
+      return localization.value.common.confirmPortRemoval
+    case 'switch':
+      return localization.value.common.confirmSwitchRemoval
+    default:
+      return ''
+  }
+})
+
+const text = computed<string>(() => {
+  switch (props.type) {
+    case 'network':
+      return localization.value.common.confirmNetworkRemovalMessage
+        .replace('{networkName}', props.label)
+        .replace('{switchName}', props.switchName)
+    case 'port':
+      return localization.value.common.confirmPortRemovalMessage
+        .replace('{portName}', props.id)
+        .replace('{switchName}', props.switchName)
+    case 'switch':
+      return localization.value.common.confirmSwitchRemovalMessage
+        .replace('{switchName}', props.switchName)
+        .replace('{hostName}', props.hostName)
+    default:
+      return ''
+  }
+})
+
+const buttons = computed<UI_I_ModalTexts>(() => ({
+  button1: localization.value.common.cancel,
+  button2: localization.value.common.confirm,
+}))
+
+const isSphereProject = computed<boolean>(() => props.project === 'sphere')
+
+const onRemove = (): void => {
+  const type = isSphereProject.value
+    ? props.networkType
+      ? `${props.type}${props.networkType}`
+      : props.type
+    : props.type
+
+  emits('remove', props.id, type)
+}
+const onHideModal = (): void => {
+  emits('hide')
+}
+</script>
+
+<style scoped lang="scss"></style>