@hostlink/nuxt-light 1.27.8 → 1.28.0

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

@@ -1,61 +1,44 @@
-<script setup>
-import { ref } from 'vue'
-import { q, m, useLight, useRoute } from '#imports';
-import { useQuasar } from 'quasar';
-const route = useRoute()
-const tab = ref('general')
-const $q = useQuasar()
-
-
-if (route.query.mail_driver == 'gmail' && route.query.refresh_token) {
-
-    //save the mail_driver
-    await m("updateAppConfigs", {
-        data: [
-            { name: 'mail_driver', value: 'gmail' },
-            { name: 'mail_google_refresh_token', value: route.query.refresh_token }
-        ]
-    })
-    tab.value = 'mail'
-
-    //remove the query string
-    window.history.replaceState({}, document.title, window.location.pathname);
-
-    $q.notify({ message: "Gmail account added", color: "positive" })
-}
-
-const light = useLight()
-
-const { app } = await q({ app: { config: ["name", "value"] } })
-const obj = app.config.reduce((acc, cur) => {
-    acc[cur.name] = cur.value
-    return acc
-}, {});
-
-
-
-const onSubmit = async (d) => {
-    let data = [];
-    Object.keys(d).forEach((key) => {
-        data.push({
-            name: key,
-            value: d[key]
-        })
-    })
-    await m("updateAppConfigs", { data })
-
-    light.notify({ message: "Settings saved", color: "positive" })
-
-    //update the modelValue
-    Object.keys(d).forEach((key) => {
-        obj[key] = d[key]
-    })
-}
-
-
-
-</script>
-<template>
+<script setup>
+import { ref } from "vue";
+import { q, m, useLight, useRoute } from "#imports";
+import { useQuasar } from "quasar";
+const route = useRoute();
+const tab = ref("general");
+const $q = useQuasar();
+if (route.query.mail_driver == "gmail" && route.query.refresh_token) {
+  await m("updateAppConfigs", {
+    data: [
+      { name: "mail_driver", value: "gmail" },
+      { name: "mail_google_refresh_token", value: route.query.refresh_token }
+    ]
+  });
+  tab.value = "mail";
+  window.history.replaceState({}, document.title, window.location.pathname);
+  $q.notify({ message: "Gmail account added", color: "positive" });
+}
+const light = useLight();
+const { app } = await q({ app: { config: ["name", "value"] } });
+const obj = app.config.reduce((acc, cur) => {
+  acc[cur.name] = cur.value;
+  return acc;
+}, {});
+const onSubmit = async (d) => {
+  let data = [];
+  Object.keys(d).forEach((key) => {
+    data.push({
+      name: key,
+      value: d[key]
+    });
+  });
+  await m("updateAppConfigs", { data });
+  light.notify({ message: "Settings saved", color: "positive" });
+  Object.keys(d).forEach((key) => {
+    obj[key] = d[key];
+  });
+};
+</script>
+
+<template>
     <l-page>
 
         <l-card>
