shared-ritm 1.2.153 → 1.2.155

package/src/common/app-table/controllers/useBaseTable.ts

@@ -1,45 +1,45 @@
-import { ref, watch, onMounted, Ref } from 'vue'
-
-export function useBaseTable(model: {
-  initialize: (params: { search: string; page: number }) => Promise<void>
-  loading: Ref<boolean>
-  columnFilters: Ref<Record<string, any>>
-}) {
-  const search = ref('')
-  const currentPage = ref(1)
-
-  const loadTable = async (searchVal = '', pageVal = 1) => {
-    await model.initialize({ search: searchVal, page: pageVal })
-  }
-
-  const handleSearch = async (val: string) => {
-    search.value = val
-    currentPage.value = 1
-    await loadTable(val, currentPage.value)
-  }
-
-  const handlePageChange = async (page: number) => {
-    currentPage.value = page
-    await loadTable(search.value, page)
-  }
-
-  watch(
-    () => model.columnFilters.value,
-    async () => {
-      currentPage.value = 1
-      await loadTable(search.value, currentPage.value)
-    },
-    { deep: true },
-  )
-
-  onMounted(() => loadTable(search.value, currentPage.value))
-
-  return {
-    search,
-    currentPage,
-    loading: model.loading,
-    handleSearch,
-    handlePageChange,
-    loadTable,
-  }
-}
+import { ref, watch, onMounted, Ref } from 'vue'
+
+export function useBaseTable(model: {
+  initialize: (params: { search: string; page: number }) => Promise<void>
+  loading: Ref<boolean>
+  columnFilters: Ref<Record<string, any>>
+}) {
+  const search = ref('')
+  const currentPage = ref(1)
+
+  const loadTable = async (searchVal = '', pageVal = 1) => {
+    await model.initialize({ search: searchVal, page: pageVal })
+  }
+
+  const handleSearch = async (val: string) => {
+    search.value = val
+    currentPage.value = 1
+    await loadTable(val, currentPage.value)
+  }
+
+  const handlePageChange = async (page: number) => {
+    currentPage.value = page
+    await loadTable(search.value, page)
+  }
+
+  watch(
+    () => model.columnFilters.value,
+    async () => {
+      currentPage.value = 1
+      await loadTable(search.value, currentPage.value)
+    },
+    { deep: true },
+  )
+
+  onMounted(() => loadTable(search.value, currentPage.value))
+
+  return {
+    search,
+    currentPage,
+    loading: model.loading,
+    handleSearch,
+    handlePageChange,
+    loadTable,
+  }
+}

package/src/common/app-table/controllers/useTableModel.ts

