Edit forgot password

resources/js/vue/views/ForgotPassword.vue

@@ -0,0 +1,62 @@
+<template>
+  <v-form >
+    <v-container grid-list-xs>
+      <v-layout row wrap class="justify-center">
+        <v-flex xs12 md3 sm3 class="WM-WidthScreen-SM WM-WidthScreen-XS">
+          <material-card
+          color="black"
+          title="Login Page">
+            <v-layout row wrap class="px-3">
+              <v-flex xs12 md12 sm12>
+                <v-text-field
+                  v-model="cell_number"
+                  name="cellnumber"
+                  label="Cell Number"
+                  id="id1"
+                  color="black"
+                ></v-text-field>
+              </v-flex>
+            </v-layout>
+            <v-layout row wrap class="px-3">
+              <v-flex xs12 md6 sm6 class="text-md-left text-sm-center text-xs-center">
+                <v-btn class="WM-CyanBlueGradient-BG" style="padding:10px 60px" @click="handleSubmit">
+                  <v-icon class="white--text mr-2 caption">fas fa-sign-in-alt</v-icon>
+                  <span class="white--text">Send</span>
+                </v-btn>
+              </v-flex>
+              <v-flex xs12 md6 sm6 class="text-md-right text-sm-center text-xs-center">
+                  <router-link class="black--text" to="login">
+                    <v-btn class="WM-NoShadow WM-Outline-Btn WM-Border WM-Border-Black">
+                      <v-icon class="black--text mr-2 caption">fas fa-sign-in-alt</v-icon>
+                      <span class="black--text">Login</span>
+                    </v-btn>
+                  </router-link>
+              </v-flex>
+            </v-layout>
+          </material-card>
+        </v-flex>
+      </v-layout>
+    </v-container>
+  </v-form>
+</template>
+<script>
+import { mapGetters, mapActions } from "vuex";
+export default {
+  data() {
+    return {
+      cell_number: "",
+    };
+  },
+  methods: {
+      ...mapActions('auth', [
+          'forgotPassword'
+      ]),
+      handleSubmit() {
+          // Perform a simple validation that cell_number and password have been typed in
+          if (this.cell_number != '') {
+            this.forgotPassword({cell_number: this.cell_number});
+          }
+      }
+  }
+};
+</script>

resources/js/vue/views/Login.vue

@@ -36,15 +36,17 @@
                 </v-btn>
               </v-flex>
               <v-flex xs12 md6 sm6 class="text-md-right text-sm-center text-xs-center">
-                <v-btn class="WM-NoShadow WM-Outline-Btn WM-Border WM-Border-Black">
-                  <v-icon class="black--text mr-2 caption">fas fa-plus</v-icon>
-                  <span ><router-link class="black--text" to="register">Register</router-link></span>
-                </v-btn>
+                  <router-link class="black--text" to="register">
+                    <v-btn class="WM-NoShadow WM-Outline-Btn WM-Border WM-Border-Black">
+                      <v-icon class="black--text mr-2 caption">fas fa-plus</v-icon>
+                      <span >Register</span>
+                    </v-btn>
+                  </router-link>
               </v-flex>
             </v-layout>
             <v-layout row wrap class="text-md-left text-sm-center text-xs-center">
               <v-flex xs12 md6 sm6 class="px-4 py-3">
-                <router-link to="/submittestresualt">
+                <router-link to="/forgot-password">
                   <span class="black--text" style="border-bottom:1px solid #000;">Forgot Password ?</span>
                 </router-link>
               </v-flex>

resources/js/vue/views/Register.vue

@@ -5,6 +5,16 @@
         <v-flex xs12 md3 sm6 class="WM-WidthScreen-SM WM-WidthScreen-XS">
           <material-card color="black" title="Register Page">
             <v-layout column>
+              <v-flex xs12 md2 sm2>
+                  <v-text-field
+                    name="name"
+                    label="Name"
+                    v-model="form.name"
+                    id="id3"
+                    color="black"
+                    class="pa-2"
+                  ></v-text-field>
+              </v-flex>
               <v-flex xs12 md2 sm2>
                 <v-text-field
                   name="cellnumber"
@@ -28,29 +38,6 @@
                   class="pa-2"
                 ></v-text-field>
               </v-flex>
-              <v-flex xs12 md2 sm2>
-                <v-text-field
-                  name="name"
-                  label="Name"
-                  v-model="form.name"
-                  id="id3"
-                  color="black"
-                  class="pa-2"
-                ></v-text-field>
-              </v-flex>
-              <v-flex xs12 md2 sm2>
-                <v-select
-                  class="pa-2"
-                  v-model="form.select"
-                  :items="items"
-                  item-text="state"
-                  item-value="abbr"
-                  label="Type"
-                  return-object
-                  single-line
-                  color="black"
-                ></v-select>
-              </v-flex>
             </v-layout>
             <v-layout row wrap>
               <v-flex xs12 md6 sm6 class="text-md-left text-sm-center text-xs-center">
@@ -82,20 +69,11 @@ export default {
         cellnumber: '',
         password: '',
         name: '',
-        select: '',
       })
       return {
         form: Object.assign({}, defaultForm),
         valid : false,
         show1 : false,
-        select: { state: 'Florida', abbr: 'FL' },
-        items: [
-          { state: 'Florida', abbr: 'FL' },
-          { state: 'Georgia', abbr: 'GA' },
-          { state: 'Nebraska', abbr: 'NE' },
-          { state: 'California', abbr: 'CA' },
-          { state: 'New York', abbr: 'NY' }
-        ],
         defaultForm
     }
   }