bfg-common 1.5.723 → 1.5.724

package/components/common/pages/home/widgets/vms/VmsOld.vue

@@ -1,35 +1,35 @@
-<template>
-  <div :class="classes">
-    <div class="entity-status">
-      <common-pages-home-card
-        :title="localization.common.vms"
-        :count="props.vms.total"
-        icon-name="vsphere-icon-vm"
-      >
-        <common-pages-home-status-content :items="props.vms" />
-      </common-pages-home-card>
-    </div>
-  </div>
-</template>
-
-<script lang="ts" setup>
-import type { UI_I_Localization } from '~/lib/models/interfaces'
-import type { UI_I_Vms } from '~/components/common/pages/home/lib/models/interfaces'
-import type { UI_T_Project } from '~/lib/models/types'
-const props = defineProps<{
-  vms: UI_I_Vms
-  project?: UI_T_Project
-}>()
-
-const localization = computed<UI_I_Localization>(() => useLocal())
-
-const classes = computed<string>(() => {
-  let classes = 'clr-col-md-6 clr-col-sm-12'
-  if (props.project === 'procurator') {
-    classes = 'clr-col-md-12 clr-col-sm-12'
-  }
-  return classes
-})
-</script>
-
-<style lang="scss" scoped></style>
+<template>
+  <div :class="classes">
+    <div class="entity-status">
+      <common-pages-home-card
+        :title="localization.common.vms"
+        :count="props.vms.total"
+        icon-name="vsphere-icon-vm"
+      >
+        <common-pages-home-status-content :items="props.vms" />
+      </common-pages-home-card>
+    </div>
+  </div>
+</template>
+
+<script lang="ts" setup>
+import type { UI_I_Localization } from '~/lib/models/interfaces'
+import type { UI_I_Vms } from '~/components/common/pages/home/lib/models/interfaces'
+import type { UI_T_Project } from '~/lib/models/types'
+const props = defineProps<{
+  vms: UI_I_Vms
+  project?: UI_T_Project
+}>()
+
+const localization = computed<UI_I_Localization>(() => useLocal())
+
+const classes = computed<string>(() => {
+  let classes = 'clr-col-md-6 clr-col-sm-12'
+  if (props.project === 'procurator') {
+    classes = 'clr-col-md-12 clr-col-sm-12'
+  }
+  return classes
+})
+</script>
+
+<style lang="scss" scoped></style>

package/components/common/pages/home/widgets/vms/lib/config/items.ts

