saeid

resources/js/vue/views/User/MyInfo.vue

@@ -71,7 +71,13 @@
             </v-btn>
           </v-flex>
           <v-flex xs12 md2 sm2 class="text-md-center text-sm-center text-xs-center">
-            <router-link to="/">
+              <v-btn class="WM-NoShadow WM-Outline-Btn WM-Border WM-Border-Black" @click="changePassword">
+                <v-icon class="black--text">fas fa-refresh</v-icon>
+                <span class="black--text"> Change Password </span>
+              </v-btn>
+          </v-flex>
+          <v-flex xs12 md2 sm2 class="text-md-center text-sm-center text-xs-center">
+            <router-link :to="{name: 'Dashboard'}">
               <v-btn class="WM-NoShadow WM-Outline-Btn WM-Border WM-Border-Black">
                 <v-icon class="black--text">keyboard_arrow_left</v-icon>
                 <span class="black--text">Back</span>
@@ -87,6 +93,7 @@
 <script>
 import { ApiService } from "@/services";
 import { urls } from "@/config/urls";
+import { mapMutations } from 'vuex';
 export default {
   data() {
     return {
@@ -125,6 +132,10 @@ export default {
           this.$router.push({ name: `Dashboard` });
         }
       }
+    },
+    ...mapMutations('modal',['changeCurrentModal']),
+    changePassword() {
+      this.changeCurrentModal({ modal: "modal-auth-change-password" });
     }
   }
 };