@@ -1,102 +1,102 @@
-import { Ref, computed, ref } from 'vue'
-
-export interface TableColumn {
-  name: string
-  label: string
-  style?: string
-  headerStyle?: string
-  field?: string | ((row: any) => any)
-  sortable?: boolean
-  filterType?: 'single' | 'multi' | null
-  align?: 'left' | 'center' | 'right'
-  badge?: {
-    true?: string
-    false?: string
-    colorTrue?: string
-    colorFalse?: string
-  }
-  format?: (val: any) => any
-  html?: boolean
-}
-
-export interface FilterOption {
-  id: string
-  name: string
-}
-
-export interface TableModel<T = any> {
-  columns: TableColumn[]
-  rows: T[] | Ref<T[]>
-  filtersOptions?: Ref<Record<string, FilterOption[]>>
-}
-
-export const useTableModel = <T = any>(model: TableModel<T>) => {
-  const columnFilters = ref<Record<string, string | string[] | undefined>>({})
-  const filterMenus = ref<Record<string, boolean>>({})
-
-  model.columns.forEach(({ name, filterType }) => {
-    if (filterType) {
-      columnFilters.value[name] = filterType === 'multi' ? [] : undefined
-      filterMenus.value[name] = false
-    }
-  })
-
-  const resolvedRows = computed(() => (Array.isArray(model.rows) ? model.rows : model.rows.value))
-
-  const toggleFilterValue = (colName: string, value: string) => {
-    const col = model.columns.find(c => c.name === colName)
-    if (col?.filterType === 'multi') {
-      const current = columnFilters.value[colName] as string[]
-      const index = current.indexOf(value)
-      index > -1 ? current.splice(index, 1) : current.push(value)
-      columnFilters.value[colName] = [...current]
-    } else {
-      columnFilters.value[colName] = value
-      filterMenus.value[colName] = false
-    }
-  }
-
-  const selectedFilters = computed(() => {
-    const result: Record<string, string[]> = {}
-    for (const col of model.columns) {
-      const filter = columnFilters.value[col.name]
-      const options = model.filtersOptions?.value[col.name] || []
-
-      if (filter) {
-        let selectedIds: string[] = []
-        if (Array.isArray(filter)) {
-          selectedIds = options
-            .filter(opt => filter.includes(opt.name))
-            .map(opt => opt.id)
-        } else {
-          selectedIds = options
-            .filter(opt => opt.name === filter)
-            .map(opt => opt.id)
-        }
-        result[col.name] = Array.from(new Set(selectedIds))
-      }
-    }
-    return result
-  })
-
-
-  const clearFilter = (colName: string) => {
-    const col = model.columns.find(c => c.name === colName)
-    columnFilters.value[colName] = col?.filterType === 'multi' ? [] : undefined
-  }
-
-  const openFilterMenu = (colName: string, isOpen: boolean) => {
-    filterMenus.value[colName] = isOpen
-  }
-
-  return {
-    rows: resolvedRows,
-    columns: computed(() => model.columns),
-    columnFilters,
-    filterMenus,
-    toggleFilterValue,
-    clearFilter,
-    openFilterMenu,
-    selectedFilters,
-  }
-}
+import { Ref, computed, ref } from 'vue'
+
+export interface TableColumn {
+  name: string
+  label: string
+  style?: string
+  headerStyle?: string
+  field?: string | ((row: any) => any)
+  sortable?: boolean
+  filterType?: 'single' | 'multi' | null
+  align?: 'left' | 'center' | 'right'
+  badge?: {
+    true?: string
+    false?: string
+    colorTrue?: string
+    colorFalse?: string
+  }
+  format?: (val: any) => any
+  html?: boolean
+}
+
+export interface FilterOption {
+  id: string
+  name: string
+}
+
+export interface TableModel<T = any> {
+  columns: TableColumn[]
+  rows: T[] | Ref<T[]>
+  filtersOptions?: Ref<Record<string, FilterOption[]>>
+}
+
+export const useTableModel = <T = any>(model: TableModel<T>) => {
+  const columnFilters = ref<Record<string, string | string[] | undefined>>({})
+  const filterMenus = ref<Record<string, boolean>>({})
+
+  model.columns.forEach(({ name, filterType }) => {
+    if (filterType) {
+      columnFilters.value[name] = filterType === 'multi' ? [] : undefined
+      filterMenus.value[name] = false
+    }
+  })
+
+  const resolvedRows = computed(() => (Array.isArray(model.rows) ? model.rows : model.rows.value))
+
+  const toggleFilterValue = (colName: string, value: string) => {
+    const col = model.columns.find(c => c.name === colName)
+    if (col?.filterType === 'multi') {
+      const current = columnFilters.value[colName] as string[]
+      const index = current.indexOf(value)
+      index > -1 ? current.splice(index, 1) : current.push(value)
+      columnFilters.value[colName] = [...current]
+    } else {
+      columnFilters.value[colName] = value
+      filterMenus.value[colName] = false
+    }
+  }
+
+  const selectedFilters = computed(() => {
+    const result: Record<string, string[]> = {}
+    for (const col of model.columns) {
+      const filter = columnFilters.value[col.name]
+      const options = model.filtersOptions?.value[col.name] || []
+
+      if (filter) {
+        let selectedIds: string[] = []
+        if (Array.isArray(filter)) {
+          selectedIds = options
+            .filter(opt => filter.includes(opt.name))
+            .map(opt => opt.id)
+        } else {
+          selectedIds = options
+            .filter(opt => opt.name === filter)
+            .map(opt => opt.id)
+        }
+        result[col.name] = Array.from(new Set(selectedIds))
+      }
+    }
+    return result
+  })
+
+
+  const clearFilter = (colName: string) => {
+    const col = model.columns.find(c => c.name === colName)
+    columnFilters.value[colName] = col?.filterType === 'multi' ? [] : undefined
+  }
+
+  const openFilterMenu = (colName: string, isOpen: boolean) => {
+    filterMenus.value[colName] = isOpen
+  }
+
+  return {
+    rows: resolvedRows,
+    columns: computed(() => model.columns),
+    columnFilters,
+    filterMenus,
+    toggleFilterValue,
+    clearFilter,
+    openFilterMenu,
+    selectedFilters,
+  }
+}

