From 9c7c1ea9726b0b99f3c37401e54956c628b4dbc8 Mon Sep 17 00:00:00 2001
From: sajjad <sajjad.t.dev@gmail.com>
Date: Sat, 19 Mar 2022 16:25:40 +0330
Subject: [PATCH] foix

---
 public/favicon.ico                          | Bin 4286 -> 15086 bytes
 src/components/Global/Section/AuthBasic.vue |   2 +-
 src/router/path.js                          |   6 +-
 src/views/ForgotPassword.vue                |  86 +++++++
 src/views/Login.vue                         | 140 ++++++-----
 src/views/PasswordReset.vue                 |  81 ------
 src/views/Register.vue                      | 261 ++++++++++----------
 7 files changed, 298 insertions(+), 278 deletions(-)
 create mode 100644 src/views/ForgotPassword.vue
 delete mode 100644 src/views/PasswordReset.vue

diff --git a/public/favicon.ico b/public/favicon.ico
index df36fcfb72584e00488330b560ebcf34a41c64c2..5492801b1e06741849b6b66e8ee922921af0eadc 100644
GIT binary patch
literal 15086
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

literal 4286
zcmds*O-Phc6o&64GDVCEQHxsW(p4>LW*W<827=Unuo8sGpRux(DN@jWP-e29Wl%wj
zY84_aq9}^Am9-cWTD5GGEo#+5Fi2wX_P*bo+xO!)p*7B;iKlbFd(U~_d(U?#hLj56
zPhFkj-|A6~Qk#@g^#D^U0XT1cu=c-vu1+SElX9NR;kzAUV(q0|dl0|%h|dI$%VICy
zJnu2^L*Te9JrJMGh%-P79CL0}dq92RGU6gI{v2~|)p}sG5x0U*z<8U;Ij*hB9z?ei
z@g6Xq-pDoPl=MANPiR7%172VA%r)kev<ISBgE$F{SFy+(=9Z)f)De0Se}ZDZW}Z3B
zElCeVrw;K0Fdl_Cg=gZOFXXc3pL)Q05CAuT+XucQ<8g~3dteP~|7s7c6QYP;fy;mF
zMN;>tV-_5H*QJKFmd;8yA$98zCxBZYXTNZ#QFk2(TX0;Y2dt&WitL#$96|gJY=3xX
zpCoi|YNzgO3R`f@IiEeSmKrPSf#h#Qd<$%Ej^RIeeYfsxhPMOG`S`Pz8q``=511zm
zAm)MX5AV^5xIWPyEu7u>qYs?pn$I4nL9J!=K=SGlKLXpE<5x+2cDTXq?brj?n6sp=
zphe9;_JHf40^9~}9i08r{XM$7HB!`{Ys~TK0kx<}ZQng`UPvH*11|q7&l9?@FQz;8
zx!=3<4seY*%=OlbCbcae?<QnEgvj4i?s}Yk=qA2z`-^*<eK3c)MS4JOdbsTQEOa0)
z0NWqlna2rzs>5^V_}*K>Uo6ZWV8mTyE^B=DKy7-sdLYkR5Z?paTgK-zyIkKjIcpyO
z{+uIt&YSa_$QnN_@t~L014dyK(fOOo+W*MIxbA6Ndgr=Y!f#Tokqv}n<7-9qfHkc3
z=>a|HWqcX8fzQCT=dqVbogRq!-S>H%yA{1w#2Pn;=e>JiEj7Hl;zdt-2f+j2%DeVD
zsW0Ab)ZK@0cIW%W7<X*Er!BfRbvU93$DH%#v6dRt^6HBxz1xBNHx=$&_Gv<&J}Ljk
zJN<Fzx(`Oe@KgQ0F$<14=XV#WK`o#6Ku>z}H{&~yGhn~D;aiP4=;m-HCo`BEI+Kd6
z={Xwx{T<?%b6i9IjI)Ls)S{-*mq<@~R{?$}ZKjf;^k75i_}(2MXt}^SEBVg7AI@28
zo_uPg2V)_e-`2Ois=PYoe%9u*n9({PFR)OnHJPi{dNx>Kx<YG`4QQ>D#iCLfl2<BD
h7L=-;Q>vQGDitKtN>z|-AdCN|$jTFDg0m3O`WLD4_s#$S

diff --git a/src/components/Global/Section/AuthBasic.vue b/src/components/Global/Section/AuthBasic.vue
index 122f35a..2e41cbf 100644
--- a/src/components/Global/Section/AuthBasic.vue
+++ b/src/components/Global/Section/AuthBasic.vue
@@ -3,7 +3,7 @@
     <main-back height="500px">
       <v-row class="px-16 py-10 h-100">
         <slot name="auth"></slot>
-        <v-col cols="1" class="text-center pl-0">
+        <v-col cols="2" class="text-center pl-0">
           <v-divider vertical dark class="mr-1"></v-divider>
         </v-col>
         <v-col cols="5">
diff --git a/src/router/path.js b/src/router/path.js
index 6e61132..531bd8d 100644
--- a/src/router/path.js
+++ b/src/router/path.js
@@ -16,9 +16,9 @@ export default [
         }
     },
     {
-        path: '/reset-password',
-        view: 'PasswordReset',
-        name: 'passwordReset',
+        path: '/forgot-password',
+        view: 'ForgotPassword',
+        name: 'forgotPassword',
         meta: {
             onlyWhenLoggedOut: true
         }
diff --git a/src/views/ForgotPassword.vue b/src/views/ForgotPassword.vue
new file mode 100644
index 0000000..c95c577
--- /dev/null
+++ b/src/views/ForgotPassword.vue
@@ -0,0 +1,86 @@
+<template>
+  <v-container>
+    <header>
+      <div class="text-center">
+        <auth-header></auth-header>
+      </div>
+    </header>
+    <main>
+      <auth-basic text="we're here to help">
+        <template #auth>
+          <v-col cols="5" class="d-flex align-center pl-10 pt-4">
+            <div class="w-100">
+              <div class="text-uppercase wa__f__ta auth__title">forgot password</div>
+              <div class="auth__subtitle text-uppercase mb-2">
+                please provide us this information
+              </div>
+              <v-form @submit.prevent="forgotPassword">
+                <v-row>
+                  <v-col cols="12">
+                    <v-text-field
+                      label="your email address"
+                      class="no-error-msg"
+                      dark
+                      v-model="form.email"
+                    ></v-text-field>
+                  </v-col>
+                </v-row>
+
+                <v-row class="mt-4">
+                  <v-col cols="12">
+                    <RectangleButton
+                      class="custom-btn w-100"
+                      height="29"
+                      lg
+                      :text-mode="true"
+                      text="send the code"
+                      type="submit"
+                    />
+                  </v-col>
+                  <v-col cols="12" class="pt-0">
+                    <div class="wa__link">
+                      <router-link :to="{ name: 'login' }">
+                        <RectangleButton
+                          height="29"
+                          lg
+                          class="w-100"
+                          :text-mode="true"
+                          icon="WMi-left-open"
+                          text="return to login"
+                        />
+                      </router-link>
+                    </div>
+                  </v-col>
+                </v-row>
+              </v-form>
+            </div>
+          </v-col>
+        </template>
+      </auth-basic>
+    </main>
+    <footer>
+      <div class="text-center mt-10">
+        <auth-footer></auth-footer>
+      </div>
+    </footer>
+  </v-container>
+</template>
+<script>
+import AuthBasic from "../components/Global/Section/AuthBasic.vue";
+import AuthRepository from "../abstraction/repository/authRepository";
+export default {
+  components: {
+    AuthBasic,
+  },
+  data: () => ({
+    form: {},
+  }),
+  methods: {
+    async forgotPassword() {
+      let repository = new AuthRepository();
+      await repository.forgotPassword(this.form);
+      this.$router.push({ name: "login" });
+    },
+  },
+};
+</script>
diff --git a/src/views/Login.vue b/src/views/Login.vue
index d42e598..5388f92 100644
--- a/src/views/Login.vue
+++ b/src/views/Login.vue
@@ -8,77 +8,83 @@
     <main>
       <auth-basic text="let's rock and roll">
         <template #auth>
-          <v-col cols="6" class="px-10 pt-4">
-            <div class="text-uppercase wa__f__ta auth__title">sign in</div>
-            <div class="auth__subtitle text-uppercase mb-2">
-              please provide us your login details
-            </div>
-            <v-form @submit.prevent="doLogin">
-              <v-row>
-                <v-col cols="12">
-                  <v-text-field
-                    label="your email address"
-                    class="no-error-msg"
-                    v-model="form.email"
-                    dark
-                  ></v-text-field>
-                </v-col>
-              </v-row>
-              <v-row>
-                <v-col cols="12" class="pt-0">
-                  <v-text-field
-                    label="password"
-                    class="no-error-msg"
-                    :type="showPassword ? 'text' : 'password'"
-                    @click:append="showPassword = !showPassword"
-                    :append-icon="showPassword ? 'WMi-eye-off' : 'WMi-eye'"
-                    v-model="form.password"
-                    dark
-                  ></v-text-field>
-                </v-col>
-              </v-row>
-              <v-row class="mt-4">
-                <v-col cols="8" class="pr-1">
-                  <div class="wa__link">
-                    <RectangleButton
-                      class="custom-btn w-100"
-                      height="25"
-                      :text-mode="true"
-                      text="sign in"
-                      type="submit"
-                    />
-                  </div>
-                </v-col>
-
-                <v-col cols="4" class="pl-1">
-                  <div class="wa__link">
-                    <router-link :to="{ name: 'register' }">
+          <v-col cols="5" class="d-flex align-center pl-10 pt-4">
+            <div class="w-100">
+              <div class="text-uppercase wa__f__ta auth__title">sign in</div>
+              <div class="auth__subtitle text-uppercase mb-2">
+                please provide us your login details
+              </div>
+              <v-form @submit.prevent="doLogin">
+                <v-row>
+                  <v-col cols="12">
+                    <v-text-field
+                      label="your email address"
+                      class="no-error-msg"
+                      v-model="form.email"
+                      dark
+                    ></v-text-field>
+                  </v-col>
+                </v-row>
+                <v-row>
+                  <v-col cols="12" class="pt-0">
+                    <v-text-field
+                      label="password"
+                      class="no-error-msg"
+                      :type="showPassword ? 'text' : 'password'"
+                      @click:append="showPassword = !showPassword"
+                      :append-icon="showPassword ? 'WMi-eye-off' : 'WMi-eye'"
+                      v-model="form.password"
+                      dark
+                    ></v-text-field>
+                  </v-col>
+                </v-row>
+                <v-row class="mt-4">
+                  <v-col cols="8" class="pr-1">
+                    <div class="wa__link">
                       <RectangleButton
                         class="custom-btn w-100"
-                        height="25"
+                        height="29"
+                        lg
                         :text-mode="true"
-                        text="sign up"
+                        text="sign in"
+                        type="submit"
                       />
-                    </router-link>
-                  </div>
-                </v-col>
-              </v-row>
-              <v-row>
-                <v-col cols="12">
-                  <div class="wa__link">
-                    <router-link :to="{ name: 'passwordReset' }">
-                      <RectangleButton
-                        icon="WMi-asterisk"
-                        class="w-100"
-                        :text-mode="true"
-                        size="x-small"
-                        text="forgot password"
-                      />
-                    </router-link>
-                  </div>
-                </v-col>
-              </v-row>
-            </v-form>
+                    </div>
+                  </v-col>
+
+                  <v-col cols="4" class="pl-1">
+                    <div class="wa__link">
+                      <router-link :to="{ name: 'register' }">
+                        <RectangleButton
+                          class="custom-btn w-100"
+                          height="29"
+                          lg
+                          :text-mode="true"
+                          text="sign up"
+                        />
+                      </router-link>
+                    </div>
+                  </v-col>
+                </v-row>
+                <v-row>
+                  <v-col cols="12">
+                    <div class="wa__link">
+                      <router-link :to="{ name: 'forgotPassword' }">
+                        <RectangleButton
+                          icon="WMi-asterisk"
+                          class="w-100"
+                          height="29"
+                          lg
+                          :text-mode="true"
+                          size="x-small"
+                          text="forgot password"
+                        />
+                      </router-link>
+                    </div>
+                  </v-col>
+                </v-row>
+              </v-form>
+            </div>
           </v-col>
         </template>
       </auth-basic>
diff --git a/src/views/PasswordReset.vue b/src/views/PasswordReset.vue
deleted file mode 100644
index 4d28f41..0000000
--- a/src/views/PasswordReset.vue
+++ /dev/null
@@ -1,81 +0,0 @@
-<template>
-  <v-container>
-    <header>
-      <div class="text-center">
-        <auth-header></auth-header>
-      </div>
-    </header>
-    <main>
-      <auth-basic text="we're here to help">
-        <template #auth>
-          <v-col cols="6" class="px-10 pt-4">
-            <div class="text-uppercase wa__f__ta auth__title">forgot password</div>
-            <div class="auth__subtitle text-uppercase mb-2">
-              please provide us this information
-            </div>
-            <v-form @submit.prevent="forgotPassword">
-              <v-row>
-                <v-col cols="12">
-                  <v-text-field
-                    label="your email address"
-                    class="no-error-msg"
-                    dark
-                    v-model="form.email"
-                  ></v-text-field>
-                </v-col>
-              </v-row>
-
-              <v-row class="mt-4">
-                <v-col cols="12">
-                  <RectangleButton
-                    class="custom-btn w-100"
-                    height="25"
-                    :text-mode="true"
-                    text="send the code"
-                    type="submit"
-                  />
-                </v-col>
-                <v-col cols="12" class="pt-0">
-                  <div class="wa__link">
-                    <router-link :to="{ name: 'login' }">
-                      <RectangleButton
-                        class="w-100"
-                        :text-mode="true"
-                        icon="WMi-left-open"
-                        text="return to login"
-                      />
-                    </router-link>
-                  </div>
-                </v-col>
-              </v-row>
-            </v-form>
-          </v-col>
-        </template>
-      </auth-basic>
-    </main>
-    <footer>
-      <div class="text-center mt-10">
-        <auth-footer></auth-footer>
-      </div>
-    </footer>
-  </v-container>
-</template>
-<script>
-import AuthBasic from "../components/Global/Section/AuthBasic.vue";
-import AuthRepository from "../abstraction/repository/authRepository";
-export default {
-  components: {
-    AuthBasic,
-  },
-  data: () => ({
-    form: {},
-  }),
-  methods: {
-    async forgotPassword() {
-      let repository = new AuthRepository();
-      await repository.forgotPassword(this.form);
-      this.$router.push({ name: "login" });
-    },
-  },
-};
-</script>
diff --git a/src/views/Register.vue b/src/views/Register.vue
index 5123f02..a60cbe7 100644
--- a/src/views/Register.vue
+++ b/src/views/Register.vue
@@ -8,143 +8,152 @@
     <main>
       <auth-basic text="join the club">
         <template #auth>
-          <v-col cols="6" class="px-10 pt-4">
-            <div class="text-uppercase wa__f__ta auth__title">sign up</div>
-            <div class="auth__subtitle text-uppercase mb-2">
-              please provide us this information
-            </div>
-            <v-form @submit.prevent="doRegister" v-if="!verifyCodePage">
-              <v-row>
-                <v-col cols="12">
-                  <v-text-field
-                    label="your email address"
-                    class="no-error-msg"
-                    dark
-                    v-model="form.email"
-                  ></v-text-field>
-                </v-col>
-              </v-row>
-              <v-row>
-                <v-col class="pt-0" cols="6">
-                  <v-text-field
-                    label="your first name"
-                    class="no-error-msg"
-                    dark
-                    v-model="form.first_name"
-                  ></v-text-field>
-                </v-col>
-                <v-col class="pt-0" cols="6">
-                  <v-text-field
-                    label="your last name"
-                    class="no-error-msg"
-                    dark
-                    v-model="form.last_name"
-                  ></v-text-field>
-                </v-col>
-              </v-row>
-              <v-row>
-                <v-col class="pt-0" cols="12">
-                  <v-text-field
-                    label="password"
-                    class="no-error-msg"
-                    :type="showPassword ? 'text' : 'password'"
-                    @click:append="showPassword = !showPassword"
-                    :append-icon="showPassword ? 'WMi-eye-off' : 'WMi-eye'"
-                    dark
-                    v-model="form.password"
-                  ></v-text-field>
-                </v-col>
-              </v-row>
-              <v-row>
-                <v-col class="pt-0" cols="12">
-                  <v-text-field
-                    label="your password again"
-                    class="no-error-msg"
-                    :type="showPassword ? 'text' : 'password'"
-                    @click:append="showPassword = !showPassword"
-                    :append-icon="showPassword ? 'WMi-eye-off' : 'WMi-eye'"
-                    dark
-                    v-model="form.password_confirmation"
-                  ></v-text-field>
-                </v-col>
-              </v-row>
-              <v-row class="mt-4">
-                <v-col cols="8" class="pr-1">
-                  <div class="wa__link">
-                    <RectangleButton
-                      class="custom-btn w-100"
-                      height="25"
-                      :text-mode="true"
-                      text="do sign up"
-                      type="submit"
-                    />
-                  </div>
-                </v-col>
-                <v-col cols="4" class="pl-1">
-                  <div class="wa__link">
-                    <router-link :to="{ name: 'login' }">
+          <v-col cols="5" class="d-flex align-center pl-10 pt-4">
+            <div class="w-100">
+              <div class="text-uppercase wa__f__ta auth__title">sign up</div>
+              <div class="auth__subtitle text-uppercase mb-2">
+                please provide us this information
+              </div>
+              <v-form @submit.prevent="doRegister" v-if="!verifyCodePage">
+                <v-row>
+                  <v-col cols="12">
+                    <v-text-field
+                      label="your email address"
+                      class="no-error-msg"
+                      dark
+                      v-model="form.email"
+                    ></v-text-field>
+                  </v-col>
+                </v-row>
+                <v-row>
+                  <v-col class="pt-0" cols="6">
+                    <v-text-field
+                      label="your first name"
+                      class="no-error-msg"
+                      dark
+                      v-model="form.first_name"
+                    ></v-text-field>
+                  </v-col>
+                  <v-col class="pt-0" cols="6">
+                    <v-text-field
+                      label="your last name"
+                      class="no-error-msg"
+                      dark
+                      v-model="form.last_name"
+                    ></v-text-field>
+                  </v-col>
+                </v-row>
+                <v-row>
+                  <v-col class="pt-0" cols="12">
+                    <v-text-field
+                      label="password"
+                      class="no-error-msg"
+                      :type="showPassword ? 'text' : 'password'"
+                      @click:append="showPassword = !showPassword"
+                      :append-icon="showPassword ? 'WMi-eye-off' : 'WMi-eye'"
+                      dark
+                      v-model="form.password"
+                    ></v-text-field>
+                  </v-col>
+                </v-row>
+                <v-row>
+                  <v-col class="pt-0" cols="12">
+                    <v-text-field
+                      label="your password again"
+                      class="no-error-msg"
+                      :type="showPassword ? 'text' : 'password'"
+                      @click:append="showPassword = !showPassword"
+                      :append-icon="showPassword ? 'WMi-eye-off' : 'WMi-eye'"
+                      dark
+                      v-model="form.password_confirmation"
+                    ></v-text-field>
+                  </v-col>
+                </v-row>
+                <v-row class="mt-4">
+                  <v-col cols="8" class="pr-1">
+                    <div class="wa__link">
                       <RectangleButton
                         class="custom-btn w-100"
-                        height="25"
-                        :text-mode="true"
-                        text="sign in"
-                      />
-                    </router-link>
-                  </div>
-                </v-col>
-              </v-row>
-              <v-row>
-                <v-col cols="12">
-                  <div class="wa__link">
-                    <router-link :to="{ name: 'passwordReset' }">
-                      <RectangleButton
-                        class="w-100"
+                        lg
+                        height="29"
                         :text-mode="true"
-                        text="forgot password"
-                        icon="WMi-asterisk"
-                        size="x-small"
+                        text="do sign up"
+                        type="submit"
                       />
-                    </router-link>
-                  </div>
-                </v-col>
-              </v-row>
-            </v-form>
-            <v-form @submit.prevent="verifyEmailCode" v-else>
-              <div class="wa__register__form mt-14">
-                <v-row>
-                  <v-col cols="12" class="pb-0">
-                    <div>
-                      <v-text-field
-                        label="code"
-                        class="no-error-msg"
-                        dark
-                        v-model="form.code"
-                      ></v-text-field>
+                    </div>
+                  </v-col>
+                  <v-col cols="4" class="pl-1">
+                    <div class="wa__link">
+                      <router-link :to="{ name: 'login' }">
+                        <RectangleButton
+                          class="custom-btn w-100"
+                          height="29"
+                          lg
+                          :text-mode="true"
+                          text="sign in"
+                        />
+                      </router-link>
                     </div>
                   </v-col>
                 </v-row>
-                <v-row class="mt-4">
+                <v-row>
                   <v-col cols="12">
-                    <RectangleButton
-                      class="w-100 custom-btn"
-                      text="send code"
-                      type="submit"
-                      height="25"
-                    />
-                  </v-col>
-                  <v-col cols="12" class="pt-0">
-                    <div>
-                      <RectangleButton
-                        class="w-100"
-                        text="return to register "
-                        icon="WMi-left-open"
-                        @click.native="toggleVerifyCodePage"
-                      />
+                    <div class="wa__link">
+                      <router-link :to="{ name: 'forgotPassword' }">
+                        <RectangleButton
+                          class="w-100"
+                          :text-mode="true"
+                          text="forgot password"
+                          height="29"
+                          icon="WMi-asterisk"
+                          lg
+                          size="x-small"
+                        />
+                      </router-link>
                     </div>
                   </v-col>
                 </v-row>
-              </div>
-            </v-form>
+              </v-form>
+              <v-form @submit.prevent="verifyEmailCode" v-else>
+                <div class="wa__register__form mt-14">
+                  <v-row>
+                    <v-col cols="12" class="pb-0">
+                      <div>
+                        <v-text-field
+                          label="code"
+                          class="no-error-msg"
+                          dark
+                          v-model="form.code"
+                        ></v-text-field>
+                      </div>
+                    </v-col>
+                  </v-row>
+                  <v-row class="mt-4">
+                    <v-col cols="12">
+                      <RectangleButton
+                        class="w-100 custom-btn"
+                        text="send code"
+                        type="submit"
+                        height="29"
+                        lg
+                      />
+                    </v-col>
+                    <v-col cols="12" class="pt-0">
+                      <div>
+                        <RectangleButton
+                          class="w-100"
+                          text="return to register "
+                          height="29"
+                          lg
+                          icon="WMi-left-open"
+                          @click.native="toggleVerifyCodePage"
+                        />
+                      </div>
+                    </v-col>
+                  </v-row>
+                </div>
+              </v-form>
+            </div>
           </v-col>
         </template>
       </auth-basic>