shared-ritm 1.0.20 → 1.0.22

package/package.json

@@ -1,9 +1,10 @@
 {
   "name": "shared-ritm",
-  "version": "1.0.20",
+  "version": "1.0.22",
   "private": false,
   "files": [
-    "dist"
+    "dist",
+    "src"
   ],
   "main": "dist/shared-ritm.umd.js",
   "type": "module",
@@ -12,10 +13,10 @@
   "exports": {
     ".": {
       "import": "./dist/shared-ritm.es.js",
-      "require": "./dist/shared-ritm.umd.js"
+      "require": "./dist/shared-ritm.umd.js",
+      "default": "./dist/shared-ritm.es.js"
     },
-    "./styles.css": "./dist/styles.css",
-    "./styles.scss": "./dist/styles.scss"
+    "./style": "./dist/index.css"
   },
   "scripts": {
     "dev": "vite",

package/src/App.vue

@@ -0,0 +1,8 @@
+<template>
+  <app-button label="asad" color="primary" />
+</template>
+
+<script setup lang="ts">
+import AppButton from '@/common/app-button/AppButton.vue'
+</script>
+<style lang="scss"></style>

package/src/api/services/GanttService.ts

@@ -0,0 +1,17 @@
+import ApiService from '@/api/settings/ApiService'
+
+class GanttService extends ApiService {
+  public async fetchCriticalPathTasks(params: string): Promise<any> {
+    return await this.get(`gantt/get_list_task_on_critical_path?${params}`)
+  }
+  public async fetchGanttList(params: string): Promise<any> {
+    return await this.get(`/gantt/tasks?${params}`)
+  }
+}
+
+let api: GanttService
+
+export default function useGanttService() {
+  if (!api) api = new GanttService()
+  return api
+}

package/src/api/services/MetricsService.ts

@@ -0,0 +1,74 @@
+import ApiService, { ResponseApi } from '@/api/settings/ApiService'
+
+class MetricsService extends ApiService {
+  public async fetchPieProjects(queryString: string): Promise<ResponseApi<any>> {
+    return await this.get('repairs/pie/projects' + '?' + queryString)
+  }
+
+  public async fetchPieTasks(queryString: string): Promise<ResponseApi<any>> {
+    return await this.get('repairs/pie/tasks' + '?' + queryString)
+  }
+
+  public async fetchPiePersonnel(queryString: string): Promise<ResponseApi<any>> {
+    return await this.get('repairs/metrics/get_list_position' + '?' + queryString)
+  }
+
+  public async fetchPiePersonnelInfo(params: string): Promise<any> {
+    return await this.get(`repairs/metrics/get_list_user_by_position?${params}`)
+  }
+
+  public async fetchPieWorkZone(queryString: string): Promise<ResponseApi<any>> {
+    return await this.get('repairs/metrics/get_list_work_zone_instrument' + '?' + queryString)
+  }
+
+  public async fetchPieCriticalPath(queryString: string): Promise<any[]> {
+    return await this.get('repairs/metrics/get_critical_path_group_by_status' + '?' + queryString)
+  }
+
+  public async fetchPieCriticalPathInfo(params: string): Promise<any> {
+    return await this.get(`repairs/metrics/get_list_task_critical_path_by_status?${params}`)
+  }
+
+  public async fetchPieTmc(queryString: string): Promise<ResponseApi<any>> {
+    return await this.get('repairs/metrics/get_list_instrument_type' + '?' + queryString)
+  }
+
+  public async fetchPieTmcInfo(params: string): Promise<any> {
+    return await this.get(`repairs/metrics/get_list_warehouse_by_instrument_type?${params}`)
+  }
+
+  public async fetchPieUntimelyClosedTask(queryString: string): Promise<any[]> {
+    return await this.get('repairs/metrics/get_list_comment_type' + '?' + queryString)
+  }
+
+  public async fetchPieUntimelyClosedTaskInfo(params: string): Promise<any> {
+    return await this.get(`repairs/metrics/get_list_task_by_comment_type?${params}`)
+  }
+
+  public async fetchPieAdditionalTasks(queryString: string): Promise<any[]> {
+    return await this.get('repairs/metrics/get_list_task_after_plan_fixate_group_by_status' + '?' + queryString)
+  }
+
+  public async fetchPieAdditionalTasksInfo(params: string): Promise<any> {
+    return await this.get(`repairs/metrics/get_list_task_after_plan_fixate_by_status?${params}`)
+  }
+
+  public async fetchPersonnel(queryString: string): Promise<any[]> {
+    return await this.get('repairs/statistic/personnel' + '?' + queryString)
+  }
+
+  public async fetchPieExpired(queryString: string): Promise<any[]> {
+    return await this.get('repairs/metrics/get_list_task_expired_group_by_status' + '?' + queryString)
+  }
+
+  public async fetchPieExpiredInfo(params: string): Promise<any> {
+    return await this.get(`repairs/metrics/get_list_task_expired?${params}`)
+  }
+}
+
+let api: MetricsService
+
+export default function useMetricsService() {
+  if (!api) api = new MetricsService()
+  return api
+}

package/src/api/services/ProjectsService.ts

@@ -0,0 +1,15 @@
+import ApiService, { ResponseApi } from '@/api/settings/ApiService'
+import { Api_Tasks_Task_Dto } from '@/api/types/Api_Tasks'
+
+class ProjectsService extends ApiService {
+  public async fetchProjectById(id: string): Promise<ResponseApi<Api_Tasks_Task_Dto>> {
+    return await this.get(`/projects/${id}`)
+  }
+}
+
+let api: ProjectsService
+
+export default function useProjectsService() {
+  if (!api) api = new ProjectsService()
+  return api
+}

package/src/api/services/RepairsService.ts

@@ -0,0 +1,76 @@
+import ApiService, { ResponseApi } from '@/api/settings/ApiService'
+import {
+  Api_Create_Repair_With_Equipments,
+  Api_Equipment_Full_Dto,
+  Api_Repair_Dto,
+  Api_Update_Repair,
+  OptionFilters,
+} from '@/api/types/Api_Repairs'
+
+class RepairsService extends ApiService {
+  public fetchFilters(fullParams: string): Promise<OptionFilters> {
+    return this.get(`repairs?smart=1&${fullParams}`)
+  }
+  public fetchRepairs(
+    isQuery: boolean,
+    queries?: string,
+    hasTeams?: boolean | string,
+    teamsFilter?: string,
+    typeFilter?: string,
+  ): Promise<ResponseApi<Api_Repair_Dto[]>> {
+    return this.get(
+      'repairs' +
+        (isQuery
+          ? `${queries}&per_page=100000${typeFilter ? '&' + typeFilter : ''}&${!hasTeams ? teamsFilter : ''}`
+          : `?per_page=100000${typeFilter ? '&' + typeFilter : ''}&${teamsFilter}`),
+    )
+  }
+  public fetchEquipment(): Promise<ResponseApi<Api_Equipment_Full_Dto[]>> {
+    return this.get('repairs/equipment/list?per_page=100000')
+  }
+  public createRepair(payload: Api_Create_Repair_With_Equipments) {
+    return this.post<Api_Create_Repair_With_Equipments, any>('/repairs/equipments', payload)
+  }
+  public startRepair(id: string): Promise<void> {
+    return this.post<null, void>(`/repairs/${id}/start`, null)
+  }
+  public finishRepair(id: string) {
+    return this.post<null, void>(`/repairs/${id}/finish`, null)
+  }
+  public finishPreparationProject(id: string) {
+    return this.post<null, void>(`/repairs/${id}/finish_preparation`, null)
+  }
+  public moveRepairToCurrent(id: string) {
+    return this.post<any, void>(`/repairs/transfer_repair_plan_to_current`, {
+      repairs: [id],
+    })
+  }
+  public moveArchiveToCurrent(id: string) {
+    return this.post<any, void>(`/repairs/transfer_repair_archive_to_current`, {
+      repairs_ids: [id],
+    })
+  }
+  public moveRepairToApr(id: string) {
+    return this.post<any, void>(`/repairs/transfer_repair_current_to_plan`, {
+      repairs: [id],
+    })
+  }
+  public moveRepairToArchive(id: string) {
+    return this.post<any, void>(`/repairs/transfer_repair_current_to_archive`, {
+      repairs_ids: [id],
+    })
+  }
+  public updateRepair(payload: Api_Update_Repair, id: string) {
+    return this.put<Api_Update_Repair, void>(`/repairs/${id}`, payload)
+  }
+  public deleteRepair(id: string) {
+    return this.delete<any>(`/repairs/${id}`)
+  }
+}
+
+let api: RepairsService
+
+export default function useRepairsService() {
+  if (!api) api = new RepairsService()
+  return api
+}

package/src/api/services/TasksService.ts

@@ -0,0 +1,15 @@
+import ApiService, { ResponseApi } from '@/api/settings/ApiService'
+import { Api_Tasks_Task_Dto } from '@/api/types/Api_Tasks'
+
+class TasksService extends ApiService {
+  public async fetchTaskById(id: string): Promise<ResponseApi<Api_Tasks_Task_Dto>> {
+    return await this.get(`/tasks/${id}`)
+  }
+}
+
+let api: TasksService
+
+export default function useTasksService() {
+  if (!api) api = new TasksService()
+  return api
+}

package/src/api/settings/ApiService.ts

@@ -0,0 +1,124 @@
+import axios, { AxiosError, AxiosInstance, AxiosRequestConfig, AxiosResponse, InternalAxiosRequestConfig } from 'axios'
+
+export enum ApiServiceType {
+  SERVICE_AUTH = 'SERVICE_AUTH',
+}
+
+export type ResponseApi<T> = {
+  count: number
+  current_page: number
+  data: T
+  per_page: number
+  total: number
+  total_pages: number
+}
+
+export default class ApiService {
+  private axiosInstance: AxiosInstance
+
+  constructor() {
+    this.axiosInstance = axios.create({
+      baseURL: process.env.VUE_APP_BACKEND,
+      headers: {
+        'Content-Type': 'application/json',
+      },
+    })
+
+    this.axiosInstance.interceptors.request.use(
+      (config: InternalAxiosRequestConfig) => {
+        const token = this.getToken()
+        if (token && config.headers) {
+          config.headers.Authorization = `Bearer ${token}`
+        }
+        return config
+      },
+      (error: AxiosError) => {
+        return Promise.reject(error)
+      },
+    )
+
+    this.axiosInstance.interceptors.response.use(
+      (response: AxiosResponse) => {
+        return response.data
+      },
+      (error: AxiosError) => {
+        if (error.response?.status === 401 || error.response?.status === 403) {
+          this.logout()
+        }
+        return Promise.reject(error)
+      },
+    )
+  }
+  private getToken() {
+    return localStorage.getItem('token')
+  }
+
+  private removeToken() {
+    localStorage.removeItem('token')
+  }
+
+  private logout(): void {
+    this.removeToken()
+    window.location.href = '/sign-in'
+  }
+
+  private handleError(error: AxiosError): void {
+    if (error.response) {
+      console.error('API Error:', error.response.status, error.response.data)
+    } else if (error.request) {
+      console.error('No response received:', error.request)
+    } else {
+      console.error('Error during request setup:', error.message)
+    }
+  }
+
+  protected async get<T>(url: string, options?: AxiosRequestConfig) {
+    try {
+      const response: AxiosResponse<T> = await this.axiosInstance.get<T>(url, options)
+      return response?.data ?? (response as unknown as T)
+    } catch (error) {
+      const axiosError = error as AxiosError
+      this.handleError(axiosError)
+      throw error
+    }
+  }
+
+  protected async delete<T>(url: string, options?: AxiosRequestConfig) {
+    try {
+      return await this.axiosInstance.delete<T>(url, options)
+    } catch (error) {
+      const axiosError = error as AxiosError
+      this.handleError(axiosError)
+      throw error
+    }
+  }
+
+  protected async post<T1, T2>(url: string, payload: T1, options?: AxiosRequestConfig) {
+    try {
+      const response: AxiosResponse<T2> = await this.axiosInstance.post<T1, AxiosResponse<T2>>(url, payload, options)
+      return response.data
+    } catch (error) {
+      const axiosError = error as AxiosError
+      this.handleError(axiosError)
+      throw error
+    }
+  }
+
+  // protected patch<T1, T2>(url: string, payload: T1, type: ApiServiceType, options?: AxiosRequestConfig): Promise<T2> {
+  //   return axios
+  //     .patch<T1, AxiosResponse<T2>>(apiServiceUrls[type] + url, payload, options)
+  //     .catch((err: AxiosError) => processError401<T2>(err))
+  //     .then(extractData)
+  // }
+  //
+  protected async put<T1, T2>(url: string, payload: T1, options?: AxiosRequestConfig) {
+    try {
+      const response: AxiosResponse<T2> = await this.axiosInstance.put<T1, AxiosResponse<T2>>(url, payload, options)
+      return response.data
+    } catch (error) {
+      const axiosError = error as AxiosError
+      this.handleError(axiosError)
+      throw error
+    }
+  }
+}

package/src/api/types/Api_Repairs.ts

@@ -0,0 +1,57 @@
+export type Api_Team = {
+  id: string
+  display_name: string
+}
+
+export type Api_Equipment_Short_Dto = {
+  id: string
+  name: string
+}
+
+export type Api_Repairs = {
+  id: string
+  name: string
+}
+
+export type Api_Projects = {
+  id: string
+  name: string
+}
+
+export type OptionFilters = {
+  teams?: Api_Team[]
+  equipments?: Api_Equipment_Short_Dto[]
+}
+
+export type Api_Equipment_Full_Dto = {
+  id: string
+  model: null | string
+  name: string
+  registration_number: string
+  repair_frequency: number
+  repair_range: number
+}
+
+export type Api_Create_Repair_With_Equipments = {
+  name: string
+  display_name: string
+  description: string
+  equipment_id: string
+}
+
+export type Api_Update_Repair = {
+  name?: string
+  display_name?: string
+  description: string
+}
+
+export type Api_Repair_Dto = {
+  id: string
+  name: string
+  display_name: string
+  description: string
+  start_date: string
+  end_date: string
+  projects: Api_Projects[]
+  equipments: Api_Equipment_Full_Dto[]
+}

package/src/api/types/Api_Tasks.ts

@@ -0,0 +1,99 @@
+export type Api_Tasks_Responsible_Dto = {
+  id: string
+  first_name: string
+  last_name: string
+  patronymic: string
+  full_name: string
+}
+
+export type Api_Tasks_Assigned_Dto = {
+  id: string
+  first_name: string
+  last_name: string
+  patronymic: null | string
+  full_name: string
+}
+
+export type Api_Tasks_Status_Dto = {
+  id: string
+  name: string
+  title: string
+}
+export type Api_Tasks_Project_Dto = {
+  id: string
+  name: string
+  teams: string[]
+}
+export type Api_Tasks_Position_Dto = {
+  id: string
+  name: string
+  display_name: string
+}
+
+export type Api_Tasks_Position_Assigned_Dto = {
+  id: number
+  user: {
+    id: string
+    full_name: string
+  }
+  position: Api_Tasks_Position_Dto
+}
+
+export type Api_Tasks_Teams_Dto = {
+  id: string
+  name: string
+  display_name: string
+}
+
+export type Api_Tasks_Equipment_Dto = {
+  id: string
+  name: string
+  model: string
+  registration_number: string
+  created_at: string
+  updated_at: string
+  repair_frequency: number
+  repair_range: number
+}
+
+export type Api_Tasks_Task_Dto = {
+  id: string
+  name: string
+  type: string
+  project_id: string
+  description: string
+  subtask_counter: number
+  subtasks: Api_Tasks_Task_Dto[]
+  state_id: null | string
+  start_date: string
+  end_date: string
+  deadline: string
+  plan_date: string
+  time_to_complete: null | string | number
+  time_to_complete_sec: number
+  priority: number
+  work_zone_id: null | string
+  location_id: null | string
+  target: any
+  status: Api_Tasks_Status_Dto
+  project: Api_Tasks_Project_Dto
+  position: Api_Tasks_Position_Dto[]
+  assigned: Api_Tasks_Assigned_Dto[]
+  instruments: any[]
+  warehouse: any[]
+  responsible: Api_Tasks_Responsible_Dto[]
+  position_assigned: Api_Tasks_Position_Assigned_Dto[]
+  comments: any[]
+  files: any[]
+  teams: Api_Tasks_Teams_Dto[]
+  work_zone: string
+  planned_start: null | string
+  planned_end: null | string
+  fact_start_date: string
+  fact_end_date: null | string
+  work_sec: number
+  pause_sec: number
+  repair_object: null | string
+  isPause: boolean
+  equipment: Api_Tasks_Equipment_Dto[]
+}

package/src/common/app-button/AppButton.vue

@@ -0,0 +1,156 @@
+<template>
+  <q-btn
+    v-bind="$props"
+    :class="[$style.wrapper]"
+    :disable="isDisabled"
+    :no-caps="!uppercase"
+    :no-wrap="!wrap"
+    class="hover-bg-secondary hover-text-black"
+    @click="onClick"
+  >
+    <slot></slot>
+    <q-badge
+      v-if="badge"
+      style="padding: 6px; top: -10px; right: -10px; font-size: 12px"
+      :color="badgeColor"
+      :floating="!badgeInline"
+      :rounded="true"
+      >{{ badgeText }}</q-badge
+    >
+    <q-tooltip v-if="tooltip" class="text-body2" :delay="400">{{ tooltip }}</q-tooltip>
+  </q-btn>
+</template>
+
+<script lang="ts" setup>
+import { computed, defineProps, defineEmits } from 'vue'
+
+interface QBtnProps {
+  size?: string | undefined
+  type?: string | undefined
+  to?: string | any | undefined
+  replace?: boolean | undefined
+  href?: string | undefined
+  target?: string | undefined
+  label?: string | number | undefined
+  icon?: string | undefined
+  iconRight?: string | undefined
+  outline?: boolean | undefined
+  flat?: boolean | undefined
+  unelevated?: boolean | undefined
+  rounded?: boolean | undefined
+  push?: boolean | undefined
+  square?: boolean | undefined
+  glossy?: boolean | undefined
+  fab?: boolean | undefined
+  fabMini?: boolean | undefined
+  padding?: string | undefined
+  color?: string | undefined
+  textColor?: string | undefined
+  noCaps?: boolean | undefined
+  noWrap?: boolean | undefined
+  dense?: boolean | undefined
+  ripple?: boolean | any | undefined
+  tabindex?: number | string | undefined
+  align?: 'left' | 'right' | 'center' | 'around' | 'between' | 'evenly' | undefined
+  stack?: boolean | undefined
+  stretch?: boolean | undefined
+  loading?: boolean | undefined
+  round?: boolean | undefined
+  percentage?: number | undefined
+  darkPercentage?: boolean | undefined
+}
+
+interface Props extends QBtnProps {
+  disable?: boolean | ((...args: any[]) => boolean)
+  tooltip?: string
+  uppercase?: boolean
+  xSmall?: boolean
+  small?: boolean
+  large?: boolean
+  fullWidth?: boolean
+  wrap?: boolean
+  largeIcon?: boolean
+  modelValue?: boolean
+  badge?: string | boolean | number
+  badgeColor?: string
+  badgeInline?: boolean
+  link?: boolean
+}
+
+const props = defineProps<Props>()
+
+const emit = defineEmits(['update:modelValue', 'click'])
+
+function onClick(event: any) {
+  emit('click', event)
+  emit('update:modelValue', !props.modelValue)
+}
+
+const badgeText = computed(() => {
+  if (props.badge === undefined || props.badge === false) return ''
+  if (props.badge === true || props.badge === '') return ''
+  return props.badge
+})
+
+// const btnClasses = computed(() => {
+//   return {
+//     '--icon': props.icon && !props.label,
+//     '--width-left-icon': props.icon && props.label,
+//     '--width-right-icon': props.iconRight && props.label,
+//     '--default': !props.small && !props.large && !props.xSmall,
+//     '--x-small': props.xSmall,
+//     '--small': props.small,
+//     '--large': props.large,
+//     '--full-width': props.fullWidth,
+//     '--large-icon': props.largeIcon,
+//     '--is-active': props.modelValue,
+//     '--link': props.link,
+//     '--loading': props.loading,
+//   }
+// })
+
+const isDisabled = computed(() => {
+  return typeof props.disable === 'function' ? props.disable() : props.disable
+})
+</script>
+
+<style lang="scss" module>
+.wrapper {
+  flex: 0 0 auto;
+  &:global(.q-btn--rounded) {
+    border-radius: 14px !important;
+  }
+  &:global(.q-btn) {
+    color: #0a1629;
+    font-size: 16px;
+    font-style: normal;
+    font-weight: 700;
+  }
+
+  &:global(.--loading) {
+    span:has(> svg) {
+      overflow: hidden;
+    }
+  }
+
+  :global(.q-icon) {
+    font-size: 1.2em;
+  }
+
+  &:global(.--large-icon .q-icon) {
+    font-size: 1.715em;
+  }
+
+  &:global(.--full-width) {
+    width: 100%;
+  }
+
+  &:global(.--link) {
+    padding: 0 8px;
+    display: inline;
+    min-height: unset;
+    font-size: inherit;
+    text-decoration: underline;
+  }
+}
+</style>