#13

src/views/Index.vue

@@ -43,10 +43,11 @@
   </div>
 </template>
 <script>
-import axios from "axios";
+import RequestMixin from "@/mixins/request.mixin"
 
 export default {
   name: "Index",
+  mixins: [RequestMixin],
   data() {
     return {
       showErrorMessage: false,
@@ -54,31 +55,5 @@ export default {
       password: "",
     };
   },
-  methods: {
-    async submitLogin() {
-      this.showErrorMessage = false;
-      try {
-        const loginResult = await axios.post(
-          `${this.apiUrl}/users/login`,
-          {
-            username: this.username,
-            password: this.password,
-          }
-        );
-        if (loginResult.status === 200) {
-          this.showErrorMessage = false;
-          //success login
-          localStorage.setItem("token", loginResult.data.token);
-          localStorage.setItem("user_id", loginResult.data.user_id);
-          this.$router.push({ path: "/s/search" });
-        } else {
-          this.showErrorMessage = true;
-        }
-      } catch (error) {
-        console.error(error);
-        this.showErrorMessage = true;
-      }
-    },
-  },
 };
 </script>

src/views/Search.vue

@@ -63,8 +63,11 @@
   </div>
 </template>
 <script>
+import RequestMixin from "@/mixins/request.mixin"
+
 export default {
   name: "Search",
+  mixins: [RequestMixin],
   data() {
     return {
       showErrorMessage: false,
@@ -77,26 +80,5 @@ export default {
     if (this.$route.query.query) this.searchText = this.$route.query.query;
     this.submitSearch();
   },
-  methods: {
-    async submitSearch() {
-      this.showErrorMessage = false;
-      try {
-        let url = `${this.apiUrl}/users/profiles`;
-        if (this.searchText != "") {
-          url += `?nickname=${this.searchText}`;
-        }
-        const result = await this.axios.get(url, {
-          headers: {
-            Authorization: `Bearer ${localStorage.getItem("token")}`,
-          },
-        });
-        this.searchResults = result.data.profiles;
-        this.searchTotal = result.data.total;
-      } catch (error) {
-        console.error(error);
-        this.showErrorMessage = true;
-      }
-    },
-  },
 };
 </script>

src/views/profile/Edit.vue

@@ -2,7 +2,7 @@
 <template>
   <div class="container">
     <h1>Profil bearbeiten</h1>
-    <form @submit.prevent="submitForm()">
+    <form @submit.prevent="submitFormEdit()">
       <div class="row">
         <div class="col">
           <input
@@ -163,11 +163,13 @@
   </div>
 </template>
 <script>
-import axios from "axios";
+import RequestMixin from "@/mixins/request.mixin"
+
 import AutoComplete from "@/components/AutoComplete";
 
 export default {
   name: "profileEdit",
+  mixins: [RequestMixin],
   components: {
     AutoComplete,
   },
@@ -195,42 +197,7 @@ export default {
     };
   },
   async created() {
-    try {
-      const userProfile = await axios.get(
-        `${this.apiUrl}/users/${localStorage.getItem("user_id")}/profile`,
-        {
-          headers: { Authorization: `Bearer ${localStorage.getItem("token")}` },
-        }
-      );
-      this.profile = userProfile.data.profile;
-    } catch (error) {
-      console.error(error);
-    }
-  },
-  methods: {
-    async submitForm() {
-      try {
-        const formSubmitResult = await axios.post(
-          `${this.apiUrl}/users/${localStorage.getItem("user_id")}/profile`,
-          this.profile,
-          {
-            headers: {
-              Authorization: `Bearer ${localStorage.getItem("token")}`,
-            },
-          }
-        );
-        if (formSubmitResult.status === 200) {
-          // success
-          this.showSuccessMessage = true;
-        } else {
-          // failure
-          this.showErrorMessage = true;
-        }
-      } catch (error) {
-        console.error(error);
-        this.showErrorMessage = true;
-      }
-    },
+    await this.initEditPage();
   },
 };
 </script>

src/views/profile/View.vue

@@ -35,10 +35,13 @@
   </div>
 </template>
 <script>
+import RequestMixin from "@/mixins/request.mixin"
+
 import ProfileList from "@/components/ProfileList";
 
 export default {
   name: "profileView",
+  mixins: [RequestMixin],
   components: {
     ProfileList,
   },
@@ -48,17 +51,7 @@ export default {
     };
   },
   async created() {
-    try {
-      const userProfile = await this.axios.get(
-        `${this.apiUrl}/users/${this.$route.params.memberId}/profile`,
-        {
-          headers: { Authorization: `Bearer ${localStorage.getItem("token")}` },
-        }
-      );
-      this.profile = userProfile.data.profile;
-    } catch (error) {
-      console.error(error);
-    }
-  },
+    await this.initViewPage();
+  }
 };
 </script>