@sowell/quasar-app-extension-auth 0.3.9 → 0.3.12

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sowell/quasar-app-extension-auth",
-  "version": "0.3.9",
+  "version": "0.3.12",
   "description": "A Quasar app extension to manage Authentication",
   "main": "src/index.js",
   "repository": "https://github.com/sowell-ai/quasar.extension.auth",

package/src/boot/router-guards.ts

@@ -10,7 +10,6 @@ export default boot(({ app, router }: BootInterface) => {
   } = prompts;
 
   router.beforeEach((to, from, next) => {
-    const auth = JSON.parse(LocalStorage.getItem("vuex") || "{}");
     const authState = app.config.globalProperties.authState;
     const isValid = authState.payload?.exp
       ? new Date(authState.payload?.exp * 1000) >= new Date()
@@ -18,9 +17,6 @@ export default boot(({ app, router }: BootInterface) => {
         : false
       : false;
 
-    if (authState.raw === "") {
-      if (auth) authState.updateRaw(auth?.token?.raw);
-    }
     let token = authState.raw;
     if (
       (!isValid || !token) &&

package/src/components/dialogs/WebSendEmail.vue

@@ -1,7 +1,7 @@
 <template>
   <q-card>
     <q-page class="row bg-white">
-      <div class="col-6 q-pa-xl row justify-center">
+      <div class="col-6 q-pa-xl row justify-center center">
         <div class="left-side full-width full-height">
           <img
             class="logo"
@@ -29,7 +29,7 @@
               data-cy="emailReset"
               autofocus
             />
-            <div class="q-mt-lg row">
+            <div class="q-mt-lg row justify-between items-center">
               <q-btn
                 color="primary"
                 :icon-right="icons.ionPaperPlaneOutline"
@@ -43,6 +43,18 @@
                 @click="sendEmail"
                 v-close-popup
               />
+              
+              <q-btn
+                color="primary"
+                style="max-width: 330px"
+                data-cy="close_send_email"
+                align="center"
+                no-caps
+                flat
+                :label="$t('auth.login')"
+                class="btn-min"
+                v-close-popup
+              />
             </div>
           </div>
         </div>
@@ -88,7 +100,7 @@ export default defineComponent({
 });
 </script>
 
-<style>
+<style scoped>
 .bg-image {
   background: #eef8fd;
   height: 100vh !important;
@@ -103,6 +115,16 @@ export default defineComponent({
   max-width: 500px;
 }
 .illustration {
-  width: 600px;
+  max-width: 600px;
+  width: 100%;
+}
+
+@media screen and (max-width: 900px) {
+  .bg-image {
+    display: none;
+  }
+  .center{
+    width: 100%;
+  }
 }
 </style>

package/src/components/dialogs/sw-info-dialog.vue

@@ -72,7 +72,7 @@ export default defineComponent({
   },
 });
 </script>
-<style lang="sass">
+<style scoped lang="sass">
 .top
   background: #EEF8FD
 

package/src/components/pages/WebAuth.vue

@@ -6,11 +6,10 @@
           <img
             src="../../assets/Sowell-logo.svg"
             style="width: 210px"
-            class="logoWhite"
           />
         </div>
-        <div class="column col content-center justify-center bgWhite">
-          <div style="max-width: 500px">
+        <div class="column col content-center justify-center center" >
+          <div class="q-pl-md q-pr-md" style="max-width: 500px">
             <h4 class="title">{{ WELCOME_TITLE }}</h4>
             <div class="subtitle">{{ WELCOME_SUBTITLE }}</div>
             <q-form @submit="onSubmit">
@@ -44,7 +43,7 @@
                   <template #append>
                     <q-icon
                       :name="
-                        showPassword ? icons.ionEyeSharp : icons.ionEyeOffSharp
+                        showPassword ? icons.ionEyeOffSharp : icons.ionEyeSharp
                       "
                       class="cursor-pointer q-mr-sm lightenDark"
                       @click="showPassword = !showPassword"
@@ -78,16 +77,16 @@
         </div>
       </div>
       <div
-        class="column col justify-center content-center"
+        class="column col justify-center content-center mobile"
         :style="isManager ? 'background: #eef8fd' : ''"
         :class="!isManager ? 'bgBlue' : ''"
       >
         <img
           v-if="isManager"
           src="../../assets/illustration-login.svg"
-          style="width: 600px"
+          class="q-pl-md q-pr-md logoWhite"
         />
-        <img v-else src="../../assets/SowellWhite.svg" class="logoWhite" />
+        <img v-else src="../../assets/SowellWhite.svg" class="q-pl-md q-pr-md logoWhite" />
       </div>
     </div>
     <div>
@@ -221,6 +220,11 @@ export default defineComponent({
 </script>
 
 <style scoped>
+
+.center {
+  margin-top: -115px;
+}
+
 .bgWhite {
   background: #ffffff;
 }
@@ -237,9 +241,16 @@ export default defineComponent({
   margin-bottom: 80px;
 }
 .logoWhite {
-  width: 30%;
+  max-width: 600px;
+  width: 100%;
 }
 .submitBtn {
   width: 254px;
 }
+
+@media screen and (max-width: 900px) {
+  .mobile {
+    display: none;
+  }
+}
 </style>