@hostlink/nuxt-light 0.0.115 → 0.0.117

package/dist/module.json

@@ -1,5 +1,5 @@
 {
   "name": "light",
   "configKey": "light",
-  "version": "0.0.115"
+  "version": "0.0.117"
 }

package/dist/runtime/formkit/Form.vue

@@ -28,14 +28,23 @@ if (!props.context.onSubmit) {
         loading.value = true;
         const [module, id_name] = route.name.split("-");
 
+
+        const v = {};
+        //filter out undefined value from context.value
+        for (const [key, value] of Object.entries(props.context.value)) {
+            if (value !== undefined) {
+                v[key] = value;
+            }
+        }
+
         try {
             if (route.params[id_name]) {//edit
-                if (await model(module).update(parseInt(route.params[id_name]), props.context.value)) {
+                if (await model(module).update(parseInt(route.params[id_name]), v)) {
                     router.go(-1);
                     return;
                 }
             } else {
-                if (await model(module).add(props.context.value)) {
+                if (await model(module).add(v)) {
                     router.go(-1);
                     return;
                 }

package/dist/runtime/formkit/index.mjs

@@ -65,6 +65,7 @@ export const createLightPlugin = () => {
           type: "group",
           component: FormVue,
           props: [
+            "actions",
             "submitLabel",
             "submit",
             "actions",

package/dist/runtime/pages/SystemValue/_systemvalue_id/edit.vue

@@ -1,15 +1,13 @@
 <script setup>
-import { reactive } from 'vue'
-import { getObject } from '../../../'
-const obj = reactive(await getObject(["name", "value"]))
+import { getObject } from '#imports'
+const obj = await getObject(["name", "value"])
 </script>
 
 <template>
     <l-page>
-        <l-form v-model="obj">
-            <l-input label="Name" v-model="obj.name" required />
-            <l-input label="Value" v-model="obj.value" required type="textarea" />
-        </l-form>
-
+        <FormKit type="l-form" :value="obj">
+            <FormKit type="l-input" label="Name" name="name" validation="required" />
+            <FormKit type="l-input" label="Value" name="value" validation="required" input-type="textarea" />
+        </FormKit>
     </l-page>
 </template>

package/dist/runtime/pages/SystemValue/add.vue

@@ -1,15 +1,8 @@
-<script setup>
-import { reactive } from 'vue'
-
-const obj = reactive({})
-</script>
-
 <template>
     <l-page>
-        <l-form v-model="obj">
-            <l-input label="Name" v-model="obj.name" required />
-            <l-input label="Value" v-model="obj.value" required type="textarea" />
-        </l-form>
-
+        <FormKit type="l-form">
+            <FormKit type="l-input" label="Name" name="name" validation="required" />
+            <FormKit type="l-input" label="Value" name="value" validation="required" input-type="textarea" />
+        </FormKit>
     </l-page>
 </template>

package/dist/runtime/pages/User/profile.vue

@@ -48,8 +48,8 @@ eventLogCols.forEach(col => {
 <template>
     <l-page title="User profile">
         <template #header>
-            <l-btn icon="sym_o_key" to="update-password" label="Update password" />
-            <l-btn icon="sym_o_key" to="two-factor-auth" label="Two factor auth" />
+            <l-btn icon="sym_o_password" to="setting/password" label="Update password" />
+            <l-btn icon="sym_o_key" to="setting/two-factor-auth" label="Two factor auth" />
         </template>
         <div class="q-gutter-md q-mt-md">
             <l-card>

package/dist/runtime/routes.mjs

@@ -151,11 +151,6 @@ function User_setting_two_factor_auth() {
     /* webpackChunkName: "User-setting-two-factor-auth" */ './pages/User/setting/two-factor-auth.vue'
   )
 }
-function User_update_password() {
-  return import(
-    /* webpackChunkName: "User-update-password" */ './pages/User/update-password.vue'
-  )
-}
 function System_database_backup() {
   return import(
     /* webpackChunkName: "System-database-backup" */ './pages/System/database/backup.vue'
@@ -369,11 +364,6 @@ export default [
       },
     ],
   },
-  {
-    name: 'User-update-password',
-    path: '/User/update-password',
-    component: User_update_password,
-  },
   {
     name: 'System-database-backup',
     path: '/System/database/backup',

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hostlink/nuxt-light",
-  "version": "0.0.115",
+  "version": "0.0.117",
   "description": "HostLink Nuxt Light Framework",
   "repository": "@hostlink/nuxt-light",
   "license": "MIT",

package/dist/runtime/pages/User/update-password.vue

@@ -1,44 +0,0 @@
-<script setup>
-import { useQuasar } from 'quasar';
-import { updatePassword } from '@hostlink/light';
-
-const obj = reactive({
-    old_password: "",
-    new_password: "",
-    confirm_password: ""
-})
-
-const qua = useQuasar();
-const router = useRouter();
-
-const onSave = async () => {
-    if (await updatePassword(obj.old_password, obj.new_password)) {
-        //back
-        router.back();
-    } else {
-        //show error
-        qua.notify({
-            message: "Invalid old password",
-            color: "negative",
-            icon: "sym_o_error",
-            position: "top",
-            timeout: 2000
-        });
-    }
-}
-
-</script>
-<template>
-    <l-page>
-        <l-form @save="onSave">
-            <l-input label="Old password" v-model="obj.old_password" type="password"
-                :rules="[v => !!v || 'Old password is required']" />
-            <l-input label="New password" v-model="obj.new_password" type="password"
-                :rules="[v => !!v || 'New password is required']" />
-            <l-input label="Confirm password" v-model="obj.confirm_password" type="password" :rules="[
-                v => !!v || 'Confirm password is required',
-                v => v == obj.new_password || 'Confirm password does not match'
-            ]" />
-        </l-form>
-    </l-page>
-</template>