@hostlink/nuxt-light 1.31.2 → 1.32.0

package/dist/module.json

@@ -1,7 +1,7 @@
 {
   "name": "light",
   "configKey": "light",
-  "version": "1.31.2",
+  "version": "1.32.0",
   "builder": {
     "@nuxt/module-builder": "1.0.1",
     "unbuild": "3.5.0"

package/dist/runtime/components/L/ForgetPasswordDialog.vue

@@ -18,10 +18,9 @@ const onOKClick = async () => {
   }
   try {
     $q.loading.show();
-    await api.auth.forgetPassword(username.value, email.value);
+    const jwt = await api.auth.forgetPassword(username.value, email.value);
     onDialogOK({
-      username: username.value,
-      email: email.value
+      jwt
     });
   } catch (e) {
     $q.notify({
@@ -50,8 +49,10 @@ const onOKClick = async () => {
             <q-card-section>
                 <q-input v-model="username" :label="$t('Username')" stack-label
                     :rules="[val => !!val || $t('Username is required')]" hide-bottom-space />
-                <q-input v-model="email" :label="$t('Email')" stack-label type="email" hide-bottom-space
-                    :rules="[val => !!val || $t('Email is required')]" />
+                <q-input v-model="email" :label="$t('Email')" stack-label type="email" hide-bottom-space :rules="[
+                    val => !!val || $t('Email is required'),
+                    val => /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(val) || $t('Invalid email format')
+                ]" />
             </q-card-section>
 
 

package/dist/runtime/components/l-file-manager.vue

@@ -600,7 +600,7 @@ selectedNodePath.value = drives[0].index.toString();
           </q-tooltip>
         </q-btn>
 
-        <q-btn flat round icon="o_delete" @click="onDeleteSelected" v-if="selected.length > 0">
+        <q-btn flat round icon="sym_o_delete" @click="onDeleteSelected" v-if="selected.length > 0">
           <q-tooltip>
             {{ $t('Delete') }}
           </q-tooltip>

package/dist/runtime/components/l-login.vue

@@ -100,7 +100,7 @@ const submit = async () => {
     }
   }
 };
-const resetPassword = (username, code) => {
+const resetPassword = (jwt, code) => {
   $q.dialog({
     title: t("Reset password"),
     message: t("Please enter your new password"),
@@ -115,7 +115,7 @@ const resetPassword = (username, code) => {
     persistent: true
   }).onOk(async (password) => {
     try {
-      await api.auth.resetPassword(username, password, code);
+      await api.auth.resetPassword(jwt, password, code);
       $q.notify({
         message: t("Your password has been reset successfully"),
         color: "positive",
@@ -127,7 +127,7 @@ const resetPassword = (username, code) => {
         color: "negative",
         icon: "sym_o_error"
       });
-      resetPassword(username, code);
+      resetPassword(jwt, code);
     }
   });
 };
@@ -146,8 +146,8 @@ const forgetPassword = async () => {
       cancel: true,
       persistent: true
     }).onOk(async (code) => {
-      if (await api.auth.verifyCode(data2.username, code)) {
-        resetPassword(data2.username, code);
+      if (await api.auth.verifyCode(data2.jwt, code)) {
+        resetPassword(data2.jwt, code);
       } else {
         $q.notify({
           message: t("Your code is invalid or expired"),
@@ -248,15 +248,16 @@ const facebookLogin = (accessToken) => {
       </div>
       <q-form ref="form1" v-if="passwordBasedEnabled">
         <div class="q-gutter-sm">
-          <l-input color="primary" v-model.trim="data.username" label="Username" :rules="[(v) => !!v || $t('Username is required')]"
-            clearable :outlined="false" stackLabel autocomplete="username">
+          <l-input color="primary" v-model.trim="data.username" label="Username"
+            :rules="[(v) => !!v || $t('Username is required')]" clearable :outlined="false" stackLabel
+            autocomplete="username">
             <template v-slot:prepend>
               <q-icon name="sym_o_person" />
             </template>
           </l-input>
-          <l-input color="primary" v-model="data.password" label="Password" type="password" clearable show-password stackLabel
-            :rules="[(v) => !!v || $t('Password is required')]" @keydown.enter.prevent="submit" :outlined="false"
-            autocomplete="off">
+          <l-input color="primary" v-model="data.password" label="Password" type="password" clearable show-password
+            stackLabel :rules="[(v) => !!v || $t('Password is required')]" @keydown.enter.prevent="submit"
+            :outlined="false" autocomplete="off">
             <template v-slot:prepend>
               <q-icon name="sym_o_lock" />
             </template>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hostlink/nuxt-light",
-  "version": "1.31.2",
+  "version": "1.32.0",
   "description": "HostLink Nuxt Light Framework",
   "repository": {
     "type": "git",
@@ -32,7 +32,7 @@
   "dependencies": {
     "@azure/msal-browser": "^3.26.1",
     "@formkit/drag-and-drop": "^0.2.6",
-    "@hostlink/light": "^2.5.2",
+    "@hostlink/light": "^2.7.0",
     "@nuxt/module-builder": "^1.0.1",
     "@quasar/extras": "^1.16.11",
     "@quasar/quasar-ui-qmarkdown": "^2.0.5",