@@ -86,4 +69,4 @@ const onSubmit = async (d) => {
             </q-splitter>
         </l-card>
     </l-page>
-</template>
+</template>

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

@@ -0,0 +1,2 @@
+declare const _default: {};
+export default _default;

package/dist/runtime/pages/System/test.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: {};
+export default _default;

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

@@ -1,70 +1,67 @@
-<script setup>
-import { list, m, useLight } from '#imports'
-import { useRouter } from "vue-router"
-import { ref, computed } from "vue"
-import { useQuasar } from 'quasar'
-const light = useLight();
-
-let { data: users } = await list("User", null, ["user_id", "username", "name", "roles", "email"]);
-
-let columns = [
-    {
-        label: "Username",
-        name: "username",
-        field: "username",
-        align: "left",
-    },
-    {
-        name: "name",
-        label: "Name",
-        field: "name",
-        align: "left",
-    }, {
-        name: "email",
-        label: "Email",
-        align: "left",
-        field: "email"
-    },
-    {
-        name: "roles",
-        label: "Roles",
-        align: "left",
-        field: r => r.roles.join(",")
-    }, {
-        name: "view",
-        label: "View",
-        align: "left"
-    }
-]
-
-const onCickView = async (id) => {
-    try {
-        if (await m("viewAs", { user_id: id })) {
-            //redirect to last path
-            window.location.reload();
-        }
-    } catch (e) {
-        light.dialog({
-            title: "Error",
-            message: e.message,
-            color: "negative",
-            ok: true
-        })
-
-    }
-}
-
-const filter = ref("")
-const filtered = computed(() => {
-    if (!filter.value) return users
-    return users.filter((row) => {
-        return Object.values(row).some((val) => {
-            return String(val).toLowerCase().includes(filter.value.toLowerCase())
-        })
-    })
-})
-</script>
-<template>
+<script setup>
+import { list, m, useLight } from "#imports";
+import { useRouter } from "vue-router";
+import { ref, computed } from "vue";
+import { useQuasar } from "quasar";
+const light = useLight();
+let { data: users } = await list("User", null, ["user_id", "username", "name", "roles", "email"]);
+let columns = [
+  {
+    label: "Username",
+    name: "username",
+    field: "username",
+    align: "left"
+  },
+  {
+    name: "name",
+    label: "Name",
+    field: "name",
+    align: "left"
+  },
+  {
+    name: "email",
+    label: "Email",
+    align: "left",
+    field: "email"
+  },
+  {
+    name: "roles",
+    label: "Roles",
+    align: "left",
+    field: (r) => r.roles.join(",")
+  },
+  {
+    name: "view",
+    label: "View",
+    align: "left"
+  }
+];
+const onCickView = async (id) => {
+  try {
+    if (await m("viewAs", { user_id: id })) {
+      window.location.reload();
+    }
+  } catch (e) {
+    light.dialog({
+      title: "Error",
+      message: e.message,
+      color: "negative",
+      ok: true
+    });
+  }
+};
+const filter = ref("");
+const filtered = computed(() => {
+  if (!filter.value) return users;
+  return users.filter((row) => {
+    return Object.values(row).some((val) => {
+      return String(val).toLowerCase().includes(filter.value.toLowerCase());
+    });
+  });
+});
+</script>
+
+<template>
     <l-page class="q-gutter-md">
         <q-banner>
             Use this page to view the system as another user. This is useful for testing permissions.
@@ -86,4 +83,4 @@ const filtered = computed(() => {
             </template>
         </q-table>
     </l-page>
-</template>
+</template>

package/dist/runtime/pages/System/view_as.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: {};
+export default _default;

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

@@ -1,13 +1,13 @@
-<script setup>
-import { getObject } from '#imports'
-const obj = await getObject(["name", "value"])
-</script>
-
-<template>
+<script setup>
+import { getObject } from "#imports";
+const obj = await getObject(["name", "value"]);
+</script>
+
+<template>
     <l-page>
         <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>
+</template>

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

@@ -0,0 +1,2 @@
+declare const _default: {};
+export default _default;

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

@@ -0,0 +1,2 @@
+declare const _default: {};
+export default _default;

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

@@ -1,10 +1,11 @@
-<script setup>
-import { model } from "#imports"
-const columns = model("SystemValue").columns(["name", "value"]);
-</script>
-<template>
+<script setup>
+import { model } from "#imports";
+const columns = model("SystemValue").columns(["name", "value"]);
+</script>
+
+<template>
     <l-page>
         <l-table row-key="systemvalue_id" :columns="columns" @request-data="$event.loadObjects('SystemValue')"
             :actions="['edit', 'delete']"></l-table>
     </l-page>
-</template>
+</template>

package/dist/runtime/pages/SystemValue/index.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: {};
+export default _default;

package/dist/runtime/pages/Translate/index.vue

@@ -1,102 +1,83 @@
-<script setup>
-import { ref, reactive } from 'vue';
-import { m, q } from '#imports'
-import { useQuasar } from 'quasar';
-import { useI18n } from 'vue-i18n';
-const quasar = useQuasar();
-const { t } = useI18n();
-const app = await q("app", ["languages"])
-
-const splitterModel = ref(62)
-
-const all = ref(await q("allTranslate", []))
-
-const obj = reactive({
-    name: ""
-})
-
-const onSave = async () => {
-    await m("addTranslate", {
-        data: {
-            name: obj.name,
-
-            values: app.languages.map(language => {
-                return {
-                    language: language.value,
-                    value: obj[language.value]
-                }
-            })
-
-        }
-    })
-
-    quasar.notify({
-        message: "Save success",
-        color: "positive",
-        icon: "check"
-    })
-
-    //reload
-    all.value = await q("allTranslate", [])
-}
-
-
-const columns = [
-    {
-        label: "",
-        name: "_delete"
-    },
-    {
-        label: t("Name"),
-        name: "name",
-        field: "name",
-        align: "left",
-        sortable: true,
-    }];
-
-for (const language of app.languages) {
-    columns.push({
-        label: language.name,
-        name: language.value,
-        align: "left",
-    })
-}
-
-
-const onUpdateTranslate = async (value, language, name) => {
-
-    if (await m("updateTranslate", {
-        name: name,
-        language: language,
-        value: value
-    })) {
-        quasar.notify({
-            message: "Update success",
-            color: "positive",
-            icon: "check"
-        })
-
-    }
-}
-
-const onDelete = async (name) => {
-
-    if (await m("deleteTranslate", {
-        name: name
-    })) {
-        quasar.notify({
-            message: "Delete success",
-            color: "positive",
-            icon: "check"
-        })
-
-        //reload
-        all.value = await q("allTranslate", [])
-    }
-
-}
-</script>
-<template>
+<script setup>
+import { ref, reactive } from "vue";
+import { m, q } from "#imports";
+import { useQuasar } from "quasar";
+import { useI18n } from "vue-i18n";
+const quasar = useQuasar();
+const { t } = useI18n();
+const app = await q("app", ["languages"]);
+const splitterModel = ref(62);
+const all = ref(await q("allTranslate", []));
+const obj = reactive({
+  name: ""
+});
+const onSave = async () => {
+  await m("addTranslate", {
+    data: {
+      name: obj.name,
+      values: app.languages.map((language) => {
+        return {
+          language: language.value,
+          value: obj[language.value]
+        };
+      })
+    }
+  });
+  quasar.notify({
+    message: "Save success",
+    color: "positive",
+    icon: "check"
+  });
+  all.value = await q("allTranslate", []);
+};
+const columns = [
+  {
+    label: "",
+    name: "_delete"
+  },
+  {
+    label: t("Name"),
+    name: "name",
+    field: "name",
+    align: "left",
+    sortable: true
+  }
+];
+for (const language of app.languages) {
+  columns.push({
+    label: language.name,
+    name: language.value,
+    align: "left"
+  });
+}
+const onUpdateTranslate = async (value, language, name) => {
+  if (await m("updateTranslate", {
+    name,
+    language,
+    value
+  })) {
+    quasar.notify({
+      message: "Update success",
+      color: "positive",
+      icon: "check"
+    });
+  }
+};
+const onDelete = async (name) => {
+  if (await m("deleteTranslate", {
+    name
+  })) {
+    quasar.notify({
+      message: "Delete success",
+      color: "positive",
+      icon: "check"
+    });
+    all.value = await q("allTranslate", []);
+  }
+};
+</script>
+
+<template>
     <l-page>
         <l-card>
             <q-splitter v-model="splitterModel" style="height:680px">
@@ -134,4 +115,4 @@ const onDelete = async (name) => {
             </q-splitter>
         </l-card>
     </l-page>
-</template>
+</template>

package/dist/runtime/pages/Translate/index.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: {};
+export default _default;

package/dist/runtime/pages/User/_user_id/change-password.vue

@@ -1,47 +1,40 @@
-<script setup>
-import { useI18n } from 'vue-i18n'
-import { q, m } from '#imports'
-import { useRouter, useRoute } from "vue-router"
-import { useQuasar } from 'quasar';
-import { computed } from 'vue'
-const quasar = useQuasar();
-const { t } = useI18n()
-
-const system = await q("system", ["passwordPolicy"]);
-const router = useRouter();
-const route = useRoute();
-const id = route.params.user_id;
-
-const onSubmit = async (data) => {
-    return await m("updateUserPassword", {
-        id: parseInt(id),
-        password: data.password
-    }).then(() => {
-        quasar.notify({
-            message: "Password changed successfully",
-            color: "positive",
-            icon: "check"
-        });
-
-        router.push("/User");
-    });
-}
-
-const policies = computed(() => {
-    return system.passwordPolicy.split("|").map((policy) => {
-        let name = policy.split(":")[0]
-
-        if (name == "length") {
-            return t('Must contain at least {0} characters', [policy.split(":")[1]]);
-        }
-        
-        return t(name);
-    })
-})
-
-
-</script>
-<template>
+<script setup>
+import { useI18n } from "vue-i18n";
+import { q, m } from "#imports";
+import { useRouter, useRoute } from "vue-router";
+import { useQuasar } from "quasar";
+import { computed } from "vue";
+const quasar = useQuasar();
+const { t } = useI18n();
+const system = await q("system", ["passwordPolicy"]);
+const router = useRouter();
+const route = useRoute();
+const id = route.params.user_id;
+const onSubmit = async (data) => {
+  return await m("updateUserPassword", {
+    id: parseInt(id),
+    password: data.password
+  }).then(() => {
+    quasar.notify({
+      message: "Password changed successfully",
+      color: "positive",
+      icon: "check"
+    });
+    router.push("/User");
+  });
+};
+const policies = computed(() => {
+  return system.passwordPolicy.split("|").map((policy) => {
+    let name = policy.split(":")[0];
+    if (name == "length") {
+      return t("Must contain at least {0} characters", [policy.split(":")[1]]);
+    }
+    return t(name);
+  });
+});
+</script>
+
+<template>
     <l-page>
         <FormKit type="l-form" @submit="onSubmit">
             <FormKit type="l-input" name="password" :validation="system.passwordPolicy" label="Password"
@@ -60,4 +53,4 @@ const policies = computed(() => {
             </q-card-section>
         </q-card>
     </l-page>
-</template>
+</template>

package/dist/runtime/pages/User/_user_id/change-password.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: {};
+export default _default;