diff --git a/src/router/routes.ts b/src/router/routes.ts
index 18509ef..564f357 100644
--- a/src/router/routes.ts
+++ b/src/router/routes.ts
@@ -17,6 +17,11 @@ const routes: RouteRecordRaw[] = [
name: RouteNames.TIMESHEET_APPROVALS,
component: () => import('src/modules/timesheet-approval/pages/timesheet-approval.vue'),
},
+ {
+ path: 'employees',
+ name: RouteNames.EMPLOYEE_LIST,
+ component: () => import('src/modules/employee-list/pages/supervisor-crew-page.vue'),
+ },
],
},
diff --git a/src/stores/auth-store.ts b/src/stores/auth-store.ts
index 19a601e..f25f094 100644
--- a/src/stores/auth-store.ts
+++ b/src/stores/auth-store.ts
@@ -11,7 +11,7 @@ const defaultUser: User = {
};
export const useAuthStore = defineStore('auth', () => {
- const user = ref (defaultUser);
+ const user = ref(defaultUser);
const authError = ref("");
const isAuthorizedUser = computed(() => user.value.role !== 'guest');
diff --git a/src/stores/employee-store.ts b/src/stores/employee-store.ts
new file mode 100644
index 0000000..61394e9
--- /dev/null
+++ b/src/stores/employee-store.ts
@@ -0,0 +1,41 @@
+import { ref } from "vue";
+import { defineStore } from "pinia";
+import { EmployeeListService } from "src/modules/employee-list/services/services-employee-list";
+import type { EmployeeProfile } from "src/modules/employee-list/types/employee-profile-interface";
+import type { EmployeeListTableItem } from "src/modules/employee-list/types/employee-list-table-interface";
+
+export const useEmployeeStore = defineStore('employee', () => {
+ const employee = ref();
+ const employeeList = ref([]);
+ const isShowingEmployeeAddModifyWindow = ref(false);
+ const isLoadingEmployeeProfile = ref(false);
+ const isLoadingEmployeeList = ref(false);
+
+ const getEmployeeList = async () => {
+ isLoadingEmployeeList.value = true;
+ try {
+ const response = await EmployeeListService.getEmployeeList();
+ employeeList.value = response;
+ } catch (error) {
+ console.error("Ran into an error fetching employee list: ", error);
+ //TODO: trigger an alert window with an error message here!
+ }
+ isLoadingEmployeeList.value = false;
+ };
+
+ const getEmployeeDetails = async (email: string) => {
+ isLoadingEmployeeProfile.value = true;
+ try {
+ const response = await EmployeeListService.getEmployeeDetails(email);
+ employee.value = response;
+
+ } catch (error) {
+ console.error('There was an error retrieving employee info: ', error);
+ //TODO: trigger an alert window with an error message here!
+ }
+ isLoadingEmployeeProfile.value = false;
+ };
+
+ return { employee, employeeList, isShowingEmployeeAddModifyWindow, isLoadingEmployeeList, isLoadingEmployeeProfile, getEmployeeList, getEmployeeDetails };
+});
+
+