@hostlink/nuxt-light 1.27.8 → 1.28.1

package/dist/runtime/pages/User/_user_id/edit.vue

@@ -1,28 +1,37 @@
-<script setup>
-import { reactive, ref } from 'vue'
-import { getObject, q } from '#imports'
-const obj = reactive(await getObject(["username", "first_name", "last_name", "email", "phone",
-    "addr1", "addr2", "addr3", "join_date", "expiry_date", "status", "language", "default_page"
-]))
-
-const options = [
-    { label: 'Active', value: 0 },
-    { label: 'Inactive', value: 1 }
-];
-
-const tt = await q({
-    app: ["languages"],
-})
-
-const languages = tt.app.languages.map((lang) => {
-    return {
-        label: lang.name,
-        value: lang.value,
-    };
-})
-</script>
-
-<template>
+<script setup>
+import { reactive, ref } from "vue";
+import { getObject, q } from "#imports";
+const obj = reactive(await getObject([
+  "username",
+  "first_name",
+  "last_name",
+  "email",
+  "phone",
+  "addr1",
+  "addr2",
+  "addr3",
+  "join_date",
+  "expiry_date",
+  "status",
+  "language",
+  "default_page"
+]));
+const options = [
+  { label: "Active", value: 0 },
+  { label: "Inactive", value: 1 }
+];
+const tt = await q({
+  app: ["languages"]
+});
+const languages = tt.app.languages.map((lang) => {
+  return {
+    label: lang.name,
+    value: lang.value
+  };
+});
+</script>
+
+<template>
     <l-page>
         <FormKit type="l-form" :value="obj" gutter="none">
             <l-row>
