bfg-common 1.5.500 → 1.5.502

package/components/common/pages/backups/modals/createBackup/datastores/tableView/TableView.vue

@@ -1,95 +1,95 @@
-<template>
-  <div class="data-table-view overflow-hidden">
-    <div class="data-table-view__inner">
-      <atoms-table-data-grid
-        v-model:selected-row="selectedRows"
-        v-model:column-keys="columnKeys"
-        class="data-table"
-        type="radio"
-        test-id="datastore-table"
-        :head-items="headItems"
-        :body-items="bodyItems"
-        :total-items="props.totalItems"
-        :total-pages="props.totalPages"
-        :items-per-page="itemsPerPage"
-        :loading="loading"
-        hide-pagination
-        server-off
-      >
-        <template #icon="{ item }">
-          <span :class="['datagrid-cell-icon', item.data]" />
-          <span class="text-ellipsis">
-            {{ item.text }}
-          </span>
-        </template>
-      </atoms-table-data-grid>
-    </div>
-  </div>
-</template>
-
-<script lang="ts" setup>
-import type {
-  UI_I_HeadItem,
-  UI_I_ColumnKey,
-  UI_I_BodyItem,
-} from '~/components/atoms/table/dataGrid/lib/models/interfaces'
-import type { UI_I_Localization } from '~/lib/models/interfaces'
-import type { UI_I_BackupDatastore } from '~/components/common/pages/backups/modals/lib/models/interfaces'
-import { itemsPerPage } from '~/components/atoms/table/dataGrid/lib/config/itemsPerPage'
-import * as table from '~/components/common/pages/backups/modals/createBackup/datastores/tableView/lib/config/table'
-
-const props = defineProps<{
-  dataTable: UI_I_BackupDatastore[]
-  loading: boolean
-  totalItems: number
-  totalPages: number
-}>()
-const localization = computed<UI_I_Localization>(() => useLocal())
-
-const selectedRows = defineModel<string>('selected')
-
-const columnKeys = ref<UI_I_ColumnKey[]>(table.columnKeys(localization.value))
-
-const headItems = computed<UI_I_HeadItem[]>(() =>
-  table.headItems(localization.value)
-)
-
-const bodyItems = computed<UI_I_BodyItem[][]>(() => {
-  let result: UI_I_BodyItem[][] = []
-  if (props.dataTable) {
-    result = table.bodyItems(props.dataTable, localization.value)
-  }
-
-  return result
-})
-watch(
-  bodyItems,
-  () => {
-    setTimeout(() => {
-      selectedRows.value = ''
-    }, 0)
-  },
-  { deep: true, immediate: true }
-)
-</script>
-
-<style lang="scss" scoped>
-.data-table-view {
-  height: inherit;
-  margin-bottom: 10px;
-  margin-right: 10px;
-
-  &__inner {
-    height: inherit;
-  }
-  :deep(.data-table) {
-    height: inherit;
-    .datagrid-outer-wrapper {
-      height: inherit;
-    }
-  }
-}
-.vm-icon {
-  margin-right: 5px;
-}
-</style>
+<template>
+  <div class="data-table-view overflow-hidden">
+    <div class="data-table-view__inner">
+      <atoms-table-data-grid
+        v-model:selected-row="selectedRows"
+        v-model:column-keys="columnKeys"
+        class="data-table"
+        type="radio"
+        test-id="datastore-table"
+        :head-items="headItems"
+        :body-items="bodyItems"
+        :total-items="props.totalItems"
+        :total-pages="props.totalPages"
+        :items-per-page="itemsPerPage"
+        :loading="loading"
+        hide-pagination
+        server-off
+      >
+        <template #icon="{ item }">
+          <span :class="['datagrid-cell-icon', item.data]" />
+          <span class="text-ellipsis">
+            {{ item.text }}
+          </span>
+        </template>
+      </atoms-table-data-grid>
+    </div>
+  </div>
+</template>
+
+<script lang="ts" setup>
+import type {
+  UI_I_HeadItem,
+  UI_I_ColumnKey,
+  UI_I_BodyItem,
+} from '~/components/atoms/table/dataGrid/lib/models/interfaces'
+import type { UI_I_Localization } from '~/lib/models/interfaces'
+import type { UI_I_BackupDatastore } from '~/components/common/pages/backups/modals/lib/models/interfaces'
+import { itemsPerPage } from '~/components/atoms/table/dataGrid/lib/config/itemsPerPage'
+import * as table from '~/components/common/pages/backups/modals/createBackup/datastores/tableView/lib/config/table'
+
+const props = defineProps<{
+  dataTable: UI_I_BackupDatastore[]
+  loading: boolean
+  totalItems: number
+  totalPages: number
+}>()
+const localization = computed<UI_I_Localization>(() => useLocal())
+
+const selectedRows = defineModel<string>('selected')
+
+const columnKeys = ref<UI_I_ColumnKey[]>(table.columnKeys(localization.value))
+
+const headItems = computed<UI_I_HeadItem[]>(() =>
+  table.headItems(localization.value)
+)
+
+const bodyItems = computed<UI_I_BodyItem[][]>(() => {
+  let result: UI_I_BodyItem[][] = []
+  if (props.dataTable) {
+    result = table.bodyItems(props.dataTable, localization.value)
+  }
+
+  return result
+})
+watch(
+  bodyItems,
+  () => {
+    setTimeout(() => {
+      selectedRows.value = ''
+    }, 0)
+  },
+  { deep: true, immediate: true }
+)
+</script>
+
+<style lang="scss" scoped>
+.data-table-view {
+  height: inherit;
+  margin-bottom: 10px;
+  margin-right: 10px;
+
+  &__inner {
+    height: inherit;
+  }
+  :deep(.data-table) {
+    height: inherit;
+    .datagrid-outer-wrapper {
+      height: inherit;
+    }
+  }
+}
+.vm-icon {
+  margin-right: 5px;
+}
+</style>

