@sowell/quasar-app-extension-auth 1.4.2 → 1.4.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sowell/quasar-app-extension-auth",
-  "version": "1.4.2",
+  "version": "1.4.3",
   "description": "A Quasar app extension to manage Authentication",
   "main": "src/index.js",
   "repository": "https://github.com/sowell-ai/quasar.extension.auth",
@@ -40,7 +40,8 @@
     "test": "test"
   },
   "dependencies": {
-    "@capacitor/core": "^4.6.2",
+    "@capacitor/core": "^7.0.0",
+    "@capacitor/inappbrowser": "^2.3.1",
     "@quasar/extras": "^1.15.2",
     "axios": "^0.21.1",
     "buffer": "^6.0.3",

package/src/components/dialogs/SendEmail.vue

@@ -22,7 +22,7 @@
           class="q-mb-sm"
           style="font-size: 34px; font-weight: 600; line-height: 40px"
         >
-          {{ $t("auth.forgottenPassword") }}
+          <span v-html="$t('auth.forgottenPassword').replace(/ (?!.* )/, '&nbsp;')" />
         </div>
         <div
           class="text-subtitle1 q-mt-sm q-mb-lg"

package/src/components/pages/AuthReporter.vue

@@ -1,7 +1,7 @@
 <template>
   <q-layout
     class="column justify-start items-center q-pb-lg bg-white"
-    style="min-height: 100vh; max-width: 100vw; overflow-x: hidden">
+    style="min-height: 90vh; max-width: 100vw; overflow-x: hidden">
     <div class="background-logo-container">
       <img
         src="../../assets/Background-logo.svg"
@@ -28,7 +28,7 @@
                 type="email"
                 borderless
                 :rules="validations['email']"
-                placeholder="Yourname@gmail.com"
+                placeholder="yourname@gmail.com"
                 lazy-rules
                 class="q-px-none q-mt-sm"
                 :class="{ 'input-error': errorEmailMessage }"
@@ -47,7 +47,6 @@
                 v-model="password"
                 :type="showPassword ? 'text' : 'password'"
                 :rules="validations['password']"
-                placeholder="********"
                 lazy-rules
                 borderless
                 class="q-px-none q-mt-sm"
@@ -88,7 +87,11 @@
               </div>
               <div
                 class="forgot-password-link self-start"
-                style="font-weight: 500; margin: 12px 0; text-decoration: underline;"
+                style="
+                  font-weight: 500;
+                  margin: 12px 0;
+                  text-decoration: underline;
+                "
                 @click="forgottenPassword = true"
                 data-testid="ask-password-change-btn"
                 data-cy="forgot-password">
@@ -174,10 +177,16 @@
         </q-dialog>
       </div>
     </div>
-    <div class="row justify-between full-width items-center q-px-md q-mt-auto">
-      <div class="row justify-end footer-text" @click="goToPrivacyPolicy" style="cursor: pointer; text-decoration: underline;">
-        {{ $t("common.privacyPolicy") }}
-      </div>
+    <div
+      class="row justify-between full-width items-center q-px-md q-mt-auto absolute-bottom">
+      <q-btn
+        flat
+        no-caps
+        class="footer-text q-px-none"
+        :ripple="false"
+        @click="goToPrivacyPolicy"
+        :label="$t('common.privacyPolicy')"
+        style="text-decoration: underline" />
       <div class="row justify-end footer-text">
         {{ `VERSION ${appVersion.versionNumber}` }}
       </div>
@@ -187,6 +196,10 @@
 
 <script lang="ts">
 import { defineComponent, reactive, onMounted, computed } from "vue"
+import {
+  InAppBrowser,
+  DefaultSystemBrowserOptions
+} from "@capacitor/inappbrowser"
 import * as packageInfo from "app/package.json"
 import SendEmail from "../dialogs/SendEmail.vue"
 import SowellMessage from "../dialogs/Message.vue"
@@ -262,8 +275,11 @@ export default defineComponent({
       }
     }
 
-    const goToPrivacyPolicy = () => {
-      window.open("https://sowell.app/privacy-policy-sowell/", "_blank")
+    const goToPrivacyPolicy = async () => {
+      await InAppBrowser.openInSystemBrowser({
+        url: "https://sowell.app/privacy-policy-sowell/",
+        options: DefaultSystemBrowserOptions
+      })
     }
 
     onMounted(() => {
@@ -327,7 +343,7 @@ export default defineComponent({
 }
 
 .sowell-logo {
-  padding: 40px 0 0 20px;
+  padding: 34px 0 0 20px;
 }
 
 .title {
@@ -398,7 +414,7 @@ export default defineComponent({
 }
 
 .login-page .q-field--error .q-field__bottom {
-  color: #EF476F;
+  color: #ef476f;
 }
 
 .login-page .q-field__bottom {
@@ -445,7 +461,8 @@ export default defineComponent({
     padding: 12px 0 0 16px;
   }
 
-  .login-page .input-container, .login-page .button-container {
+  .login-page .input-container,
+  .login-page .button-container {
     margin-left: 16px !important;
     margin-right: 16px !important;
   }
@@ -461,12 +478,12 @@ export default defineComponent({
   .login-button div {
     font-size: 14px !important;
   }
-  
+
   .error_input {
     min-height: 50px;
     padding: 4px 12px;
   }
-  
+
   .error-placeholder {
     min-height: 25px;
   }