@@ -51,4 +60,4 @@ const languages = tt.app.languages.map((lang) => {
             </l-row>
         </FormKit>
     </l-page>
-</template>
+</template>

package/dist/runtime/pages/User/_user_id/edit.vue.d.ts

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

package/dist/runtime/pages/User/_user_id/update-role.vue

@@ -1,45 +1,35 @@
-<script setup>
-import { reactive } from 'vue'
-import { useQuasar } from 'quasar';
-import { useRouter } from "vue-router"
-import { getObject, q, m } from '../../../'
-const quasar = useQuasar();
-const router = useRouter();
-const obj = reactive(await getObject(["user_id", "roles"]));
-
-
-
-//get all roles
-let roles = await q("listRole", ["name"]);
-roles = roles.map((role) => {
-    return {
-        label: role.name,
-        value: role.name,
-    };
-});
-
-const submit = async (data, form) => {
-
-    if (await m("updateUserRole", {
-        user_id: obj.user_id,
-        roles: data.roles
-    })) {
-        //show success message
-
-        quasar.notify({
-            message: 'Role updated',
-            color: 'positive',
-            icon: 'check',
-            position: 'top-right'
-        })
-
-        //go back to list page
-        router.back();
-    }
-}
-
-</script>
-<template>
+<script setup>
+import { reactive } from "vue";
+import { useQuasar } from "quasar";
+import { useRouter } from "vue-router";
+import { getObject, q, m } from "../../../";
+const quasar = useQuasar();
+const router = useRouter();
+const obj = reactive(await getObject(["user_id", "roles"]));
+let roles = await q("listRole", ["name"]);
+roles = roles.map((role) => {
+  return {
+    label: role.name,
+    value: role.name
+  };
+});
+const submit = async (data, form) => {
+  if (await m("updateUserRole", {
+    user_id: obj.user_id,
+    roles: data.roles
+  })) {
+    quasar.notify({
+      message: "Role updated",
+      color: "positive",
+      icon: "check",
+      position: "top-right"
+    });
+    router.back();
+  }
+};
+</script>
+
+<template>
     <l-page>
         <FormKit type="l-form" @submit="submit" :value="{ roles: obj.roles }">
             <FormKit type="l-option-group" :options="roles" name="roles">
@@ -48,4 +38,4 @@ const submit = async (data, form) => {
 
 
     </l-page>
-</template>
+</template>

package/dist/runtime/pages/User/_user_id/update-role.vue.d.ts

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

package/dist/runtime/pages/User/_user_id/view.vue

@@ -1,39 +1,37 @@
-<script setup>
-import { useLight, getObject, m } from "#imports";
-import { useRoute } from "vue-router"
-import { ref } from 'vue';
-
-const route = useRoute();
-const obj = await getObject(["canUpdate"]);
-const light = useLight();
-const tab = ref('overview');
-const id = route.params.user_id;
-
-const reset2fa = async () => {
-    //confirm
-    await light.dialog({
-        title: "Reset 2FA",
-        message: "Are you sure you want to reset 2FA?",
-        color: "negative",
-        ok: true,
-        cancel: true
-    }).onOk(async () => {
-        try {
-            await m('reset2FA', { id: parseInt(id) });
-            light.notify({
-                type: 'positive',
-                message: '2FA reset successfully'
-            });
-        } catch (e) {
-            light.notify({
-                type: 'negative',
-                message: e.message
-            });
-        }
-    })
-}
-</script>
-<template>
+<script setup>
+import { useLight, getObject, m } from "#imports";
+import { useRoute } from "vue-router";
+import { ref } from "vue";
+const route = useRoute();
+const obj = await getObject(["canUpdate"]);
+const light = useLight();
+const tab = ref("overview");
+const id = route.params.user_id;
+const reset2fa = async () => {
+  await light.dialog({
+    title: "Reset 2FA",
+    message: "Are you sure you want to reset 2FA?",
+    color: "negative",
+    ok: true,
+    cancel: true
+  }).onOk(async () => {
+    try {
+      await m("reset2FA", { id: parseInt(id) });
+      light.notify({
+        type: "positive",
+        message: "2FA reset successfully"
+      });
+    } catch (e) {
+      light.notify({
+        type: "negative",
+        message: e.message
+      });
+    }
+  });
+};
+</script>
+
+<template>
     <l-page :edit-btn="obj.canUpdate">
 
         <template #header>
@@ -64,4 +62,4 @@ const reset2fa = async () => {
 
 
     </l-page>
-</template>
+</template>

package/dist/runtime/pages/User/_user_id/view.vue.d.ts

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

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

@@ -1,62 +1,54 @@
-<script setup>
-import { reactive } from "vue"
-import { q } from '#imports'
-const obj = reactive({
-    username: null,
-    password: null,
-    first_name: null,
-    last_name: null,
-    email: null,
-    phone: null,
-    addr1: null,
-    addr2: null,
-    addr3: null,
-    join_date: new Date().toISOString().substring(0, 10),    //YYYY-MM-DD (today)
-    expiry_date: null,
-    status: 0,
-    language: "en",
-    default_page: null,
-    roles: ['Users'],
-})
-
-let { system, listRole } = await q({
-    system: {
-        passwordPolicy: true,
-    },
-    listRole: {
-        name: true,
-    }
-})
-const roles = listRole.map((role) => {
-    return {
-        label: role.name,
-        value: role.name,
-    };
-});
-
-
-const options = [
-    { label: 'Active', value: 0 },
-    { label: 'Inactive', value: 1 }
-];
-
-
-const tt = await q({
-    app: ["languages"],
-})
-
-const languages = tt.app.languages.map((lang) => {
-    return {
-        label: lang.name,
-        value: lang.value,
-    };
-})
-
-
-
-
-</script>
-<template>
+<script setup>
+import { reactive } from "vue";
+import { q } from "#imports";
+const obj = reactive({
+  username: null,
+  password: null,
+  first_name: null,
+  last_name: null,
+  email: null,
+  phone: null,
+  addr1: null,
+  addr2: null,
+  addr3: null,
+  join_date: (/* @__PURE__ */ new Date()).toISOString().substring(0, 10),
+  //YYYY-MM-DD (today)
+  expiry_date: null,
+  status: 0,
+  language: "en",
+  default_page: null,
+  roles: ["Users"]
+});
+let { system, listRole } = await q({
+  system: {
+    passwordPolicy: true
+  },
+  listRole: {
+    name: true
+  }
+});
+const roles = listRole.map((role) => {
+  return {
+    label: role.name,
+    value: role.name
+  };
+});
+const options = [
+  { label: "Active", value: 0 },
+  { label: "Inactive", value: 1 }
+];
+const tt = await q({
+  app: ["languages"]
+});
+const languages = tt.app.languages.map((lang) => {
+  return {
+    label: lang.name,
+    value: lang.value
+  };
+});
+</script>
+
+<template>
     <l-page>
         
         <FormKit type="l-form" :value="obj">
@@ -92,4 +84,4 @@ const languages = tt.app.languages.map((lang) => {
         </FormKit>
 
     </l-page>
-</template>
+</template>

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

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

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

@@ -1,34 +1,25 @@
-<script setup>
-import { ref } from 'vue'
-import { model, resolveComponent } from "#imports"
-const onRequest = async (request) => {
-    request.loadObjects("User", { status: status.value });
-};
-
-const columns = model("User").columns({
-    username: true,
-    first_name: true,
-    label_name: true,
-    email: true,
-    phone: true,
-    join_date: true,
-    status: true,
-    has2FA: true,
-    //_test: true,
-})
-
-
-const status = ref("0");
-
-//const testDialog = resolveComponent("l-test-dialog")
-
-const testDialog = null
-//const testDialog = resolveComponent("l-test2")
-
-
-</script>
-
-<template>
+<script setup>
+import { ref } from "vue";
+import { model, resolveComponent } from "#imports";
+const onRequest = async (request) => {
+  request.loadObjects("User", { status: status.value });
+};
+const columns = model("User").columns({
+  username: true,
+  first_name: true,
+  label_name: true,
+  email: true,
+  phone: true,
+  join_date: true,
+  status: true,
+  has2FA: true
+  //_test: true,
+});
+const status = ref("0");
+const testDialog = null;
+</script>
+
+<template>
     <l-page>
         <l-tabs v-model="status">
             <l-tab label="Active" name="0">
@@ -43,4 +34,4 @@ const testDialog = null
             </l-tab>
         </l-tabs>
     </l-page>
-</template>
+</template>

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

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

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

@@ -1,60 +1,54 @@
-<script setup>
-import { q, getGQLFields, model } from '#imports'
-import { toQuery } from '@hostlink/light';
-
-const { my } = await q({
-    my: {
-        user_id: true,
-        username: true,
-        first_name: true,
-        last_name: true,
-        email: true,
-        phone: true,
-        roles: true,
-        addr1: true,
-        addr2: true,
-        addr3: true,
-        join_date: true,
-        userLog: {
-            __args: {
-                sort: "userlog_id:desc"
-            },
-            data: {
-                __args: {
-                    limit: 10
-                },
-                ...toQuery(getGQLFields('UserLog', ['login_dt', 'result', "user_agent"]))
-            }
-        },
-        eventLog: {
-            __args: {
-                sort: "eventlog_id:desc"
-            },
-            data: {
-                __args: {
-                    limit: 10
-                },
-                ...toQuery(getGQLFields('EventLog', ['class', 'id', 'action', "created_time"]))
-            }
-        }
-    }
-})
-
-const userlogColumns = model('UserLog').columns(['login_dt', 'result', 'user_agent']);
-//remove all searchable
-userlogColumns.forEach(col => {
-    col.searchable = false;
-})
-
-
-const eventLogCols = model('EventLog').columns(['class', 'action', 'created_time']);
-//remove all searchable
-eventLogCols.forEach(col => {
-    col.searchable = false;
-})
-
-</script>
-<template>
+<script setup>
+import { q, getGQLFields, model } from "#imports";
+import { toQuery } from "@hostlink/light";
+const { my } = await q({
+  my: {
+    user_id: true,
+    username: true,
+    first_name: true,
+    last_name: true,
+    email: true,
+    phone: true,
+    roles: true,
+    addr1: true,
+    addr2: true,
+    addr3: true,
+    join_date: true,
+    userLog: {
+      __args: {
+        sort: "userlog_id:desc"
+      },
+      data: {
+        __args: {
+          limit: 10
+        },
+        ...toQuery(getGQLFields("UserLog", ["login_dt", "result", "user_agent"]))
+      }
+    },
+    eventLog: {
+      __args: {
+        sort: "eventlog_id:desc"
+      },
+      data: {
+        __args: {
+          limit: 10
+        },
+        ...toQuery(getGQLFields("EventLog", ["class", "id", "action", "created_time"]))
+      }
+    }
+  }
+});
+const userlogColumns = model("UserLog").columns(["login_dt", "result", "user_agent"]);
+userlogColumns.forEach((col) => {
+  col.searchable = false;
+});
+const eventLogCols = model("EventLog").columns(["class", "action", "created_time"]);
+eventLogCols.forEach((col) => {
+  col.searchable = false;
+});
+</script>
+
+<template>
     <l-page title="User profile" gutter="sm">
         <template #header>
             <l-btn icon="sym_o_password" to="setting/password" label="Update password" />
@@ -101,4 +95,4 @@ eventLogCols.forEach(col => {
         </l-row>
 
     </l-page>
-</template>
+</template>

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

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