@@ -1,20 +1,20 @@
-import type {UI_I_Card, UI_I_Vms} from "~/components/common/pages/home/lib/models/interfaces";
-
-export const itemsFunc = (vms: UI_I_Vms): UI_I_Card[] => [
-  {
-    value: vms.powered_on,
-    text: 'powered_on',
-    icon: 'vsphere-icon-vm-on',
-  },
-  {
-    value: vms.powered_off,
-    text: 'powered_off',
-    icon: 'icon-vm-power-off',
-  },
-
-  {
-    value: vms.suspended,
-    text: 'suspended',
-    icon: 'vsphere-icon-vm-suspended',
-  },
+import type {UI_I_Card, UI_I_Vms} from "~/components/common/pages/home/lib/models/interfaces";
+
+export const itemsFunc = (vms: UI_I_Vms): UI_I_Card[] => [
+  {
+    value: vms.powered_on,
+    text: 'powered_on',
+    icon: 'vsphere-icon-vm-on',
+  },
+  {
+    value: vms.powered_off,
+    text: 'powered_off',
+    icon: 'icon-vm-power-off',
+  },
+
+  {
+    value: vms.suspended,
+    text: 'suspended',
+    icon: 'vsphere-icon-vm-suspended',
+  },
 ]

package/components/common/pages/scheduledTasks/lib/utils/utils.ts

@@ -1,84 +1,84 @@
-import type { UI_T_Project } from '~/lib/models/types'
-import type {
-  UI_I_Localization,
-  UI_I_SendTaskParams,
-} from '~/lib/models/interfaces'
-import type { UI_I_ScheduleNewTasksForm } from '~/components/common/pages/scheduledTasks/modals/lib/models/interfaces'
-import { base64 } from '~/lib/utils/base64'
-import type {
-  UI_I_CreateScheduledTaskArgs,
-  UI_I_ScheduledTasksTableItem,
-} from '~/components/common/pages/scheduledTasks/lib/models/interfaces'
-import type { UI_T_ScheduledTasksActionsType } from '~/components/common/pages/scheduledTasks/lib/models/types'
-
-export const defineScheduleTaskModalTitle = (
-  type: UI_T_ScheduledTasksActionsType,
-  isEdit: boolean
-): string => {
-  const localization: UI_I_Localization = useLocal()
-  const { scheduleNewTasks, scheduleTaskEdit } = localization.common
-
-  const typeTitleMap: Partial<Record<UI_T_ScheduledTasksActionsType, string>> =
-    {
-      'power-on': localization.common.powerOn,
-      'power-off': localization.common.powerOff,
-      'shut-down-guest-os': localization.common.shutDownGuestOs,
-      'restart-guest-os': localization.common.restartGuestOs,
-      suspend: localization.common.suspend,
-      reset: localization.common.reset,
-      'take-snapshot': localization.common.takeSnapshot,
-    }
-
-  const title = typeTitleMap[type]
-  const modalMode = isEdit ? scheduleTaskEdit : scheduleNewTasks
-
-  return `${modalMode} (${title})`
-}
-export const scheduledTasks = (
-  form: UI_I_ScheduleNewTasksForm,
-  args: UI_I_SendTaskParams,
-  target: string,
-  isEdit: boolean,
-  data: UI_I_ScheduledTasksTableItem,
-  project: UI_T_Project
-): UI_I_SendTaskParams => {
-  const methodArgs = {
-    method: args.method,
-    params: {
-      target: args.target,
-      args: args.args ? base64.encode(args.args) : '',
-    },
-  }
-
-  let method = ''
-  switch (project) {
-    case 'sphere':
-      method = isEdit
-        ? 'VirtualMachines.UpdateScheduledTask'
-        : 'VirtualMachines.CreateScheduledTask'
-      break
-    case 'procurator':
-      method = isEdit ? 'vm.update_sched_task' : 'vm.create_sched_task'
-      break
-  }
-
-  const taskArgs: UI_I_CreateScheduledTaskArgs = {
-    target,
-    name: form.task_name,
-    description: form.description,
-    toggle: form.toggle,
-    cron_2: form.cron,
-    notify_emails: form.ntfn_target,
-    args: base64.encode(methodArgs),
-    ...(isEdit && {
-      rid: data.rid,
-      last_modified: data.last_modified,
-    }),
-  }
-
-  return {
-    method,
-    target,
-    args: taskArgs,
-  }
-}
+import type { UI_T_Project } from '~/lib/models/types'
+import type {
+  UI_I_Localization,
+  UI_I_SendTaskParams,
+} from '~/lib/models/interfaces'
+import type { UI_I_ScheduleNewTasksForm } from '~/components/common/pages/scheduledTasks/modals/lib/models/interfaces'
+import { base64 } from '~/lib/utils/base64'
+import type {
+  UI_I_CreateScheduledTaskArgs,
+  UI_I_ScheduledTasksTableItem,
+} from '~/components/common/pages/scheduledTasks/lib/models/interfaces'
+import type { UI_T_ScheduledTasksActionsType } from '~/components/common/pages/scheduledTasks/lib/models/types'
+
+export const defineScheduleTaskModalTitle = (
+  type: UI_T_ScheduledTasksActionsType,
+  isEdit: boolean
+): string => {
+  const localization: UI_I_Localization = useLocal()
+  const { scheduleNewTasks, scheduleTaskEdit } = localization.common
+
+  const typeTitleMap: Partial<Record<UI_T_ScheduledTasksActionsType, string>> =
+    {
+      'power-on': localization.common.powerOn,
+      'power-off': localization.common.powerOff,
+      'shut-down-guest-os': localization.common.shutDownGuestOs,
+      'restart-guest-os': localization.common.restartGuestOs,
+      suspend: localization.common.suspend,
+      reset: localization.common.reset,
+      'take-snapshot': localization.common.takeSnapshot,
+    }
+
+  const title = typeTitleMap[type]
+  const modalMode = isEdit ? scheduleTaskEdit : scheduleNewTasks
+
+  return `${modalMode} (${title})`
+}
+export const scheduledTasks = (
+  form: UI_I_ScheduleNewTasksForm,
+  args: UI_I_SendTaskParams,
+  target: string,
+  isEdit: boolean,
+  data: UI_I_ScheduledTasksTableItem,
+  project: UI_T_Project
+): UI_I_SendTaskParams => {
+  const methodArgs = {
+    method: args.method,
+    params: {
+      target: args.target,
+      args: args.args ? base64.encode(args.args) : '',
+    },
+  }
+
+  let method = ''
+  switch (project) {
+    case 'sphere':
+      method = isEdit
+        ? 'VirtualMachines.UpdateScheduledTask'
+        : 'VirtualMachines.CreateScheduledTask'
+      break
+    case 'procurator':
+      method = isEdit ? 'vm.update_sched_task' : 'vm.create_sched_task'
+      break
+  }
+
+  const taskArgs: UI_I_CreateScheduledTaskArgs = {
+    target,
+    name: form.task_name,
+    description: form.description,
+    toggle: form.toggle,
+    cron_2: form.cron,
+    notify_emails: form.ntfn_target,
+    args: base64.encode(methodArgs),
+    ...(isEdit && {
+      rid: data.rid,
+      last_modified: data.last_modified,
+    }),
+  }
+
+  return {
+    method,
+    target,
+    args: taskArgs,
+  }
+}

package/components/common/pages/tasks/Tasks.vue

@@ -1,125 +1,125 @@
-<template>
-  <div class="tasks table-container-tasks-table flex flex-col">
-    <div class="tasks__headline">
-      {{ localization.mainNavigation.tasks }}
-    </div>
-
-    <common-pages-tasks-table
-      :table-data="tasksList?.items || []"
-      :total-pages="tasksList?.total_pages || 1"
-      :total-items="tasksList?.total_items || 0"
-      :loading="isLoading"
-      :project="props.project"
-      :config="props.config"
-      @pagination="onUpdatePagination"
-      @sort="onSortTable"
-      @col-search="onColSearching"
-    />
-  </div>
-</template>
-
-<script lang="ts" setup>
-import { useOnline } from '@vueuse/core'
-import type { UI_I_Localization } from '~/lib/models/interfaces'
-import type {
-  UI_I_Pagination,
-  UI_I_DataTableQuery,
-} from '~/lib/models/table/interfaces'
-import type { UI_I_Task } from '~/lib/models/store/tasks/interfaces'
-import type { UI_T_Project } from '~/lib/models/types'
-import type { UI_I_TaskConfig } from '~/components/common/pages/tasks/table/lib/models/interfaces'
-
-const props = defineProps<{
-  project: UI_T_Project
-  config: UI_I_TaskConfig
-}>()
-
-const localization = computed<UI_I_Localization>(() => useLocal())
-const { $store }: any = useNuxtApp()
-
-const pagination = ref<UI_I_Pagination>({
-  page: 1,
-  pageSize: 100,
-})
-const sort = ref<string | null>(null)
-const filter = ref<string | null>(null)
-const pauseGlobalRefresh = (): void => {
-  const tasksLastRequestType = $store.getters['tasks/getTasksLastRequestType']
-  $store.dispatch('main/A_PAUSE_GLOBAL_REFRESH', tasksLastRequestType)
-}
-
-const tasksList = computed<UI_I_Task>(() => $store.getters['tasks/getTaskList'])
-
-const getTasks = async (): Promise<void> => {
-  pauseGlobalRefresh()
-
-  const payload: UI_I_DataTableQuery = {
-    ...pagination.value,
-    sortBy: sort.value || '',
-    filter: filter.value || '',
-  }
-  await $store.dispatch('tasks/A_GET_TASKS', payload)
-}
-const onUpdatePagination = (event: UI_I_Pagination): void => {
-  pagination.value = event
-  getTasks()
-}
-const onSortTable = (event: string): void => {
-  sort.value = event
-  getTasks()
-}
-const onColSearching = (value: string): void => {
-  filter.value = value
-  getTasks()
-}
-
-const isLoading = computed<boolean>(() =>
-  $store.getters['tasks/getLoading']('tasks')
-)
-
-const isOnline = useOnline()
-watch(isOnline, (newValue: boolean) => {
-  if (newValue) {
-    getTasks()
-  }
-})
-
-onUnmounted(() => {
-  pauseGlobalRefresh()
-})
-</script>
-
-<style lang="scss" scoped>
-.tasks {
-  height: inherit;
-  background-color: var(--background-color);
-  padding: 10px 16px 16px;
-
-  &__headline {
-    font-family: 'Inter', sans-serif;
-    font-weight: 400;
-    font-size: 22px;
-    line-height: 26.63px;
-    color: var(--title-form-first-color);
-    margin-bottom: 22px;
-  }
-
-  //:deep(.data-table-header) {
-  //  z-index: var(--z-sticky) !important; // TODO надо удалить потом (clr style)
-  //}
-}
-
-:deep(.table-container) {
-  grid-template-rows: min-content auto min-content;
-}
-
-:deep(.data-table-skeleton) {
-  height: inherit;
-  display: flex;
-  flex-direction: column;
-
-  .footer-row {
-    margin-top: auto;
-  }
-}
-</style>
+<template>
+  <div class="tasks table-container-tasks-table flex flex-col">
+    <div class="tasks__headline">
+      {{ localization.mainNavigation.tasks }}
+    </div>
+
+    <common-pages-tasks-table
+      :table-data="tasksList?.items || []"
+      :total-pages="tasksList?.total_pages || 1"
+      :total-items="tasksList?.total_items || 0"
+      :loading="isLoading"
+      :project="props.project"
+      :config="props.config"
+      @pagination="onUpdatePagination"
+      @sort="onSortTable"
+      @col-search="onColSearching"
+    />
+  </div>
+</template>
+
+<script lang="ts" setup>
+import { useOnline } from '@vueuse/core'
+import type { UI_I_Localization } from '~/lib/models/interfaces'
+import type {
+  UI_I_Pagination,
+  UI_I_DataTableQuery,
+} from '~/lib/models/table/interfaces'
+import type { UI_I_Task } from '~/lib/models/store/tasks/interfaces'
+import type { UI_T_Project } from '~/lib/models/types'
+import type { UI_I_TaskConfig } from '~/components/common/pages/tasks/table/lib/models/interfaces'
+
+const props = defineProps<{
+  project: UI_T_Project
+  config: UI_I_TaskConfig
+}>()
+
+const localization = computed<UI_I_Localization>(() => useLocal())
+const { $store }: any = useNuxtApp()
+
+const pagination = ref<UI_I_Pagination>({
+  page: 1,
+  pageSize: 100,
+})
+const sort = ref<string | null>(null)
+const filter = ref<string | null>(null)
+const pauseGlobalRefresh = (): void => {
+  const tasksLastRequestType = $store.getters['tasks/getTasksLastRequestType']
+  $store.dispatch('main/A_PAUSE_GLOBAL_REFRESH', tasksLastRequestType)
+}
+
+const tasksList = computed<UI_I_Task>(() => $store.getters['tasks/getTaskList'])
+
+const getTasks = async (): Promise<void> => {
+  pauseGlobalRefresh()
+
+  const payload: UI_I_DataTableQuery = {
+    ...pagination.value,
+    sortBy: sort.value || '',
+    filter: filter.value || '',
+  }
+  await $store.dispatch('tasks/A_GET_TASKS', payload)
+}
+const onUpdatePagination = (event: UI_I_Pagination): void => {
+  pagination.value = event
+  getTasks()
+}
+const onSortTable = (event: string): void => {
+  sort.value = event
+  getTasks()
+}
+const onColSearching = (value: string): void => {
+  filter.value = value
+  getTasks()
+}
+
+const isLoading = computed<boolean>(() =>
+  $store.getters['tasks/getLoading']('tasks')
+)
+
+const isOnline = useOnline()
+watch(isOnline, (newValue: boolean) => {
+  if (newValue) {
+    getTasks()
+  }
+})
+
+onUnmounted(() => {
+  pauseGlobalRefresh()
+})
+</script>
+
+<style lang="scss" scoped>
+.tasks {
+  height: inherit;
+  background-color: var(--background-color);
+  padding: 10px 16px 16px;
+
+  &__headline {
+    font-family: 'Inter', sans-serif;
+    font-weight: 400;
+    font-size: 22px;
+    line-height: 26.63px;
+    color: var(--title-form-first-color);
+    margin-bottom: 22px;
+  }
+
+  //:deep(.data-table-header) {
+  //  z-index: var(--z-sticky) !important; // TODO надо удалить потом (clr style)
+  //}
+}
+
+:deep(.table-container) {
+  grid-template-rows: min-content auto min-content;
+}
+
+:deep(.data-table-skeleton) {
+  height: inherit;
+  display: flex;
+  flex-direction: column;
+
+  .footer-row {
+    margin-top: auto;
+  }
+}
+</style>