bfg-common 1.5.682 → 1.5.683

package/components/common/wizards/datastore/add/steps/nameAndDevice/advancedOptions/Old.vue

@@ -0,0 +1,101 @@
+<template>
+  <div class="advanced-options-wrap clr-form-control">
+    <b class="advanced-options-label">
+      {{ localization.common.advancedOptions }}
+    </b>
+    <div class="advanced-options compact">
+      <div class="radio">
+        <input
+          v-model="model"
+          id="advanced-option-liner"
+          data-id="advanced-option-liner"
+          type="radio"
+          value="linear"
+        />
+        <label for="advanced-option-liner"> Linear </label>
+      </div>
+      <div :class="['radio', { disabled: props.devNamesCount < 2 }]">
+        <input
+          v-model="model"
+          id="advanced-option-raid0"
+          :disabled="props.devNamesCount < 2"
+          data-id="advanced-option-raid0"
+          type="radio"
+          value="raid0"
+        />
+        <label for="advanced-option-raid0"> Raid0 </label>
+      </div>
+      <div :class="['radio', { disabled: props.devNamesCount < 2 }]">
+        <input
+          v-model="model"
+          id="advanced-option-raid1"
+          :disabled="props.devNamesCount < 2"
+          data-id="advanced-option-raid1"
+          type="radio"
+          value="raid1"
+        />
+        <label for="advanced-option-raid1"> Raid1 </label>
+      </div>
+      <div :class="['radio', { disabled: props.devNamesCount < 3 }]">
+        <input
+          v-model="model"
+          id="advanced-option-raid5"
+          :disabled="props.devNamesCount < 3"
+          data-id="advanced-option-raid5"
+          type="radio"
+          value="raid5"
+        />
+        <label for="advanced-option-raid5"> Raid5 </label>
+      </div>
+      <div :class="['radio', { disabled: props.devNamesCount < 4 }]">
+        <input
+          v-model="model"
+          id="advanced-option-raid6"
+          :disabled="props.devNamesCount < 4"
+          data-id="advanced-option-raid6"
+          type="radio"
+          value="raid6"
+        />
+        <label for="advanced-option-raid6"> Raid6 </label>
+      </div>
+      <div :class="['radio', { disabled: props.devNamesCount < 4 }]">
+        <input
+          v-model="model"
+          id="advanced-option-raid10"
+          :disabled="props.devNamesCount < 4"
+          data-id="advanced-option-raid10"
+          type="radio"
+          value="raid10"
+        />
+        <label for="advanced-option-raid10"> Raid10 </label>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+import type { UI_I_Localization } from '~/lib/models/interfaces'
+import type { UI_I_CreateDatastoreForm } from '~/components/common/wizards/datastore/add/lib/models/interfaces'
+
+const model = defineModel<UI_I_CreateDatastoreForm['level']>({ required: true })
+
+const props = defineProps<{
+  devNamesCount: number
+}>()
+
+const localization = computed<UI_I_Localization>(() => useLocal())
+</script>
+
+<style scoped lang="scss">
+.advanced-options-wrap {
+  display: flex;
+  gap: 10px;
+  .radio {
+    margin-bottom: 5px;
+  }
+  input[type='radio']:focus:checked + label::before,
+  input[type='radio']:focus + label::before {
+    box-shadow: inset 0 0 0 0.25rem #0094d2;
+  }
+}
+</style>

package/components/common/wizards/datastore/add/steps/nameAndDevice/table/old/Old.vue

@@ -18,8 +18,7 @@
       hide-page-size
       @sorting="onSorting"
       @main-filter="emits('main-filter', $event)"
-    >
-    </atoms-table-data-grid>
+    />
   </div>
 </template>
 
@@ -92,7 +91,7 @@ watch(
   .data-table {
     height: inherit;
     :deep(.datagrid-outer-wrapper) {
-      height: 400px;
+      max-height: 400px;
     }
   }
 }

package/components/common/wizards/datastore/add/steps/readyComplete/lib/config/propertiesDetails.ts

