shared-ritm 1.1.83 → 1.1.84

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (64) hide show
  1. package/dist/index.css +1 -1
  2. package/dist/shared-ritm.es.js +14 -13
  3. package/dist/shared-ritm.umd.js +3 -3
  4. package/package.json +1 -1
  5. package/src/api/services/AuthService.ts +41 -41
  6. package/src/api/services/FileService.ts +15 -15
  7. package/src/api/services/TasksService.ts +137 -137
  8. package/src/api/settings/ApiService.ts +126 -125
  9. package/src/api/types/Api_Repairs.ts +93 -93
  10. package/src/common/app-button/AppButton.vue +173 -173
  11. package/src/common/app-date-picker/AppDatePicker.vue +79 -79
  12. package/src/common/app-icon/AppIcon.vue +104 -104
  13. package/src/common/app-input/AppInput.vue +147 -147
  14. package/src/common/app-layout/AppLayout.vue +63 -63
  15. package/src/common/app-layout/components/AppLayoutHeader.vue +123 -123
  16. package/src/common/app-loader/index.vue +43 -43
  17. package/src/common/app-page-layout/AppPageLayout.vue +122 -122
  18. package/src/common/app-sheet/AppSheet.vue +114 -114
  19. package/src/common/app-sidebar/AppSidebar.vue +168 -168
  20. package/src/common/app-sidebar/components/SidebarMenu.vue +37 -37
  21. package/src/common/app-sidebar/components/SidebarMenuItem.vue +146 -146
  22. package/src/common/app-toggle/AppToggle.vue +23 -23
  23. package/src/global.d.ts +1 -1
  24. package/src/icons/components/arrow-down-icon.vue +25 -25
  25. package/src/icons/components/arrow-frame-icon.vue +19 -19
  26. package/src/icons/components/arrow-square.vue +22 -22
  27. package/src/icons/header/flashIcon.vue +24 -24
  28. package/src/icons/header/notificationIcon.vue +18 -18
  29. package/src/icons/header/searchStatusIcon.vue +24 -24
  30. package/src/icons/header/smallCapsIcon.vue +34 -34
  31. package/src/icons/sidebar/assign-module-icon.vue +36 -36
  32. package/src/icons/sidebar/instrument-history-icon.vue +32 -32
  33. package/src/icons/sidebar/instrument-order-icon.vue +38 -38
  34. package/src/icons/sidebar/instrument-work-zone-icon.vue +18 -18
  35. package/src/icons/sidebar/instruments-icon.vue +45 -45
  36. package/src/icons/sidebar/logo-icon.vue +15 -15
  37. package/src/icons/sidebar/logout-icon.vue +13 -13
  38. package/src/icons/sidebar/modules-icon.vue +16 -16
  39. package/src/icons/sidebar/notifications-icon.vue +24 -24
  40. package/src/icons/sidebar/order-icon.vue +44 -44
  41. package/src/icons/sidebar/pass-icon.vue +38 -38
  42. package/src/icons/sidebar/positions-icon.vue +42 -42
  43. package/src/icons/sidebar/preorder-icon.vue +19 -19
  44. package/src/icons/sidebar/projects-icon.vue +31 -31
  45. package/src/icons/sidebar/repair-object-icon.vue +18 -18
  46. package/src/icons/sidebar/repairs-icon.vue +20 -20
  47. package/src/icons/sidebar/roles-icon.vue +26 -26
  48. package/src/icons/sidebar/status-history-icon.vue +24 -24
  49. package/src/icons/sidebar/tasks-icon.vue +28 -28
  50. package/src/icons/sidebar/tasks_tasks-icon.vue +39 -39
  51. package/src/icons/sidebar/tasks_today-icon.vue +27 -27
  52. package/src/icons/sidebar/teams-icon.vue +32 -32
  53. package/src/icons/sidebar/user-icon.vue +18 -18
  54. package/src/icons/sidebar/users-icon.vue +46 -46
  55. package/src/icons/sidebar/videosources-icon.vue +19 -19
  56. package/src/icons/sidebar/videowall-icon.vue +13 -13
  57. package/src/icons/sidebar/videozones-icon.vue +21 -21
  58. package/src/icons/sidebar/warehouses-icon.vue +43 -43
  59. package/src/icons/sidebar/workshop-icon.vue +100 -100
  60. package/src/icons/sidebar/workzones-icon.vue +22 -22
  61. package/src/main.ts +18 -18
  62. package/src/quasar-user-options.ts +17 -17
  63. package/src/router/index.ts +10 -10
  64. package/src/shims-vue.d.ts +5 -5
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "shared-ritm",
3
- "version": "1.1.83",
3
+ "version": "1.1.84",
4
4
  "private": false,
