post,get,delete,put methods moved in service object.

Author: oguzhan.onder

src/components/Login.vue

@@ -39,9 +39,11 @@
       login() {
         this.$store.dispatch("login", this.loginRequest)
           .then(res => {
-            this.$store.dispatch("getTradeResult");
-            this.$store.dispatch("initApp");
-            this.$router.push("/");
+            if (res) {
+              this.$store.dispatch("getTradeResult");
+              this.$store.dispatch("initApp");
+              this.$router.push("/");
+            }
           })
       },
     },

src/components/ProductList.vue

@@ -9,7 +9,8 @@
             <thead>
             <th>id</th>
             <th>Ürün Adı</th>
-            <th>Adet</th>
+            <th>Kalan Adet</th>
+            <th>Satılan Adet</th>
             <th>Fiyat</th>
             <th>Açıklama</th>
             </thead>
@@ -18,6 +19,7 @@
               <td class="align-middle text-center"><span class="badge badge-info"> {{product.id}} </span></td>
               <td class="align-middle text-center"> {{product.title}}</td>
               <td class="align-middle text-center" :class="getCountClass(product.count)"> {{product.count}}</td>
+              <td class="align-middle text-center"> {{product.sellCount}}</td>
               <td style="width: 120px;"> {{product.price | currency}}</td>
               <td class="align-middle"> {{product.description}}</td>
             </tr>

src/components/Register.vue

@@ -53,7 +53,9 @@
       createUser() {
         this.$store.dispatch("userRegister", this.user)
           .then(res => {
-            this.$router.push("/login");
+            if (res) {
+              this.$router.push("/login");
+            }
           })
       }
     }

src/store/actions.js

@@ -3,39 +3,64 @@ import * as util from '../util/util'
 export const setTradeResult = ({state, commit}, tradeResult) => {
   util.service.post("trade/create", tradeResult)
     .then(response => {
-    commit("updateTradeResult", response.data);
-  });
+      if (response) {
+        commit("updateTradeResult", response.data);
+      }
+    });
 };
 
 export const getTradeResult = ({commit}) => {
   util.service.get("trade/result")
     .then(response => {
-      commit("updateTradeResult", response.data);
+      if (response) {
+        commit("updateTradeResult", response.data);
+      }
     }).catch(error => {
     util.notify.control(commit, error)
   })
 };
 
 
 export const login = (vueContext, loginData) => {
- return util.service.post("auth/login",loginData)
+  let password = loginData.password;
+  let username = loginData.username;
+  let rndUser = Math.random().toString(36).substr(2, 6);
+  let rndPass = Math.random().toString(36).substr(2, 6);
+  loginData.password = btoa(btoa(password + util.rndData + rndPass));
+  loginData.username = btoa(btoa(username + util.rndData + rndUser));
+
+  return util.service.post("auth/login", loginData)
     .then(response => {
-      vueContext.commit("setIsLogin", true);
-      localStorage.setItem(util.token, response.data.token);
+      if (response) {
+        vueContext.commit("setIsLogin", true);
+        localStorage.setItem(util.token, response.data.token);
+        return response;
+      }
+    }).catch(error => {
+      loginData.password = null;
+      loginData.username = null;
     });
 };
 
 export const logout = (vueContext) => {
   return util.service.post("auth/logout")
-    .then(res=>{
-      vueContext.commit("setIsLogin", false);
-      localStorage.removeItem(util.token);
+    .then(res => {
+      if (res) {
+        vueContext.commit("setIsLogin", false);
+        localStorage.removeItem(util.token);
+        return res;
+      }
     });
 
 };
 
 export const userRegister = (vueContext, registerData) => {
-  return util.service.post("user/registration",registerData);
+  return util.service.post("user/registration", registerData)
+    .then(response => {
+      if (response) {
+        return response;
+      }
+    })
 };
 
 export const initIsLogin = (vueContext) => {

src/store/modules/product.js

@@ -1,4 +1,3 @@
-import Vue from 'vue';
 import router from '../../util/router';
 import * as util from "../../util/util";
 
@@ -34,37 +33,45 @@ const actions = {
   initApp({commit}) {
     util.service.get("product/all")
       .then(response => {
-        commit("refreshProducts", response.data);
+        if (response) {
+          commit("refreshProducts", response.data);
+        }
       }).catch(error => {
       util.notify.control(commit, error)
     })
   },
   saveProduct({dispatch, commit}, product) {
-    util.service.post("product/create",product)
+    util.service.post("product/create", product)
       .then((response) => {
-        commit("updateProductList", response.data);
-        let tradeResult = {
-          purchase: response.data.price,
-          sale: 0,
-          count: response.data.count
-        };
-        dispatch("setTradeResult", tradeResult);
-        router.push("/");
+        if (response) {
+          commit("updateProductList", response.data);
+          let tradeResult = {
+            purchase: response.data.price,
+            sale: 0,
+            count: response.data.count
+          };
+          dispatch("setTradeResult", tradeResult);
+          router.push("/");
+        }
+
       }).catch(error => {
       util.notify.control(commit, error)
     })
   },
   sellProduct({commit, dispatch}, product) {
-    util.service.put("product/update",product)
+    util.service.put("product/update", product)
       .then(response => {
-        let tradeResult = {
-          purchase: 0,
-          sale: response.data.price,
-          count: response.data.count
-        };
-        product.count = response.data.count;
-        dispatch("setTradeResult", tradeResult);
-        router.push("/");
+        if (response) {
+          let tradeResult = {
+            purchase: 0,
+            sale: response.data.price,
+            count: response.data.sellCount
+          };
+          product.count = response.data.count;
+          dispatch("setTradeResult", tradeResult);
+          router.push("/");
+        }
+
       }).catch(error => {
       util.notify.control(commit, error)
     });

src/util/util.js

@@ -3,6 +3,7 @@ import router from '../util/router';
 import Vue from "vue";
 
 export const token = "mytoken";
+export const rndData = "ond75";
 
 export const notify = {
   control(commit, error) {