@@ -112,7 +112,7 @@ const sharedStormDetailsFunc = (
   localization: UI_I_Localization,
   data: UI_I_CreateDatastoreForm
 ): UI_I_DetailsItem[] => {
-  const { name, dev_names } = data
+  const { name, dev_names, level } = data
 
   return [
     {
@@ -132,6 +132,13 @@ const sharedStormDetailsFunc = (
           items: [],
           testId: 'view-selected-lun-disks-in-complete',
         },
+        {
+          label: localization.common.advancedOptions,
+          value: level,
+          items: [],
+          testId: 'view-advanced-options-in-complete',
+          iconClassName: '',
+        },
       ],
       actions: [],
     },

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "bfg-common",
   "private": false,
-  "version": "1.5.682",
+  "version": "1.5.683",
   "scripts": {
     "build": "nuxt build",
     "dev": "nuxt dev --port=3002",

package/store/tasks/actions.ts

@@ -1,165 +1,165 @@
-import type {
-  API_UI_I_Error,
-  API_UI_I_Response,
-  UI_I_CommitOptions,
-} from '~/lib/models/store/interfaces'
-import type {
-  UI_I_DataTableQuery,
-  UI_I_TableQuery,
-} from '~/lib/models/table/interfaces'
-import type { UI_I_Options } from '~/lib/models/composables/useMyFetch/interfaces'
-import type {
-  API_UI_I_RecentTask,
-  UI_I_RTaskQuery,
-  UI_I_TasksLoadingPayload,
-  UI_I_RawRecentTask,
-  UI_I_RecentTask,
-  API_UI_I_Task,
-} from '~/lib/models/store/tasks/interfaces'
-import type { UI_I_TasksState } from '~/store/tasks/lib/models/interfaces'
-import type { UI_I_RefreshStack } from '~/store/main/lib/interfaces'
-import { tasksConstructor } from '~/store/tasks/mappers/tasks'
-import { recentTasks } from '~/store/tasks/mappers/recentTasks'
-
-export default {
-  async A_GET_TASKS(
-    context: {
-      commit: <T>(arg0: string, arg1: T) => void
-      state: UI_I_TasksState
-      dispatch: <T>(arg0: string, arg1: T, arg2: UI_I_CommitOptions) => void
-    },
-    payload: UI_I_DataTableQuery
-  ): Promise<API_UI_I_Error | void> {
-    const { page, pageSize, sortBy, filter } = payload
-
-    const query: UI_I_TableQuery = {
-      page_size: pageSize,
-      page,
-    }
-
-    if (sortBy) query.sortBy = sortBy
-    if (filter) query.filter = filter
-
-    const queryJson: string = JSON.stringify({ type: 'tasks', ...query })
-    const lastQuery: string = context.state.taskQuery || ''
-
-    if (queryJson === lastQuery) {
-      // Снимаем с паузы сам запрос, для глобального обновления
-      context.dispatch<string>('main/A_CONTINUE_GLOBAL_REFRESH', queryJson, {
-        root: true,
-      })
-      return
-    }
-    context.commit('M_SET_TASKS_LAST_QUERY', queryJson)
-
-    const url = '/ui/tasks'
-    const options: UI_I_Options = {
-      query,
-      method: 'GET',
-      key: Date.now().toString(),
-      onRequest() {
-        context.commit<UI_I_TasksLoadingPayload>('M_SET_LOADING', {
-          prop: 'tasks',
-          value: true,
-        })
-      },
-      onResponse({ response }: API_UI_I_Response<API_UI_I_Task<string>>) {
-        const tasks = tasksConstructor(response._data)
-
-        context.commit('M_SET_TASKS_LIST', tasks)
-        context.commit<UI_I_TasksLoadingPayload>('M_SET_LOADING', {
-          prop: 'tasks',
-          value: false,
-        })
-      },
-    }
-    const { error } = await useMyFetch<API_UI_I_Task<string>, API_UI_I_Error>(
-      url,
-      options
-    )
-
-    if (error.value?.data?.error_code)
-      throw new Error(error.value.data.error_message)
-
-    context.dispatch<UI_I_RefreshStack>(
-      'main/A_ADD_IN_GLOBAL_REFRESH',
-      { key: queryJson, url, options },
-      { root: true }
-    )
-  },
-  async A_GET_RECENT_TASKS(
-    context: {
-      commit: <T>(arg0: string, arg1: T) => void
-      state: UI_I_TasksState
-    },
-    payload: string
-  ): Promise<void> {
-    const query: UI_I_RTaskQuery = {
-      last: context.state.recentTaskList?.last || 0,
-    }
-    if (payload) query.sortBy = payload
-
-    // Создаем контроллер для возможности отмены
-    const abortController = new AbortController()
-    context.commit('M_SET_ABORT_CONTROLLER', abortController)
-
-    const { data, error } = await useMyFetch<
-      API_UI_I_RecentTask<string>,
-      API_UI_I_Error
-      // >('/ui/tasks/watch', {
-    >('/ui/rtasks', {
-      query,
-      method: 'GET',
-      initialCache: false,
-      signal: abortController.signal,
-    })
-
-    if (error.value?.data?.error_code)
-      throw new Error(error.value.data.error_message)
-
-    context.commit<UI_I_RecentTask<string>>(
-      'M_SET_RECENT_TASKS_LIST',
-      recentTasks(data.value)
-    )
-    context.commit<UI_I_RawRecentTask<string>>(
-      'M_SET_UPDATED_RECENT_TASKS_LIST',
-      data.value
-    )
-    // context.commit<I_TasksLoadingPayload>('M_SET_LOADING', {
-    //   prop: 'recentTasks',
-    //   value: false,
-    // })
-  },
-  A_CANCEL_RECENT_TASKS(context: { commit: (arg0: string) => void }): void {
-    context.commit('M_CANCEL_RECENT_TASKS')
-  },
-  async A_CANCEL_RECENT_TASK_BY_ID(
-    context: {
-      commit: (arg0: string, arg1: string) => void
-    },
-    payload: string
-  ): Promise<void> {
-    // Скрываем кнопку cancel
-    context.commit(
-      'M_HIDE_CANCEL_RECENT_TASK_BY_ID',
-      payload
-    )
-    const { error } = await useMyFetch<
-      API_UI_I_RecentTask<string>,
-      API_UI_I_Error
-    >(`/ui/tasks/${payload}/cancel`, {
-      method: 'POST',
-      initialCache: false,
-    })
-
-    if (error.value?.data?.error_code)
-      throw new Error(error.value.data.error_message)
-  },
-
-  // Вызывается в useMyFetch когда получаем первый ответ от запроса с url tasks
-  // и default.vue когда срабатывает watch на recentTasks
-  // Нужно для того чтобы не обрабатывали те таски которые были сделаны перед загрузкой страницы
-  A_SET_FIRST_TASK(context: { commit: (arg0: string) => void }): void {
-    context.commit('M_SET_FIRST_TASK')
-  },
-}
+import type {
+  API_UI_I_Error,
+  API_UI_I_Response,
+  UI_I_CommitOptions,
+} from '~/lib/models/store/interfaces'
+import type {
+  UI_I_DataTableQuery,
+  UI_I_TableQuery,
+} from '~/lib/models/table/interfaces'
+import type { UI_I_Options } from '~/lib/models/composables/useMyFetch/interfaces'
+import type {
+  API_UI_I_RecentTask,
+  UI_I_RTaskQuery,
+  UI_I_TasksLoadingPayload,
+  UI_I_RawRecentTask,
+  UI_I_RecentTask,
+  API_UI_I_Task,
+} from '~/lib/models/store/tasks/interfaces'
+import type { UI_I_TasksState } from '~/store/tasks/lib/models/interfaces'
+import type { UI_I_RefreshStack } from '~/store/main/lib/interfaces'
+import { tasksConstructor } from '~/store/tasks/mappers/tasks'
+import { recentTasks } from '~/store/tasks/mappers/recentTasks'
+
+export default {
+  async A_GET_TASKS(
+    context: {
+      commit: <T>(arg0: string, arg1: T) => void
+      state: UI_I_TasksState
+      dispatch: <T>(arg0: string, arg1: T, arg2: UI_I_CommitOptions) => void
+    },
+    payload: UI_I_DataTableQuery
+  ): Promise<API_UI_I_Error | void> {
+    const { page, pageSize, sortBy, filter } = payload
+
+    const query: UI_I_TableQuery = {
+      page_size: pageSize,
+      page,
+    }
+
+    if (sortBy) query.sortBy = sortBy
+    if (filter) query.filter = filter
+
+    const queryJson: string = JSON.stringify({ type: 'tasks', ...query })
+    const lastQuery: string = context.state.taskQuery || ''
+
+    if (queryJson === lastQuery) {
+      // Снимаем с паузы сам запрос, для глобального обновления
+      context.dispatch<string>('main/A_CONTINUE_GLOBAL_REFRESH', queryJson, {
+        root: true,
+      })
+      return
+    }
+    context.commit('M_SET_TASKS_LAST_QUERY', queryJson)
+
+    const url = '/ui/tasks'
+    const options: UI_I_Options = {
+      query,
+      method: 'GET',
+      key: Date.now().toString(),
+      onRequest() {
+        context.commit<UI_I_TasksLoadingPayload>('M_SET_LOADING', {
+          prop: 'tasks',
+          value: true,
+        })
+      },
+      onResponse({ response }: API_UI_I_Response<API_UI_I_Task<string>>) {
+        const tasks = tasksConstructor(response._data)
+
+        context.commit('M_SET_TASKS_LIST', tasks)
+        context.commit<UI_I_TasksLoadingPayload>('M_SET_LOADING', {
+          prop: 'tasks',
+          value: false,
+        })
+      },
+    }
+    const { error } = await useMyFetch<API_UI_I_Task<string>, API_UI_I_Error>(
+      url,
+      options
+    )
+
+    if (error.value?.data?.error_code)
+      throw new Error(error.value.data.error_message)
+
+    context.dispatch<UI_I_RefreshStack>(
+      'main/A_ADD_IN_GLOBAL_REFRESH',
+      { key: queryJson, url, options },
+      { root: true }
+    )
+  },
+  async A_GET_RECENT_TASKS(
+    context: {
+      commit: <T>(arg0: string, arg1: T) => void
+      state: UI_I_TasksState
+    },
+    payload: string
+  ): Promise<void> {
+    const query: UI_I_RTaskQuery = {
+      last: context.state.recentTaskList?.last || 0,
+    }
+    if (payload) query.sortBy = payload
+
+    // Создаем контроллер для возможности отмены
+    const abortController = new AbortController()
+    context.commit('M_SET_ABORT_CONTROLLER', abortController)
+
+    const { data, error } = await useMyFetch<
+      API_UI_I_RecentTask<string>,
+      API_UI_I_Error
+      // >('/ui/tasks/watch', {
+    >('/ui/rtasks', {
+      query,
+      method: 'GET',
+      initialCache: false,
+      signal: abortController.signal,
+    })
+
+    if (error.value?.data?.error_code)
+      throw new Error(error.value.data.error_message)
+
+    context.commit<UI_I_RecentTask<string>>(
+      'M_SET_RECENT_TASKS_LIST',
+      recentTasks(data.value)
+    )
+    context.commit<UI_I_RawRecentTask<string>>(
+      'M_SET_UPDATED_RECENT_TASKS_LIST',
+      data.value
+    )
+    // context.commit<I_TasksLoadingPayload>('M_SET_LOADING', {
+    //   prop: 'recentTasks',
+    //   value: false,
+    // })
+  },
+  A_CANCEL_RECENT_TASKS(context: { commit: (arg0: string) => void }): void {
+    context.commit('M_CANCEL_RECENT_TASKS')
+  },
+  async A_CANCEL_RECENT_TASK_BY_ID(
+    context: {
+      commit: (arg0: string, arg1: string) => void
+    },
+    payload: string
+  ): Promise<void> {
+    // Скрываем кнопку cancel
+    context.commit(
+      'M_HIDE_CANCEL_RECENT_TASK_BY_ID',
+      payload
+    )
+    const { error } = await useMyFetch<
+      API_UI_I_RecentTask<string>,
+      API_UI_I_Error
+    >(`/ui/tasks/${payload}/cancel`, {
+      method: 'POST',
+      initialCache: false,
+    })
+
+    if (error.value?.data?.error_code)
+      throw new Error(error.value.data.error_message)
+  },
+
+  // Вызывается в useMyFetch когда получаем первый ответ от запроса с url tasks
+  // и default.vue когда срабатывает watch на recentTasks
+  // Нужно для того чтобы не обрабатывали те таски которые были сделаны перед загрузкой страницы
+  A_SET_FIRST_TASK(context: { commit: (arg0: string) => void }): void {
+    context.commit('M_SET_FIRST_TASK')
+  },
+}