src/core/endpoints/auth.ts

@@ -1,7 +1,7 @@
 export const authAPI = {
-    csrfGenerate: "",
+    // csrfGenerate: "users/auth/csrf/",
-    login: "auth/token/",
+    login: "users/login/",
-    refresh: "auth/token/refresh/",
+    refresh: "users/token/refresh/",
-    logout: "auth/logout/",
+    // logout: "users/auth/logout/",
     self: "users/self/",
 };

src/core/endpoints/dartachalani.ts

@@ -1,2 +0,0 @@
-export const departmentAPI = "dartachalani/department/"
-export const categoryAPI = "dartachalani/documentcategory/"

src/stores/User/Auth.ts

@@ -12,7 +12,7 @@ export const useAuth = defineStore("auth", {
             username: "",
             password: "",
         } as LoginPayload,
-        token: localStorage.getItem("access_token") || (null as null | string),
+        token: null as null | string,
         loginError: false,
     }),
 
@@ -23,41 +23,22 @@ export const useAuth = defineStore("auth", {
         getLoginError(state) {
             return state.loginError;
         },
-        isAuthenticated(state){
-            return !!state.token
-        }
     },
 
     actions: {
         async csrfGenerate() {
-
+            try {
-            return;
+                await api.get(authAPI.csrfGenerate);
+            } catch (error) {
+                console.error(error);
+            }
         },
         async login() {
-
-            const userStore = useUser();
-
             try {
-                const response = await api.post(authAPI.login, this.loginDetails);
+                // const response = await api.post(authAPI.login, this.loginDetails);
-
+                await api.post(authAPI.login, this.loginDetails);
-                const accessToken = response.data.access;
+                Toast.success("Logged in successfully.");
-                const refreshToken = response.data.refresh
+                router.push({ name: "dashboard" });
-
-                if(accessToken){
-                    this.token = accessToken;
-                    localStorage.setItem("access_token", accessToken);
-                    localStorage.setItem("refresh_token", refreshToken);
-
-                    api.defaults.headers.common["Authorization"] = `Bearer ${accessToken}`;
-
-                    await userStore.fetchUserDetail();
-                    Toast.success("Logged in Successfully")
-                    router.push({name: "dashboard"})
-                }
-
-                // await api.post(authAPI.login, this.loginDetails);
-                // Toast.success("Logged in successfully.");
-                // router.push({ name: "dashboard" });
             } catch {
                 Toast.error("Unable to login!");
                 this.hasLoginError();
@@ -66,40 +47,25 @@ export const useAuth = defineStore("auth", {
         async logout() {
             const userStore = useUser();
             try {
-                // await api.post(authAPI.logout);
+                await api.post(authAPI.logout);
                 userStore.$reset();
                 this.loginDetails.username = "";
                 this.loginDetails.password = "";
                 this.token = null;
-
-                localStorage.removeItem("access_token")
-                localStorage.removeItem("refresh_token")
-                delete api.defaults.headers.common["Authorization"];
                 Toast.success("Logged out successfully.");
                 router.push({ name: "login" });
             } catch (error) {
                 console.error(error);
-                localStorage.clear()
-                router.push({ name: "login" });
             }
         },
         async refreshToken() {
             try {
-                const refresh = localStorage.getItem("refresh_token");
+                await api.post(authAPI.refresh);
-                if (!refresh) return false;
+                // if (response.data) {
-
+                //     this.token = response.data.data.access;
-                const response = await api.post(authAPI.refresh, { refresh: refresh});
+                // }
-
+                return true;
-                if (response.data && response.data.access){
-                    const newAccess = response.data.access
-                    this.token = newAccess
-                    localStorage.setItem("access_token", newAccess);
-                    api.defaults.headers.common["Authorization"] = `Bearer ${newAccess}`;
-                    return true;
-                }
-                return false;
             } catch {
-                this.logout();
                 return false;
             }
         },

src/stores/User/User.ts

@@ -17,8 +17,8 @@ export const useUser = defineStore("user", {
     actions: {
         async fetchUserDetail() {
             try {
-                const response = await api.get(authAPI.self);
+                // const response = await api.get(authAPI.self);
-                this.user = response.data.data;
+                // this.user = response.data.data;
                 this.isAuthenticated = true;
             } catch (error: any) {
                 if (error.response.status == 403) {

src/views/Chalani/CreateChalani.vue

@@ -19,7 +19,6 @@
                             label="name"
                             track-by="id"
                             placeholder="Select Department"
-                            :loading="isDepartmentLoading" 
                         />
                     </div>
                     <div class="">
@@ -29,7 +28,7 @@
                         </label>
                         <Multiselect
                             v-model="formData.documentCategory"
-                            :options="categories"
+                            :options="documentCategories"
                             :multiple="false"
                             :searchable="true"
                             :allow-empty="false"
@@ -37,7 +36,6 @@
                             label="name"
                             track-by="id"
                             placeholder="Select Category"
-                            :loading="isCategoryLoading"
                         />
                     </div>
                     <div class="">
@@ -162,25 +160,15 @@
 </template>
 
 <script setup lang="ts">
-import { ref, reactive, onMounted, onBeforeMount } from "vue";
+import { ref, reactive } from "vue";
 import { storeToRefs } from "pinia";
 import { createOverlayStore } from "@/stores/OverlayStore";
 import Multiselect from "vue-multiselect";
-import { departmentAPI, categoryAPI } from "@/core/endpoints/dartachalani";
-import { createGenericStore } from "@/stores/GenericStore";
 
 const ChalaniTowserStore = createOverlayStore("chalani-towser")();
 const { show } = storeToRefs(ChalaniTowserStore);
 
-const departmentStore = createGenericStore("departments")();
-const { itemList: departments } = storeToRefs(departmentStore);
-
-const categoryStore = createGenericStore("document-category")();
-const {itemList: categories } = storeToRefs(categoryStore);
-
 const fileInputRef = ref<HTMLInputElement | null>(null);
-const isDepartmentLoading = ref(false);
-const isCategoryLoading = ref(false);
 
 const towser = ref({
     title: [{ name: "Chalani", link: "#" }, { name: "Create" }],
@@ -210,19 +198,20 @@ const formData = reactive({
     attachments: [] as File[],
 });
 
+const departments = ref([
+    { id: 1, name: "Administration" },
+    { id: 2, name: "HR" },
+]);
+
+const documentCategories = ref([
+    { id: 1, name: "Confidential" },
+    { id: 2, name: "Public" },
+]);
 
 const resetForm = () => {
-    formData.department = null
-    formData.documentCategory = null
     formData.documentNumber = "";
     formData.subject = "";
-    formData.body = "";
-    formData.recipientName = "";
     formData.attachments = [];
-    formData.recipientContact = "";
-    formData.recipientAddress = "";
-    formData.issuedDate = "";
-    formData.dispatchDate = "";
 };
 
 const onClose = () => {
@@ -253,16 +242,4 @@ const handleFileUpload = (event: Event) => {
         formData.attachments = [...formData.attachments, ...Array.from(target.files)];
     }
 };
-
+</script>
-onMounted(()=>{
-    departmentStore.fetchList(departmentAPI, {}, isDepartmentLoading);
-    categoryStore.fetchList(categoryAPI, {}, isCategoryLoading);
-})
-
-onBeforeMount(()=>{
-    departmentStore.$reset();
-    departmentStore.$dispose();
-    categoryStore.$reset();
-    categoryStore.$dispose();
-})
-</script>

src/views/Darta/Create.vue

@@ -197,7 +197,7 @@
 </template>
 
 <script setup lang="ts">
-import { ref, reactive, onMounted, onBeforeMount } from "vue";
+import { ref, reactive } from "vue";
 import { storeToRefs } from "pinia";
 import { createGenericStore } from "@/stores/GenericStore";
 import { createOverlayStore } from "@/stores/OverlayStore";