@hostlink/nuxt-light 0.0.118 → 1.0.1

package/dist/module.json

@@ -1,5 +1,5 @@
 {
   "name": "light",
   "configKey": "light",
-  "version": "0.0.118"
+  "version": "1.0.1"
 }

package/dist/runtime/pages/System/mailtest.vue

@@ -1,24 +1,34 @@
 <script setup>
-import { reactive } from 'vue'
 import { m } from '../../'
-const obj = reactive({})
+import { Notify } from "quasar"
 
-const onSave = async () => {
-    if (await m("mailTest", obj)) {
-        que.notify({
-            message: "Mail sent",
+const onSubmit = async (data) => {
+    try {
+        await m("mailTest", data)
+
+
+        Notify.create({
+            message: "Email sent",
             color: "positive",
-            icon: "email"
+            icon: "check"
         });
+
+    } catch (e) {
+        Notify.create({
+            message: e.message,
+            color: "negative",
+            icon: "warning"
+        })
     }
 }
 </script>
 <template>
     <l-page>
-        <l-form @save="onSave">
-            <l-input label="Email" v-model="obj.email" required></l-input>
-            <l-input label="Subject" v-model="obj.subject" required></l-input>
-            <l-input type="textarea" label="Content" v-model="obj.content" required></l-input>
-        </l-form>
+        <FormKit type="l-form" @submit="onSubmit">
+            <FormKit type="l-input" label="Email" name="email" validation="required|email"></FormKit>
+            <FormKit type="l-input" label="Subject" name="subject" validation="required"></FormKit>
+            <FormKit type="l-input" input-type="textarea" label="Content" name="content" validation="required">
+            </FormKit>
+        </FormKit>
     </l-page>
 </template>

package/dist/runtime/pages/System/setting.vue

@@ -1,22 +1,17 @@
 <script setup>
-import { useQuasar } from 'quasar'
+import { Notify } from 'quasar'
 import { useRouter } from 'vue-router'
-import { reactive } from "vue"
 import { q, m } from '../../'
 
 const router = useRouter()
-const que = useQuasar()
-
 const { app } = await q({ app: { config: ["name", "value"] } })
-
-//const system = await q("system", ["passwordPolicy"])
-
-const obj = reactive(app.config.reduce((acc, cur) => {
+const obj = app.config.reduce((acc, cur) => {
     acc[cur.name] = cur.value
     return acc
-}, {}));
+}, {});
 
-const fields = ["company", "company_logo", "password_upper_case", "password_lower_case", "password_number", "password_special_character",
+const fields = ["company", "company_logo",
+    "password_upper_case", "password_lower_case", "password_number", "password_special_character",
     "file_manager", "two_factor_authentication"];
 
 //filter out fields that are not in the app.config table
@@ -26,53 +21,53 @@ Object.keys(obj).forEach((key) => {
     }
 })
 
-const onSave = async () => {
-    const data = [];
-    Object.keys(obj).forEach((key) => {
+const onSubmit = async (d, form) => {
+    let data = [];
+    Object.keys(d).forEach((key) => {
         data.push({
             name: key,
-            value: obj[key]
+            value: d[key]
         })
     })
+
     await m("updateAppConfigs", { data })
     //show success
-    que.notify({
-        message: "Saved",
-        type: "positive",
-        position: "top",
-    });
-
+    Notify.create({
+        message: "Settings updated",
+        color: "positive",
+        icon: "check"
+    })
 
-}
+    router.go(-1);
 
 
+}
 </script>
 <template>
     <l-page>
-        <l-form @save="onSave">
-            <l-input label="Company" v-model="obj.company"></l-input>
-            <l-input label="Company logo" v-model="obj.company_logo"></l-input>
+
+        <FormKit type="l-form" :value="obj" #default="{ value }" @submit="onSubmit">
+            <FormKit type="l-input" label="Company" name="company"></FormKit>
+            <FormKit type="l-input" label="Company logo" name="company_logo"></FormKit>
 
             <q-field label="Password policy" stack-label>
-                <q-checkbox label="Upper case" v-model="obj.password_upper_case" true-value="1"
-                    false-value="0"></q-checkbox>
-                <q-checkbox label="Lower case" v-model="obj.password_lower_case" true-value="1"
-                    false-value="0"></q-checkbox>
-                <q-checkbox label="Number" v-model="obj.password_number" true-value="1" false-value="0"></q-checkbox>
-                <q-checkbox label="Special character" v-model="obj.password_special_character" true-value="1"
-                    false-value="0"></q-checkbox>
+                <FormKit type="q-checkbox" label="Upper Case" name="password_upper_case" true-value="1" false-value="0" />
+                <FormKit type="q-checkbox" label="Lower Case" name="password_lower_case" true-value="1" false-value="0" />
+                <FormKit type="q-checkbox" label="Number" name="password_number" true-value="1" false-value="0" />
+                <FormKit type="q-checkbox" label="Special Character" name="password_special_character" true-value="1"
+                    false-value="0" />
             </q-field>
 
 
             <q-field label="File manager" stack-label>
-                <q-checkbox label="Show" v-model="obj.file_manager" true-value="1" false-value="0"></q-checkbox>
+                <FormKit type="q-checkbox" label="Show" name="file_manager" true-value="1" false-value="0" />
             </q-field>
 
             <q-field label="Two factor authentication" stack-label>
-                <q-checkbox label="Enable" v-model="obj.two_factor_authentication" true-value="1"
-                    false-value="0"></q-checkbox>
+                <FormKit type="q-checkbox" label="Enable" name="two_factor_authentication" true-value="1" false-value="0" />
             </q-field>
 
-        </l-form>
+
+        </FormKit>
     </l-page>
 </template>

package/package.json

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