package/src/index.ts

@@ -1,128 +1,128 @@
-import './shared/styles/general.css'
-import AppButton from './common/app-button/AppButton.vue'
-import AppCheckbox from './common/app-checkbox/AppCheckbox.vue'
-import AppDatePicker from './common/app-date-picker/AppDatePicker.vue'
-import AppDatepicker from './common/app-datepicker/AppDatepicker.vue'
-import AppInput from './common/app-input/AppInput.vue'
-import AppInputNew from './common/app-input-new/AppInputNew.vue'
-import AppInputSearch from './common/app-input-search/AppInputSearch.vue'
-import AppLayout from './common/app-layout/AppLayout.vue'
-import AppLayoutHeader from './common/app-layout/components/AppLayoutHeader.vue'
-import AppLayoutPage from './common/app-layout/components/AppLayoutPage.vue'
-import AppLoader from './common/app-loader/index.vue'
-import AppSelect from './common/app-select/AppSelect.vue'
-import AppSheet from './common/app-sheet/AppSheet.vue'
-import AppSheetNew from './common/app-sheet-new/AppSheetNew.vue'
-import AppSidebar from './common/app-sidebar/AppSidebar.vue'
-import AppToggle from './common/app-toggle/AppToggle.vue'
-import AppWrapper from './common/app-wrapper/AppWrapper.vue'
-import AppConfirmDialog from './common/app-dialogs/AppConfirmDialog.vue'
-import AppDropdown from './common/app-dropdown/AppDropdown.vue'
-import AppTablePagination from './common/app-table/components/TablePagination.vue'
-import AppTableSearch from './common/app-table/components/TableSearch.vue'
-import AppTableModal from './common/app-table/components/TableModal.vue'
-import AppTable from './common/app-table/AppTable.vue'
-import AppTableLayout from './common/app-table/AppTableLayout.vue'
-import AppModalSelect from './common/app-table/components/ModalSelect.vue'
-import AppModal from './common/app-modal/index.vue'
-
-import ApiService from './api/settings/ApiService'
-import useGanttService from './api/services/GanttService'
-import useMetricsService from './api/services/MetricsService'
-import useProjectsService from './api/services/ProjectsService'
-import useRepairsService from './api/services/RepairsService'
-import useTasksService from './api/services/TasksService'
-import useAuthService from './api/services/AuthService'
-import useFileService from './api/services/FileService'
-import useVideoService from './api/services/VideoService'
-import useUserService from './api/services/UserService'
-import useInstrumentsService from './api/services/InstrumentsService'
-import useControlsService from './api/services/ControlsService'
-import useSearchService from './api/services/SearchService'
-import useModulesService from './api/services/ModulesService'
-import useCommentsService from './api/services/CommentsService'
-import useEquipmentService from './api/services/EquipmentService'
-import useBrigadesService from './api/services/BrigadesService'
-import useScheduleService from './api/services/ScheduleService'
-
-import useFaceApiHelper from './utils/faceApiHelper'
-
-export {
-  AppButton,
-  AppCheckbox,
-  AppDatepicker,
-  AppDatePicker,
-  AppInput,
-  AppInputNew,
-  AppInputSearch,
-  AppLayout,
-  AppLayoutHeader,
-  AppLayoutPage,
-  AppLoader,
-  AppSelect,
-  AppSheet,
-  AppSheetNew,
-  AppSidebar,
-  AppToggle,
-  AppWrapper,
-  AppConfirmDialog,
-  AppDropdown,
-  AppTablePagination,
-  AppTableSearch,
-  AppTableModal,
-  AppTable,
-  AppTableLayout,
-  AppModalSelect,
-  AppModal,
-}
-
-export {
-  ApiService,
-  useAuthService,
-  useGanttService,
-  useMetricsService,
-  useProjectsService,
-  useRepairsService,
-  useTasksService,
-  useFileService,
-  useControlsService,
-  useVideoService,
-  useUserService,
-  useInstrumentsService,
-  useSearchService,
-  useModulesService,
-  useCommentsService,
-  useFaceApiHelper,
-  useEquipmentService,
-  useBrigadesService,
-  useScheduleService,
-}
-
-export { useBaseTable } from './common/app-table/controllers/useBaseTable'
-export { useTableModel } from './common/app-table/controllers/useTableModel'
-export { useColumnSelector } from './common/app-table/controllers/useColumnSelector'
-
-export type { FilterOption, TableModel, TableColumn } from './common/app-table/controllers/useTableModel'
-
-export type { NotificationType } from './utils/notification'
-export { notificationSettings } from './utils/notification'
-
-export * from './utils/helpers'
-
-export * from './api/types/Api_Service'
-export * from './api/types/Api_Auth'
-export * from './api/types/Api_Tasks'
-export * from './api/types/Api_Repairs'
-export * from './api/types/Api_Projects'
-export * from './api/types/Api_Controls'
-export * from './api/types/Api_Instruments'
-export * from './api/types/Api_Search'
-export * from './api/types/Api_User'
-export * from './api/types/Api_Comment'
-export * from './api/types/Api_Files'
-export * from './api/types/Api_Video'
-export * from './api/types/Api_Equipment'
-export * from './api/types/Api_Brigades'
-export * from './api/types/Api_Modules'
-export * from './api/types/Api_Schedule'
-// export * from '../types/Api_Metrics'
+import './shared/styles/general.css'
+import AppButton from './common/app-button/AppButton.vue'
+import AppCheckbox from './common/app-checkbox/AppCheckbox.vue'
+import AppDatePicker from './common/app-date-picker/AppDatePicker.vue'
+import AppDatepicker from './common/app-datepicker/AppDatepicker.vue'
+import AppInput from './common/app-input/AppInput.vue'
+import AppInputNew from './common/app-input-new/AppInputNew.vue'
+import AppInputSearch from './common/app-input-search/AppInputSearch.vue'
+import AppLayout from './common/app-layout/AppLayout.vue'
+import AppLayoutHeader from './common/app-layout/components/AppLayoutHeader.vue'
+import AppLayoutPage from './common/app-layout/components/AppLayoutPage.vue'
+import AppLoader from './common/app-loader/index.vue'
+import AppSelect from './common/app-select/AppSelect.vue'
+import AppSheet from './common/app-sheet/AppSheet.vue'
+import AppSheetNew from './common/app-sheet-new/AppSheetNew.vue'
+import AppSidebar from './common/app-sidebar/AppSidebar.vue'
+import AppToggle from './common/app-toggle/AppToggle.vue'
+import AppWrapper from './common/app-wrapper/AppWrapper.vue'
+import AppConfirmDialog from './common/app-dialogs/AppConfirmDialog.vue'
+import AppDropdown from './common/app-dropdown/AppDropdown.vue'
+import AppTablePagination from './common/app-table/components/TablePagination.vue'
+import AppTableSearch from './common/app-table/components/TableSearch.vue'
+import AppTableModal from './common/app-table/components/TableModal.vue'
+import AppTable from './common/app-table/AppTable.vue'
+import AppTableLayout from './common/app-table/AppTableLayout.vue'
+import AppModalSelect from './common/app-table/components/ModalSelect.vue'
+import AppModal from './common/app-modal/index.vue'
+
+import ApiService from './api/settings/ApiService'
+import useGanttService from './api/services/GanttService'
+import useMetricsService from './api/services/MetricsService'
+import useProjectsService from './api/services/ProjectsService'
+import useRepairsService from './api/services/RepairsService'
+import useTasksService from './api/services/TasksService'
+import useAuthService from './api/services/AuthService'
+import useFileService from './api/services/FileService'
+import useVideoService from './api/services/VideoService'
+import useUserService from './api/services/UserService'
+import useInstrumentsService from './api/services/InstrumentsService'
+import useControlsService from './api/services/ControlsService'
+import useSearchService from './api/services/SearchService'
+import useModulesService from './api/services/ModulesService'
+import useCommentsService from './api/services/CommentsService'
+import useEquipmentService from './api/services/EquipmentService'
+import useBrigadesService from './api/services/BrigadesService'
+import useScheduleService from './api/services/ScheduleService'
+
+import useFaceApiHelper from './utils/faceApiHelper'
+
+export {
+  AppButton,
+  AppCheckbox,
+  AppDatepicker,
+  AppDatePicker,
+  AppInput,
+  AppInputNew,
+  AppInputSearch,
+  AppLayout,
+  AppLayoutHeader,
+  AppLayoutPage,
+  AppLoader,
+  AppSelect,
+  AppSheet,
+  AppSheetNew,
+  AppSidebar,
+  AppToggle,
+  AppWrapper,
+  AppConfirmDialog,
+  AppDropdown,
+  AppTablePagination,
+  AppTableSearch,
+  AppTableModal,
+  AppTable,
+  AppTableLayout,
+  AppModalSelect,
+  AppModal,
+}
+
+export {
+  ApiService,
+  useAuthService,
+  useGanttService,
+  useMetricsService,
+  useProjectsService,
+  useRepairsService,
+  useTasksService,
+  useFileService,
+  useControlsService,
+  useVideoService,
+  useUserService,
+  useInstrumentsService,
+  useSearchService,
+  useModulesService,
+  useCommentsService,
+  useFaceApiHelper,
+  useEquipmentService,
+  useBrigadesService,
+  useScheduleService,
+}
+
+export { useBaseTable } from './common/app-table/controllers/useBaseTable'
+export { useTableModel } from './common/app-table/controllers/useTableModel'
+export { useColumnSelector } from './common/app-table/controllers/useColumnSelector'
+
+export type { FilterOption, TableModel, TableColumn } from './common/app-table/controllers/useTableModel'
+
+export type { NotificationType } from './utils/notification'
+export { notificationSettings } from './utils/notification'
+
+export * from './utils/helpers'
+
+export * from './api/types/Api_Service'
+export * from './api/types/Api_Auth'
+export * from './api/types/Api_Tasks'
+export * from './api/types/Api_Repairs'
+export * from './api/types/Api_Projects'
+export * from './api/types/Api_Controls'
+export * from './api/types/Api_Instruments'
+export * from './api/types/Api_Search'
+export * from './api/types/Api_User'
+export * from './api/types/Api_Comment'
+export * from './api/types/Api_Files'
+export * from './api/types/Api_Video'
+export * from './api/types/Api_Equipment'
+export * from './api/types/Api_Brigades'
+export * from './api/types/Api_Modules'
+export * from './api/types/Api_Schedule'
+// export * from '../types/Api_Metrics'

package/src/styles/variables.sass

@@ -1,12 +1,12 @@
-$primary    : #1976D2
-$secondary  : #C4C4C4
-$accent     : #665BA6
-$positive   : #3B9F69
-$negative   : #C10015
-$info       : #31CCEC
-$warning    : #F2C037
-
-$dark       : #1D1D1D
-$dark-page  : #121212
-
-$secondary: #1D1D1D
+$primary    : #1976D2
+$secondary  : #C4C4C4
+$accent     : #665BA6
+$positive   : #3B9F69
+$negative   : #C10015
+$info       : #31CCEC
+$warning    : #F2C037
+
+$dark       : #1D1D1D
+$dark-page  : #121212
+
+$secondary: #1D1D1D