5
5
  "files": [
6
6
  "dist",
@@ -1,41 +1,41 @@
1
- import ApiService from '@/api/settings/ApiService'
2
-
3
- type LoginPayload = {
4
- email: string
5
- password: string
6
- }
7
-
8
- type LoginResponse = {
9
- token: string
10
- user: any
11
- }
12
-
13
- type ConfigResponse = any
14
-
15
- class AuthService extends ApiService {
16
- public login(email: string, password: string) {
17
- return this.post<LoginPayload, LoginResponse>(`/login`, {
18
- email,
19
- password,
20
- })
21
- }
22
-
23
- public logout() {
24
- return this.post<null, LoginResponse>(`/logout`, null)
25
- }
26
-
27
- public userInfo() {
28
- return this.get<any>(`/users/auth`)
29
- }
30
-
31
- public configs() {
32
- return this.get<ConfigResponse>(`/configs`)
33
- }
34
- }
35
-
36
- let api: AuthService
37
-
38
- export default function useAuthService() {
39
- if (!api) api = new AuthService()
40
- return api
41
- }
1
+ import ApiService from '@/api/settings/ApiService'
2
+
3
+ type LoginPayload = {
4
+ email: string
5
+ password: string
6
+ }
7
+
8
+ type LoginResponse = {
9
+ token: string
10
+ user: any
11
+ }
12
+
13
+ type ConfigResponse = any
14
+
15
+ class AuthService extends ApiService {
16
+ public login(email: string, password: string) {
17
+ return this.post<LoginPayload, LoginResponse>(`/login`, {
18
+ email,
19
+ password,
20
+ })
21
+ }
22
+
23
+ public logout() {
24
+ return this.post<null, LoginResponse>(`/logout`, null)
25
+ }
26
+
27
+ public userInfo() {
28
+ return this.get<any>(`/users/auth`)
29
+ }
30
+
31
+ public configs() {
32
+ return this.get<ConfigResponse>(`/configs`)
33
+ }
34
+ }
35
+
36
+ let api: AuthService
37
+
38
+ export default function useAuthService() {
39
+ if (!api) api = new AuthService()
40
+ return api
41
+ }
@@ -1,15 +1,15 @@
1
- import ApiService, { ResponseApi } from '@/api/settings/ApiService'
2
- import { Api_Files_Responsible_Dto } from '@/api/types/Api_Files'
3
-
4
- class FileService extends ApiService {
5
- public uploadFile(data: FormData): Promise<ResponseApi<Api_Files_Responsible_Dto>> {
6
- return this.post<FormData, any>(`/upload-file`, data, { headers: { 'Content-Type': 'multipart/form-data' } })
7
- }
8
- }
9
-
10
- let api: FileService
11
-
12
- export default function useFileService() {
13
- if (!api) api = new FileService()
14
- return api
15
- }
1
+ import ApiService, { ResponseApi } from '@/api/settings/ApiService'
2
+ import { Api_Files_Responsible_Dto } from '@/api/types/Api_Files'
3
+
4
+ class FileService extends ApiService {
5
+ public uploadFile(data: FormData): Promise<ResponseApi<Api_Files_Responsible_Dto>> {
6
+ return this.post<FormData, any>(`/upload-file`, data, { headers: { 'Content-Type': 'multipart/form-data' } })
7
+ }
8
+ }
9
+
10
+ let api: FileService
11
+
12
+ export default function useFileService() {
13
+ if (!api) api = new FileService()
14
+ return api
15
+ }
@@ -1,137 +1,137 @@
1
- import ApiService, { ResponseApi } from '@/api/settings/ApiService'
2
- import {
3
- Api_Task_Close_Reason,
4
- Api_Task_Instrument_Dto,
5
- Api_Task_Instrument_From_Warehouse,
6
- Api_Task_Module_Instrument_Condition,
7
- Api_Tasks_Dto,
8
- Api_Tasks_Task_Dto,
9
- } from '@/api/types/Api_Tasks'
10
- import { Api_Equipment_Full_Dto, Api_Task_Video_Source, Api_Task_Video_Source_Stream } from '@/api/types/Api_Repairs'
11
-
12
- class TasksService extends ApiService {
13
- public async fetchTaskById(id: string): Promise<ResponseApi<Api_Tasks_Task_Dto>> {
14
- return await this.get(`/tasks/${id}`)
15
- }
16
-
17
- public async fetchTasksList(params: any): Promise<ResponseApi<Api_Tasks_Dto[]>> {
18
- return await this.get('/list/tasks/search', { params })
19
- }
20
-
21
- public async fetchSubtasksList(id: string): Promise<ResponseApi<Api_Tasks_Dto[]>> {
22
- return await this.get(`/task/${id}/subtasks/list`)
23
- }
24
-
25
- public async fetchTaskBranch(id: string): Promise<ResponseApi<any>> {
26
- return await this.get(`/get_list_task_branch?task_id=${id}`)
27
- }
28
-
29
- public async fetchInstrumentsList(params: any): Promise<ResponseApi<any[]>> {
30
- return await this.get('admin/instruments', { params })
31
- }
32
-
33
- public async fetchInstrumentTypeListWithPreparedWarehouse(params: {
34
- page: number
35
- per_page: number
36
- 'filterList[taskId]'?: string | undefined
37
- search?: string
38
- }): Promise<Api_Task_Instrument_From_Warehouse[]> {
39
- return await this.get('/instrument_type/get_instrument_type_list_with_prepared_warehouse', { params })
40
- }
41
-
42
- public async fetchInstrumentsEquivalentList(params: any): Promise<ResponseApi<Api_Task_Instrument_Dto[]>> {
43
- return await this.get('tasks/instrument/list', { params })
44
- }
45
-
46
- public async fetchDiffInstruments(params: any): Promise<ResponseApi<Api_Task_Module_Instrument_Condition>> {
47
- return await this.get(`tasks/${params.taskId}/fill/module`, { params })
48
- }
49
-
50
- public async replaceInstruments(payload: any): Promise<ResponseApi<any>> {
51
- return await this.post(`/instruments/equivalent/attach`, payload)
52
- }
53
-
54
- public async fetchTaskUsagePersonal(params: any): Promise<ResponseApi<unknown[]>> {
55
- return await this.get(`tasks/${params.taskId}/usage/users`, { params })
56
- }
57
-
58
- public async fetchTaskUsageInstrument(params: any): Promise<ResponseApi<unknown[]>> {
59
- return await this.get(`tasks/${params.taskId}/usage/instruments`, { params })
60
- }
61
-
62
- public fetchEquipment(params: any): Promise<ResponseApi<Api_Equipment_Full_Dto[]>> {
63
- return this.get('repairs/equipment/list', { params })
64
- }
65
-
66
- public fetchTaskVideoSources(params: any): Promise<ResponseApi<Api_Task_Video_Source[]>> {
67
- return this.get('work_zone/get_list_video_source', { params })
68
- }
69
-
70
- public fetchTaskVideoSourcesStream(params: any): Promise<ResponseApi<Api_Task_Video_Source_Stream[]>> {
71
- return this.get('horizon/video-source', { params })
72
- }
73
-
74
- public createWorkZone(payload: any): Promise<unknown> {
75
- return this.post('admin/work-zones', payload)
76
- }
77
-
78
- public async createTask(payload: any): Promise<ResponseApi<any>> {
79
- return await this.post(`tasks`, payload)
80
- }
81
-
82
- public async editTask(payload: any): Promise<ResponseApi<any>> {
83
- return await this.put(`tasks/${payload.taskId}`, payload.data)
84
- }
85
-
86
- public async mergeTask(payload: { name: string; tasks_id: string[] }): Promise<ResponseApi<any>> {
87
- return await this.post(`tasks/merge`, payload)
88
- }
89
-
90
- public async deleteTask(id: string): Promise<any> {
91
- return await this.delete(`tasks/${id}`)
92
- }
93
-
94
- public async changeStatus(payload: { taskId: string; data: unknown }): Promise<unknown> {
95
- const { taskId, data } = payload
96
- return await this.put(`task/${taskId}/change-status`, data)
97
- }
98
-
99
- public async uploadComment(payload: unknown): Promise<unknown> {
100
- return await this.post('comments', payload)
101
- }
102
-
103
- public async deleteComment(commentId: string): Promise<unknown> {
104
- return await this.delete(`comments/${commentId}`)
105
- }
106
-
107
- public async editComment(payload: { commentId: string; data: unknown }): Promise<unknown> {
108
- const { commentId, data } = payload
109
- return await this.put(`comments/${commentId}`, data)
110
- }
111
-
112
- public async saveMetrics(payload: unknown): Promise<unknown> {
113
- return await this.put('/update_quality_metrics', payload)
114
- }
115
-
116
- public async checkReasonForStatus(payload: { task_Id: string; data: unknown }): Promise<Api_Task_Close_Reason> {
117
- return await this.post('/tasks/check_reason_for_task', payload)
118
- }
119
-
120
- public async verifyTaskStatus(payload: { task_id: string; data: unknown }): Promise<unknown> {
121
- const { task_id, data } = payload
122
- return await this.get(`/task/${task_id}/change-status/verification`, {
123
- params: data,
124
- })
125
- }
126
-
127
- public async checkBranchBeforeCloseTask(payload: { task_Id: string }): Promise<unknown> {
128
- return await this.post(`/check_branch_before_close_task`, payload)
129
- }
130
- }
131
-
132
- let api: TasksService
133
-
134
- export default function useTasksService() {
135
- if (!api) api = new TasksService()
136
- return api
137
- }
1
+ import ApiService, { ResponseApi } from '@/api/settings/ApiService'
2
+ import {
3
+ Api_Task_Close_Reason,
4
+ Api_Task_Instrument_Dto,
5
+ Api_Task_Instrument_From_Warehouse,
6
+ Api_Task_Module_Instrument_Condition,
7
+ Api_Tasks_Dto,
8
+ Api_Tasks_Task_Dto,
9
+ } from '@/api/types/Api_Tasks'
10
+ import { Api_Equipment_Full_Dto, Api_Task_Video_Source, Api_Task_Video_Source_Stream } from '@/api/types/Api_Repairs'
11
+
12
+ class TasksService extends ApiService {
13
+ public async fetchTaskById(id: string): Promise<ResponseApi<Api_Tasks_Task_Dto>> {
14
+ return await this.get(`/tasks/${id}`)
15
+ }
16
+
17
+ public async fetchTasksList(params: any): Promise<ResponseApi<Api_Tasks_Dto[]>> {
18
+ return await this.get('/list/tasks/search', { params })
19
+ }
20
+
21
+ public async fetchSubtasksList(id: string): Promise<ResponseApi<Api_Tasks_Dto[]>> {
22
+ return await this.get(`/task/${id}/subtasks/list`)
23
+ }
24
+
25
+ public async fetchTaskBranch(id: string): Promise<ResponseApi<any>> {
26
+ return await this.get(`/get_list_task_branch?task_id=${id}`)
27
+ }
28
+
29
+ public async fetchInstrumentsList(params: any): Promise<ResponseApi<any[]>> {
30
+ return await this.get('admin/instruments', { params })
31
+ }
32
+
33
+ public async fetchInstrumentTypeListWithPreparedWarehouse(params: {
34
+ page: number
35
+ per_page: number
36
+ 'filterList[taskId]'?: string | undefined
37
+ search?: string
38
+ }): Promise<Api_Task_Instrument_From_Warehouse[]> {
39
+ return await this.get('/instrument_type/get_instrument_type_list_with_prepared_warehouse', { params })
40
+ }
41
+
42
+ public async fetchInstrumentsEquivalentList(params: any): Promise<ResponseApi<Api_Task_Instrument_Dto[]>> {
43
+ return await this.get('tasks/instrument/list', { params })
44
+ }
45
+
46
+ public async fetchDiffInstruments(params: any): Promise<ResponseApi<Api_Task_Module_Instrument_Condition>> {
47
+ return await this.get(`tasks/${params.taskId}/fill/module`, { params })
48
+ }
49
+
50
+ public async replaceInstruments(payload: any): Promise<ResponseApi<any>> {
51
+ return await this.post(`/instruments/equivalent/attach`, payload)
52
+ }
53
+
54
+ public async fetchTaskUsagePersonal(params: any): Promise<ResponseApi<unknown[]>> {
55
+ return await this.get(`tasks/${params.taskId}/usage/users`, { params })
56
+ }
57
+
58
+ public async fetchTaskUsageInstrument(params: any): Promise<ResponseApi<unknown[]>> {
59
+ return await this.get(`tasks/${params.taskId}/usage/instruments`, { params })
60
+ }
61
+
62
+ public fetchEquipment(params: any): Promise<ResponseApi<Api_Equipment_Full_Dto[]>> {
63
+ return this.get('repairs/equipment/list', { params })
64
+ }
65
+
66
+ public fetchTaskVideoSources(params: any): Promise<ResponseApi<Api_Task_Video_Source[]>> {
67
+ return this.get('work_zone/get_list_video_source', { params })
68
+ }
69
+
70
+ public fetchTaskVideoSourcesStream(params: any): Promise<ResponseApi<Api_Task_Video_Source_Stream[]>> {
71
+ return this.get('horizon/video-source', { params })
72
+ }
73
+
74
+ public createWorkZone(payload: any): Promise<unknown> {
75
+ return this.post('admin/work-zones', payload)
76
+ }
77
+
78
+ public async createTask(payload: any): Promise<ResponseApi<any>> {
79
+ return await this.post(`tasks`, payload)
80
+ }
81
+
82
+ public async editTask(payload: any): Promise<ResponseApi<any>> {
83
+ return await this.put(`tasks/${payload.taskId}`, payload.data)
84
+ }
85
+
86
+ public async mergeTask(payload: { name: string; tasks_id: string[] }): Promise<ResponseApi<any>> {
87
+ return await this.post(`tasks/merge`, payload)
88
+ }
89
+
90
+ public async deleteTask(id: string): Promise<any> {
91
+ return await this.delete(`tasks/${id}`)
92
+ }
93
+
94
+ public async changeStatus(payload: { taskId: string; data: unknown }): Promise<unknown> {
95
+ const { taskId, data } = payload
96
+ return await this.put(`task/${taskId}/change-status`, data)
97
+ }
98
+
99
+ public async uploadComment(payload: unknown): Promise<unknown> {
100
+ return await this.post('comments', payload)
101
+ }
102
+
103
+ public async deleteComment(commentId: string): Promise<unknown> {
104
+ return await this.delete(`comments/${commentId}`)
105
+ }
106
+
107
+ public async editComment(payload: { commentId: string; data: unknown }): Promise<unknown> {
108
+ const { commentId, data } = payload
109
+ return await this.put(`comments/${commentId}`, data)
110
+ }
111
+
112
+ public async saveMetrics(payload: unknown): Promise<unknown> {
113
+ return await this.put('/update_quality_metrics', payload)
114
+ }
115
+
116
+ public async checkReasonForStatus(payload: { task_Id: string; data: unknown }): Promise<Api_Task_Close_Reason> {
117
+ return await this.post('/tasks/check_reason_for_task', payload)
118
+ }
119
+
120
+ public async verifyTaskStatus(payload: { task_id: string; data: unknown }): Promise<unknown> {
121
+ const { task_id, data } = payload
122
+ return await this.get(`/task/${task_id}/change-status/verification`, {
123
+ params: data,
124
+ })
125
+ }
126
+
127
+ public async checkBranchBeforeCloseTask(payload: { task_Id: string }): Promise<unknown> {
128
+ return await this.post(`/check_branch_before_close_task`, payload)
129
+ }
130
+ }
131
+
132
+ let api: TasksService
133
+
134
+ export default function useTasksService() {
135
+ if (!api) api = new TasksService()
136
+ return api
137
+ }
@@ -1,125 +1,126 @@
1
- import axios, { AxiosError, AxiosInstance, AxiosRequestConfig, AxiosResponse, InternalAxiosRequestConfig } from 'axios'
2
-
3
- export enum ApiServiceType {
4
- SERVICE_AUTH = 'SERVICE_AUTH',
5
- }
6
-
7
- export type ResponseApi<T> = {
8
- count: number
9
- current_page: number
10
- data: T
11
- per_page: number
12
- total: number
13
- total_pages: number
14
- }
15
-
16
- export default class ApiService {
17
- private axiosInstance: AxiosInstance
18
-
19
- constructor() {
20
- this.axiosInstance = axios.create({
21
- baseURL: process.env.VUE_APP_BACKEND,
22
- headers: {
23
- 'Content-Type': 'application/json',
24
- },
25
- })
26
-
27
- this.axiosInstance.interceptors.request.use(
28
- (config: InternalAxiosRequestConfig) => {
29
- const token = this.getToken()
30
- if (token && config.headers) {
31
- config.headers.Authorization = `Bearer ${token}`
32
- }
33
- return config
34
- },
35
- (error: AxiosError) => {
36
- return Promise.reject(error)
37
- },
38
- )
39
-
40
- this.axiosInstance.interceptors.response.use(
41
- (response: AxiosResponse) => {
42
- return response.data
43
- },
44
- (error: AxiosError) => {
45
- if (error.response?.status === 401 || error.response?.status === 403) {
46
- this.logout()
47
- }
48
- return Promise.reject(error)
49
- },
50
- )
51
- }
52
-
53
- private getToken() {
54
- return localStorage.getItem('token')
55
- }
56
-
57
- private removeToken() {
58
- localStorage.removeItem('token')
59
- }
60
-
61
- public logout(): void {
62
- this.removeToken()
63
- window.location.href = '/sign-in'
64
- }
65
-
66
- private handleError(error: AxiosError): void {
67
- if (error.response) {
68
- console.error('API Error:', error.response.status, error.response.data)
69
- } else if (error.request) {
70
- console.error('No response received:', error.request)
71
- } else {
72
- console.error('Error during request setup:', error.message)
73
- }
74
- }
75
-
76
- protected async get<T>(url: string, options?: AxiosRequestConfig) {
77
- try {
78
- const response: AxiosResponse<T> = await this.axiosInstance.get<T>(url, options)
79
- return response?.data ?? (response as unknown as T)
80
- } catch (error) {
81
- const axiosError = error as AxiosError
82
- this.handleError(axiosError)
83
- throw error
84
- }
85
- }
86
-
87
- protected async delete<T>(url: string, options?: AxiosRequestConfig) {
88
- try {
89
- return await this.axiosInstance.delete<T>(url, options)
90
- } catch (error) {
91
- const axiosError = error as AxiosError
92
- this.handleError(axiosError)
93
- throw error
94
- }
95
- }
96
-
97
- protected async post<T1, T2>(url: string, payload: T1, options?: AxiosRequestConfig) {
98
- try {
99
- const response: AxiosResponse<T2> = await this.axiosInstance.post<T1, AxiosResponse<T2>>(url, payload, options)
100
- return response.data
101
- } catch (error) {
102
- const axiosError = error as AxiosError
103
- this.handleError(axiosError)
104
- throw error
105
- }
106
- }
107
-
108
- // protected patch<T1, T2>(url: string, payload: T1, type: ApiServiceType, options?: AxiosRequestConfig): Promise<T2> {
109
- // return axios
110
- // .patch<T1, AxiosResponse<T2>>(apiServiceUrls[type] + url, payload, options)
111
- // .catch((err: AxiosError) => processError401<T2>(err))
112
- // .then(extractData)
113
- // }
114
- //
115
- protected async put<T1, T2>(url: string, payload: T1, options?: AxiosRequestConfig) {
116
- try {
117
- const response: AxiosResponse<T2> = await this.axiosInstance.put<T1, AxiosResponse<T2>>(url, payload, options)
118
- return response.data
119
- } catch (error) {
120
- const axiosError = error as AxiosError
121
- this.handleError(axiosError)
122
- throw error
123
- }
124
- }
125
- }
1
+ import axios, { AxiosError, AxiosInstance, AxiosRequestConfig, AxiosResponse, InternalAxiosRequestConfig } from 'axios'
2
+
3
+ export enum ApiServiceType {
4
+ SERVICE_AUTH = 'SERVICE_AUTH',
5
+ }
6
+
7
+ export type ResponseApi<T> = {
8
+ count: number
9
+ current_page: number
10
+ data: T
11
+ per_page: number
12
+ total: number
13
+ total_pages: number
14
+ }
15
+
16
+ export default class ApiService {
17
+ private axiosInstance: AxiosInstance
18
+
19
+ constructor() {
20
+ this.axiosInstance = axios.create({
21
+ baseURL: process.env.VUE_APP_BACKEND,
22
+ headers: {
23
+ 'Content-Type': 'application/json',
24
+ Accept: 'application/json',
25
+ },
26
+ })
27
+
28
+ this.axiosInstance.interceptors.request.use(
29
+ (config: InternalAxiosRequestConfig) => {
30
+ const token = this.getToken()
31
+ if (token && config.headers) {
32
+ config.headers.Authorization = `Bearer ${token}`
33
+ }
34
+ return config
35
+ },
36
+ (error: AxiosError) => {
37
+ return Promise.reject(error)
38
+ },
39
+ )
40
+
41
+ this.axiosInstance.interceptors.response.use(
42
+ (response: AxiosResponse) => {
43
+ return response.data
44
+ },
45
+ (error: AxiosError) => {
46
+ if (error.response?.status === 401 || error.response?.status === 403) {
47
+ this.logout()
48
+ }
49
+ return Promise.reject(error)
50
+ },
51
+ )
52
+ }
53
+
54
+ private getToken() {
55
+ return localStorage.getItem('token')
56
+ }
57
+
58
+ private removeToken() {
59
+ localStorage.removeItem('token')
60
+ }
61
+
62
+ public logout(): void {
63
+ this.removeToken()
64
+ window.location.href = '/sign-in'
65
+ }
66
+
67
+ private handleError(error: AxiosError): void {
68
+ if (error.response) {
69
+ console.error('API Error:', error.response.status, error.response.data)
70
+ } else if (error.request) {
71
+ console.error('No response received:', error.request)
72
+ } else {
73
+ console.error('Error during request setup:', error.message)
74
+ }
75
+ }
76
+
77
+ protected async get<T>(url: string, options?: AxiosRequestConfig) {
78
+ try {
79
+ const response: AxiosResponse<T> = await this.axiosInstance.get<T>(url, options)
80
+ return response?.data ?? (response as unknown as T)
81
+ } catch (error) {
82
+ const axiosError = error as AxiosError
83
+ this.handleError(axiosError)
84
+ throw error
85
+ }
86
+ }
87
+
88
+ protected async delete<T>(url: string, options?: AxiosRequestConfig) {
89
+ try {
90
+ return await this.axiosInstance.delete<T>(url, options)
91
+ } catch (error) {
92
+ const axiosError = error as AxiosError
93
+ this.handleError(axiosError)
94
+ throw error
95
+ }
96
+ }
97
+
98
+ protected async post<T1, T2>(url: string, payload: T1, options?: AxiosRequestConfig) {
99
+ try {
100
+ const response: AxiosResponse<T2> = await this.axiosInstance.post<T1, AxiosResponse<T2>>(url, payload, options)
101
+ return response.data
102
+ } catch (error) {
103
+ const axiosError = error as AxiosError
104
+ this.handleError(axiosError)
105
+ throw error
106
+ }
107
+ }
108
+
109
+ // protected patch<T1, T2>(url: string, payload: T1, type: ApiServiceType, options?: AxiosRequestConfig): Promise<T2> {
110
+ // return axios
111
+ // .patch<T1, AxiosResponse<T2>>(apiServiceUrls[type] + url, payload, options)
112
+ // .catch((err: AxiosError) => processError401<T2>(err))
113
+ // .then(extractData)
114
+ // }
115
+ //
116
+ protected async put<T1, T2>(url: string, payload: T1, options?: AxiosRequestConfig) {
117
+ try {
118
+ const response: AxiosResponse<T2> = await this.axiosInstance.put<T1, AxiosResponse<T2>>(url, payload, options)
119
+ return response.data
120
+ } catch (error) {
121
+ const axiosError = error as AxiosError
122
+ this.handleError(axiosError)
123
+ throw error
124
+ }
125
+ }
126
+ }