map to new back

src/pages/clients/components/ClientsTable.vue

@@ -141,7 +141,7 @@ export default {
   },
   computed: {
     dataClientsPresence() {
-      return this.dataClients[0]?.initialization;
+      return this.dataClients?.[0]?.initialization;
     },
   },
   methods: {
@@ -184,12 +184,11 @@ export default {
       }
     },
     async fetchDataClients() {
-      let response = {};
       if (this.textSearch) {
-        response = await fetchWrapper.get(
+        const response = await fetchWrapper.get(
-          `general/person/?last_name=${this.textSearch}&limit=${
+          `persons/?limit=${this.limit}&offset=${
-            this.limit
+            (this.currentTablePage - 1) * this.limit
-          }&offset=${(this.currentTablePage - 1) * this.limit}`
+          }`
         );
         this.saveDataClients(response);
         this.saveFilteredClientsCount(response);
@@ -198,8 +197,8 @@ export default {
           length: this.calculatePageCount(this.filteredClientsCount),
         };
       } else {
-        response = await fetchWrapper.get(
+        const response = await fetchWrapper.get(
-          `general/person/?limit=${this.limit}&offset=${
+          `persons/?limit=${this.limit}&offset=${
             (this.currentTablePage - 1) * this.limit
           }`
         );
@@ -212,18 +211,16 @@ export default {
       }
     },
     async fetchCreatedClientData() {
-      fetchWrapper
+      fetchWrapper.get(`persons/${this.createdClientId}/`).then((response) => {
-        .get(`general/person/${this.createdClientId}/detail/`)
+        this.dataClients = [response];
-        .then((response) => {
+        this.createdClientName = `${response.last_name ?? ""} ${
-          this.dataClients = [response];
+          response?.first_name ?? ""
-          this.createdClientName = `${response.last_name ?? ""} ${
+        } ${response?.patronymic ?? ""}`;
-            response?.first_name ?? ""
+        this.paginationInfo = {
-          } ${response?.patronymic ?? ""}`;
+          currentPage: 0,
-          this.paginationInfo = {
+          length: 0,
-            currentPage: 0,
+        };
-            length: 0,
+      });
-          };
-        });
     },
     calculatePageCount(count) {
       return Math.ceil(count / this.limit);

src/pages/login/TheLogin.vue

@@ -30,7 +30,7 @@
               .flex.items-center.cursor-pointer(@click="changeView", v-if="!wrongData && user.password")
                 img(:src="!isView ? eye_close : eye_open")
           .flex.items-center.gap-x-8px.-ml-2
-            q-checkbox(@click="persist", v-model="person", type="checkbox")
+            q-checkbox(v-model="person", type="checkbox")
             .flex.non-italic.font-medium.base Запомнить меня
         base-button(
           :disable="disabledButton",
@@ -60,67 +60,49 @@ export default {
       eye_close,
       eye_open,
       authorized: true,
-      user: { username: "", password: "" },
+      user: {},
       userData: {},
       person: false,
     };
   },
   computed: {
     wrongData() {
-      return !this.authorized && !this.user.username && !this.user.password;
+      return !this.authorized;
     },
     changeType() {
       return !this.isView ? "password" : "text";
     },
     disabledButton() {
-      return this.user.username && this.user.password ? false : true;
+      return !(this.user.username && this.user.password);
     },
     showBorder() {
-      return !this.authorized && !this.user.username && !this.user.password
+      return !this.authorized && !this.user.username && !this.user.password;
-        ? true
-        : false;
     },
   },
   methods: {
     changeView() {
       this.isView = !this.isView;
     },
-    persist() {
-      if (!this.person) return;
-      localStorage.username = this.user.username;
-      localStorage.password = this.user.password;
-    },
     async auth() {
-      let res = await fetchWrapper.get("auth/users/me/");
+      this.userData = await fetchWrapper.get("users/me");
-      res = await res;
-      let data = await fetchWrapper.get(`accounts/users/${res.id}/detail`);
-      data = await data;
-      this.userData = data;
-      localStorage.setItem("userData", JSON.stringify(this.userData));
     },
     login() {
       fetchWrapper
-        .post("auth/jwt/create/", {
+        .post("auth/login", {
-          username: this.user.username,
+          user_name: this.user.username,
           password: this.user.password,
         })
-        .then((token) => {
+        .then(() => {
-          if (token.access) {
+          this.auth().then(() => this.$router.push("/"));
-            localStorage.setItem("tokenAccess", token.access);
+        })
-            this.auth().then(() => this.$router.push("/"));
+        .catch(() => {
-          } else {
+          this.authorized = false;
-            this.authorized = false;
+          this.user.username = "";
-            this.user.username = "";
+          this.user.password = "";
-            this.user.password = "";
+          this.$router.push("/login");
-            this.$router.push("/login");
-          }
         });
     },
   },
-  mounted() {
-    if (localStorage.username) this.user.username = localStorage.username;
-    if (localStorage.password) this.user.password = localStorage.password;
-  },
 };
 </script>
 

src/router.js

@@ -6,19 +6,19 @@ import TheMedcards from "@/pages/medcards/TheMedcards";
 import TheLogin from "@/pages/login/TheLogin";
 import LoggedInLayout from "@/components/LoggedInLayout";
 import TheMedicalCard from "@/pages/newMedicalCard/TheMedicalCard";
+import { fetchWrapper } from "@/shared/fetchWrapper";
 
-const ifNotAuthenticated = (to, from, next) => {
+const ifNotAuthenticated = async (to, from, next) => {
-  if (!localStorage.getItem("tokenAccess")) {
+  const data = await fetchWrapper.get("users/me");
-    return next();
+  if (!data) return next();
-  }
+  return next("/");
-  next("/");
 };
 
-const ifAuthenticated = (to, from, next) => {
+const ifAuthenticated = async (to, from, next) => {
-  if (localStorage.getItem("tokenAccess")) {
+  const data = await fetchWrapper.get("users/me");
-    return next();
+  if (!data) return next("/login");
-  }
+
-  next("/login");
+  return next();
 };
 
 export default createRouter({

src/shared/fetchWrapper.js

@@ -1,5 +1,3 @@
-import router from "@/router";
-
 function prepareUrl(url) {
   if (url.startsWith("http")) return url;
   return `https://astra-dev.dopcore.com/api/${url}`;
@@ -15,8 +13,7 @@ function handleRequest(method, url, headers, attempts, body, type) {
   })
     .then((res) => {
       if (res.status === 401) {
-        localStorage.removeItem("tokenAccess");
+        //router.go("/login");
-        router.go("/login");
       } else if (res) return res.json();
     })
     .catch((err) => {
@@ -33,13 +30,12 @@ function handleRequest(method, url, headers, attempts, body, type) {
  * @param {string} type - request type
  */
 function request(method, url, headers = {}, body, type = "") {
-  let token = localStorage.getItem("tokenAccess");
   let requestOptions = {};
   if (method === "GET" || method === "DELETE") {
     requestOptions = {
       method: method,
+      credentials: "include",
       headers: {
-        Authorization: `Bearer ${token}`,
         ...headers,
         "Content-Type": "application/json",
         Accept: "application/json",
@@ -54,21 +50,21 @@ function request(method, url, headers = {}, body, type = "") {
       requestOptions = {
         method: method,
         headers: {
-          Authorization: `Bearer ${token}`,
           Accept: "application/json",
           ...headers,
         },
         body: body,
+        credentials: "include",
       };
     } else
       requestOptions = {
         method: method,
         headers: {
-          Authorization: `Bearer ${token}`,
           Accept: "application/json",
           "Content-Type": "application/json",
           ...headers,
         },
+        credentials: "include",
         body: JSON.stringify(body),
       };
   }