package/components/common/pages/backups/modals/createBackup/general/General.vue

@@ -1,141 +1,141 @@
-<template>
-  <div class="general">
-    <form @submit.prevent>
-      <div class="field flex pt-4">
-        <label for="general-name">{{ localization.common.name }}:</label>
-        <input
-          id="general-name"
-          v-model.trim="model.name"
-          data-id="general-name-input"
-          type="text"
-        />
-      </div>
-      <div class="field flex pt-4">
-        <label for="general-description"
-          >{{ localization.common.description }} ({{
-            localization.common.optional
-          }}):</label
-        >
-        <textarea
-          id="general-description"
-          v-model="model.description"
-          data-id="general-description-textarea"
-        />
-      </div>
-    </form>
-  </div>
-</template>
-
-<script lang="ts" setup>
-import type { UI_I_Localization } from '~/lib/models/interfaces'
-import type { UI_I_CreateBackupForm } from '~/components/common/pages/backups/modals/lib/models/interfaces'
-import type { UI_I_NameCheck } from '~/components/common/pages/backups/modals/restore/name/lib/models/interfaces'
-
-const model = defineModel<UI_I_CreateBackupForm>({ required: true })
-
-const props = defineProps<{
-  show: boolean
-  generalSubmit: null | Function
-}>()
-const emits = defineEmits<{
-  (event: 'check-name', value: UI_I_NameCheck): void
-}>()
-
-const localization = computed<UI_I_Localization>(() => useLocal())
-
-watch(
-  () => props.generalSubmit,
-  (newValue) => {
-    newValue && submit(newValue)
-  }
-)
-const submit = async (cb: Function): Promise<void> => {
-  const name = model.value.name
-
-  if (name !== '') {
-    const isNameValid = await checkNameIsValid(name)
-    if (!isNameValid) {
-      // @ts-ignore
-      cb(false)
-      return
-    }
-  }
-
-  onRemoveValidationErrors()
-  // @ts-ignore
-  cb(true)
-}
-
-const checkNameIsValid = async (name: string): Promise<boolean> => {
-  return new Promise((resolve) => {
-    emits('check-name', {
-      name,
-      cb: (error): void => {
-        const status = error?.statusCode || 200
-        switch (status) {
-          case 400: // Empty name
-            showValidationErrors([
-              localization.value.common.emptyNameValidationDescription,
-            ])
-            resolve(false)
-            break
-          case 405: // Invalid kind
-            showValidationErrors([
-              localization.value.common.kindValidationDescription,
-            ])
-            resolve(false)
-            break
-          case 406: // Invalid name
-            showValidationErrors([
-              localization.value.common.nameValidationDescription,
-            ])
-            resolve(false)
-            break
-          case 409: // Name exist
-            showValidationErrors([
-              localization.value.common.vmNameExistInSelectedLocation,
-            ])
-            resolve(false)
-            break
-        }
-
-        resolve(true)
-      },
-    })
-  })
-}
-
-const errors = ref<string[]>([])
-const showValidationErrors = (data: string[]): void => {
-  errors.value = data
-}
-const onRemoveValidationErrors = (): void => {
-  errors.value = []
-}
-
-watch(
-  () => props.show,
-  (newValue) => {
-    if (!newValue) return
-
-    const input = document.getElementById('general-name')
-    if (!input) return
-
-    setTimeout(() => {
-      input.focus()
-    }, 0)
-  }
-)
-</script>
-
-<style lang="scss" scoped>
-.field {
-  label {
-    width: 216px;
-  }
-  input,
-  textarea {
-    width: 345px;
-  }
-}
-</style>
+<template>
+  <div class="general">
+    <form @submit.prevent>
+      <div class="field flex pt-4">
+        <label for="general-name">{{ localization.common.name }}:</label>
+        <input
+          id="general-name"
+          v-model.trim="model.name"
+          data-id="general-name-input"
+          type="text"
+        />
+      </div>
+      <div class="field flex pt-4">
+        <label for="general-description"
+          >{{ localization.common.description }} ({{
+            localization.common.optional
+          }}):</label
+        >
+        <textarea
+          id="general-description"
+          v-model="model.description"
+          data-id="general-description-textarea"
+        />
+      </div>
+    </form>
+  </div>
+</template>
+
+<script lang="ts" setup>
+import type { UI_I_Localization } from '~/lib/models/interfaces'
+import type { UI_I_CreateBackupForm } from '~/components/common/pages/backups/modals/lib/models/interfaces'
+import type { UI_I_NameCheck } from '~/components/common/pages/backups/modals/restore/name/lib/models/interfaces'
+
+const model = defineModel<UI_I_CreateBackupForm>({ required: true })
+
+const props = defineProps<{
+  show: boolean
+  generalSubmit: null | Function
+}>()
+const emits = defineEmits<{
+  (event: 'check-name', value: UI_I_NameCheck): void
+}>()
+
+const localization = computed<UI_I_Localization>(() => useLocal())
+
+watch(
+  () => props.generalSubmit,
+  (newValue) => {
+    newValue && submit(newValue)
+  }
+)
+const submit = async (cb: Function): Promise<void> => {
+  const name = model.value.name
+
+  if (name !== '') {
+    const isNameValid = await checkNameIsValid(name)
+    if (!isNameValid) {
+      // @ts-ignore
+      cb(false)
+      return
+    }
+  }
+
+  onRemoveValidationErrors()
+  // @ts-ignore
+  cb(true)
+}
+
+const checkNameIsValid = async (name: string): Promise<boolean> => {
+  return new Promise((resolve) => {
+    emits('check-name', {
+      name,
+      cb: (error): void => {
+        const status = error?.statusCode || 200
+        switch (status) {
+          case 400: // Empty name
+            showValidationErrors([
+              localization.value.common.emptyNameValidationDescription,
+            ])
+            resolve(false)
+            break
+          case 405: // Invalid kind
+            showValidationErrors([
+              localization.value.common.kindValidationDescription,
+            ])
+            resolve(false)
+            break
+          case 406: // Invalid name
+            showValidationErrors([
+              localization.value.common.nameValidationDescription,
+            ])
+            resolve(false)
+            break
+          case 409: // Name exist
+            showValidationErrors([
+              localization.value.common.vmNameExistInSelectedLocation,
+            ])
+            resolve(false)
+            break
+        }
+
+        resolve(true)
+      },
+    })
+  })
+}
+
+const errors = ref<string[]>([])
+const showValidationErrors = (data: string[]): void => {
+  errors.value = data
+}
+const onRemoveValidationErrors = (): void => {
+  errors.value = []
+}
+
+watch(
+  () => props.show,
+  (newValue) => {
+    if (!newValue) return
+
+    const input = document.getElementById('general-name')
+    if (!input) return
+
+    setTimeout(() => {
+      input.focus()
+    }, 0)
+  }
+)
+</script>
+
+<style lang="scss" scoped>
+.field {
+  label {
+    width: 216px;
+  }
+  input,
+  textarea {
+    width: 345px;
+  }
+}
+</style>

package/components/common/pages/backups/modals/createBackup/lib/config/strategyOptions.ts

@@ -1,12 +1,12 @@
-import type { UI_I_Localization } from '~/lib/models/interfaces'
-import type { UI_I_SelectInputItem } from '~/components/common/select/input/lib/models/interfaces'
-
-export const strategyOptionsFunc = (
-  localization: UI_I_Localization
-): UI_I_SelectInputItem[] => {
-  return [
-    { label: localization.common.fullBackup, value: 0 },
-    { label: localization.common.incrementalBackup, value: 1 },
-    { label: localization.common.differentialBackup, value: 2 },
-  ]
-}
+import type { UI_I_Localization } from '~/lib/models/interfaces'
+import type { UI_I_SelectInputItem } from '~/components/common/select/input/lib/models/interfaces'
+
+export const strategyOptionsFunc = (
+  localization: UI_I_Localization
+): UI_I_SelectInputItem[] => {
+  return [
+    { label: localization.common.fullBackup, value: 0 },
+    { label: localization.common.incrementalBackup, value: 1 },
+    { label: localization.common.differentialBackup, value: 2 },
+  ]
+}