bfg-common 1.5.774 → 1.5.775

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

@@ -1,125 +1,122 @@
-<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"
+      @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'
+
+const props = defineProps<{
+  project: UI_T_Project
+}>()
+
+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>