@hostlink/nuxt-light 1.27.8 → 1.28.0

package/dist/runtime/components/L/System/Setting/general.vue

@@ -1,43 +1,31 @@
-<script setup lang="ts">
-import { q, m } from '#imports'
-import { useQuasar } from 'quasar'
-
-const $q = useQuasar()
-
-const modelValue = defineModel<{
-    company: string
-    company_logo: string
-    copyright_name: string
-    copyright_year: string
-}>()
-
-
-const onSubmit = async (d, form) => {
-    let data = [];
-    Object.keys(d).forEach((key) => {
-        data.push({
-            name: key,
-            value: d[key]
-        })
-    })
-    await m("updateAppConfigs", { data })
-
-    Object.keys(d).forEach((key) => {
-        modelValue.value[key] = d[key]
-
-    })
-
-    $q.notify({ message: "Settings saved", color: "positive" })
-}
-
-</script>
-<template>
-    <FormKit type="l-form" :bordered="false" :value="{
-        company: modelValue.company,
-        company_logo: modelValue.company_logo,
-        copyright_name: modelValue.copyright_name,
-        copyright_year: modelValue.copyright_year
-    }" @submit="onSubmit">
+<script setup>
+import { q, m } from "#imports";
+import { useQuasar } from "quasar";
+const $q = useQuasar();
+const modelValue = defineModel({ type: Object });
+const onSubmit = async (d, form) => {
+  let data = [];
+  Object.keys(d).forEach((key) => {
+    data.push({
+      name: key,
+      value: d[key]
+    });
+  });
+  await m("updateAppConfigs", { data });
+  Object.keys(d).forEach((key) => {
+    modelValue.value[key] = d[key];
+  });
+  $q.notify({ message: "Settings saved", color: "positive" });
+};
+</script>
+
+<template>
+    <FormKit type="l-form" :bordered="false" :value="{
+  company: modelValue.company,
+  company_logo: modelValue.company_logo,
+  copyright_name: modelValue.copyright_name,
+  copyright_year: modelValue.copyright_year
+}" @submit="onSubmit">
 
         <FormKit type="l-input" label="Company" name="company" validation="required"></FormKit>
         <FormKit type="l-input" label="Company logo" name="company_logo"></FormKit>
@@ -46,4 +34,4 @@ const onSubmit = async (d, form) => {
         <FormKit label="Copyright year" type="l-input" name="copyright_year" validation="required" />
 
     </FormKit>
-</template>
+</template>

package/dist/runtime/components/L/System/Setting/general.vue.d.ts

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

package/dist/runtime/components/L/System/Setting/mail.vue

@@ -1,40 +1,38 @@
-<script setup lang="ts">
-const emits = defineEmits(["submit"])
-withDefaults(defineProps<{
-    mail_driver: string,
-    mail_host: string
-    mail_port: string
-    mail_username: string
-    mail_password: string
-    mail_encryption: string
-    mail_from: string
-    mail_from_name: string
-    mail_reply_to: string
-    mail_reply_to_name: string
-}>(), {
-    mail_driver: "mail",
-})
-
-const onLoginGmail = () => {
-    let state = encodeURIComponent(window.self.location.origin + window.self.location.pathname + "?mail_driver=gmail");
-
-    let scope = encodeURIComponent("https://mail.google.com/");
-    let url = "https://accounts.google.com/o/oauth2/v2/auth?scope=" + scope + "&access_type=offline&state=" + state + "&response_type=code&redirect_uri=https%3A%2F%2Fraymond4.hostlink.com.hk%2Flight%2Fgmail_notification%2Fredirect.php&client_id=790028313082-8qqnoqvkqtqssufto11k6qe6pnievcpv.apps.googleusercontent.com&prompt=consent";
-    window.open(url, "_blank");
-}
-
-</script>
-<template>
+<script setup>
+const emits = defineEmits(["submit"]);
+defineProps({
+  mail_driver: { type: String, required: true, default: "mail" },
+  mail_host: { type: String, required: true },
+  mail_port: { type: String, required: true },
+  mail_username: { type: String, required: true },
+  mail_password: { type: String, required: true },
+  mail_encryption: { type: String, required: true },
+  mail_from: { type: String, required: true },
+  mail_from_name: { type: String, required: true },
+  mail_reply_to: { type: String, required: true },
+  mail_reply_to_name: { type: String, required: true }
+});
+const onLoginGmail = () => {
+  let state = encodeURIComponent(window.self.location.origin + window.self.location.pathname + "?mail_driver=gmail");
+  let scope = encodeURIComponent("https://mail.google.com/");
+  let url = "https://accounts.google.com/o/oauth2/v2/auth?scope=" + scope + "&access_type=offline&state=" + state + "&response_type=code&redirect_uri=https%3A%2F%2Fraymond4.hostlink.com.hk%2Flight%2Fgmail_notification%2Fredirect.php&client_id=790028313082-8qqnoqvkqtqssufto11k6qe6pnievcpv.apps.googleusercontent.com&prompt=consent";
+  window.open(url, "_blank");
+};
+</script>
+
+<template>
     <FormKit type="l-form" :bordered="false" :value="$props" @submit="$emit('submit', $event)" #default="{ value }">
 
-        <FormKit type="l-select" label="Mail Driver" name="mail_driver" :options="[{
-            label: 'Mail', value: 'mail'
-        },
-        { label: 'SMTP', value: 'smtp' },
-        { label: 'Sendmail', value: 'sendmail' },
-        { label: 'Qmail', value: 'qmail' },
-        { label: 'Gmail', value: 'gmail' },
-        ]" validation="required"></FormKit>
+        <FormKit type="l-select" label="Mail Driver" name="mail_driver" :options="[
+  {
+    label: 'Mail',
+    value: 'mail'
+  },
+  { label: 'SMTP', value: 'smtp' },
+  { label: 'Sendmail', value: 'sendmail' },
+  { label: 'Qmail', value: 'qmail' },
+  { label: 'Gmail', value: 'gmail' }
+]" validation="required"></FormKit>
 
         <template v-if="value.mail_driver === 'gmail'">
             <l-btn label="Login" @click="onLoginGmail" icon="sym_o_login" />
@@ -55,11 +53,11 @@ const onLoginGmail = () => {
                 <FormKit type="l-input" label="SMTP Username" name="mail_username"></FormKit>
                 <FormKit type="l-input" label="SMTP Password" name="mail_password"></FormKit>
 
-                <FormKit type="l-select" label="SMTP Encryption" name="mail_encryption" :options="[
-                    { label: 'None', value: '' },
-                    { label: 'SSL', value: 'ssl' },
-                    { label: 'TLS', value: 'tls' },
-                ]"></FormKit>
+                <FormKit type="l-select" label="SMTP Encryption" name="mail_encryption" :options="[
+  { label: 'None', value: '' },
+  { label: 'SSL', value: 'ssl' },
+  { label: 'TLS', value: 'tls' }
+]"></FormKit>
             </template>
 
         </template>
@@ -68,5 +66,4 @@ const onLoginGmail = () => {
 
 
     </FormKit>
-
-</template>
+</template>

package/dist/runtime/components/L/System/Setting/mail.vue.d.ts

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

package/dist/runtime/components/L/System/Setting/modules.vue

@@ -1,14 +1,14 @@
-<script setup lang="ts">
-const emits = defineEmits(["submit"])
-defineProps<{
-    file_manager: string
-}>()
-</script>
-<template>
+<script setup>
+const emits = defineEmits(["submit"]);
+defineProps({
+  file_manager: { type: String, required: true }
+});
+</script>
+
+<template>
     <form-kit type="l-form" :bordered="false" :value="$props" @submit="$emit('submit', $event)">
         <l-field :label="$t('File Manager')" stack-label :color="$light.color" hide-bottom-space>
             <form-kit type="l-checkbox" label="Show" name="file_manager" true-value="1" false-value="0" />
         </l-field>
     </form-kit>
-
-</template>
+</template>

package/dist/runtime/components/L/System/Setting/modules.vue.d.ts

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

package/dist/runtime/components/L/System/Setting/security.vue

@@ -1,41 +1,22 @@
-<script setup lang="ts">
-const emits = defineEmits(["submit"])
-
-export type LSystemSettingSecurityProps = {
-    password_contains_uppercase: string
-    password_contains_lowercase: string
-    password_contains_numeric: string
-    password_contains_symbol: string
-    password_min_length: string
-    two_factor_authentication: string
-    auth_lockout_duration: string
-    auth_lockout_attempts: string
-    access_token_expire: string
-    password_expiration: string,
-    password_expiration_duration: string,
-    concurrent_login_disabled: string,
-}
-
-withDefaults(defineProps<LSystemSettingSecurityProps>(), {
-    password_contains_uppercase: "0",
-    password_contains_lowercase: "0",
-    password_contains_numeric: "0",
-    password_contains_symbol: "0",
-    password_min_length: "8",
-    two_factor_authentication: "0",
-    auth_lockout_duration: "15",
-    auth_lockout_attempts: "5",
-    access_token_expire: "28800",
-    password_expiration: "0",
-    password_expiration_duration: "90",
-    concurrent_login_disabled: "0",
-});
-
-
-</script>
-
-<template>
-
+<script setup>
+const emits = defineEmits(["submit"]);
+defineProps({
+  password_contains_uppercase: { type: String, required: true, default: "0" },
+  password_contains_lowercase: { type: String, required: true, default: "0" },
+  password_contains_numeric: { type: String, required: true, default: "0" },
+  password_contains_symbol: { type: String, required: true, default: "0" },
+  password_min_length: { type: String, required: true, default: "8" },
+  two_factor_authentication: { type: String, required: true, default: "0" },
+  auth_lockout_duration: { type: String, required: true, default: "15" },
+  auth_lockout_attempts: { type: String, required: true, default: "5" },
+  access_token_expire: { type: String, required: true, default: "28800" },
+  password_expiration: { type: String, required: true, default: "0" },
+  password_expiration_duration: { type: String, required: true, default: "90" },
+  concurrent_login_disabled: { type: String, required: true, default: "0" }
+});
+</script>
+
+<template>
     <FormKit type="l-form" :bordered="false" :value="$props" @submit="$emit('submit', $event)">
         <l-field label="Password policy" stack-label :color="$light.color">
             <FormKit type="l-checkbox" label="Upper Case" name="password_contains_uppercase" true-value="1"
@@ -77,4 +58,4 @@ withDefaults(defineProps<LSystemSettingSecurityProps>(), {
             false-value="0"></form-kit>
 
     </FormKit>
-</template>
+</template>

package/dist/runtime/components/L/System/Setting/security.vue.d.ts

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

package/dist/runtime/components/L/User/eventlog.vue

@@ -1,30 +1,30 @@
-<script setup lang="ts">
-import { model, q } from "#imports";
-const props = defineProps(['id']);
-</script>
-<template>
+<script setup>
+import { model, q } from "#imports";
+const props = defineProps(["id"]);
+</script>
+
+<template>
     <div>
         <l-table row-key="eventlog_id" sort-by="eventlog_id:desc"
             :columns="model('EventLog').columns(['eventlog_id', 'class', 'id', 'action', 'created_time'])"
-            @request-data="async (req) => {
-                const a = {
-                    listUser: {
-                        __args: {
-                            filters: {
-                                user_id: props.id
-                            }
-                        },
-                        data: {
-                            __args: {
-                                limit: 1
-                            },
-                            eventLog: req.gql
-                        }
-                    }
-                }
-
-                let resp = await q(a);
-                req.setData(resp.listUser.data[0].eventLog)
-            }" />
+            @request-data="async (req) => {
+  const a = {
+    listUser: {
+      __args: {
+        filters: {
+          user_id: props.id
+        }
+      },
+      data: {
+        __args: {
+          limit: 1
+        },
+        eventLog: req.gql
+      }
+    }
+  };
+  let resp = await q(a);
+  req.setData(resp.listUser.data[0].eventLog);
+}" />
     </div>
-</template>
+</template>

package/dist/runtime/components/L/User/eventlog.vue.d.ts

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

package/dist/runtime/components/L/User/overview.vue

@@ -1,28 +1,26 @@
-<script setup lang="ts">
-
-import { collect, model } from "#imports";
-const props = defineProps({
-    id: {
-        type: String,
-        required: true
-    }
-});
-
-const obj = await collect("User", {
-    user_id: true,
-    username: true,
-    first_name: true,
-    last_name: true,
-    email: true,
-    phone: true,
-    roles: true,
-    status: true,
-    join_date: true,
-    twoFactorEnabled: true,
-}).where("user_id", props.id).first()
-
-</script>
-<template>
+<script setup>
+import { collect, model } from "#imports";
+const props = defineProps({
+  id: {
+    type: String,
+    required: true
+  }
+});
+const obj = await collect("User", {
+  user_id: true,
+  username: true,
+  first_name: true,
+  last_name: true,
+  email: true,
+  phone: true,
+  roles: true,
+  status: true,
+  join_date: true,
+  twoFactorEnabled: true
+}).where("user_id", props.id).first();
+</script>
+
+<template>
     <l-card>
         <q-card-section>
             <l-row>
@@ -39,7 +37,7 @@ const obj = await collect("User", {
                                     }}</q-badge>
                             </div>
                         </l-item>
-                        <l-item label="Status">{{ model('User').columns(["status"])[0].format(obj.status) }}</l-item>
+                        <l-item label="Status">{{ model("User").columns(["status"])[0].format(obj.status) }}</l-item>
                         <l-item label="Join date">{{ obj.join_date }}</l-item>
                         <l-item label="Two factor authentication">{{ obj.twoFactorEnabled ? "Yes" : "No"
                             }}</l-item>
@@ -49,4 +47,4 @@ const obj = await collect("User", {
             </l-row>
         </q-card-section>
     </l-card>
-</template>
+</template>

package/dist/runtime/components/L/User/overview.vue.d.ts

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

package/dist/runtime/components/L/User/userlog.vue

@@ -1,29 +1,23 @@
-<script setup lang="ts">
-import { model, q } from "#imports";
-const props = defineProps({
-    id: String
-});
-
-const columns = model('UserLog').columns({
-    userlog_id: true,
-    login_dt: true,
-    last_access_time: true,
-    logout_dt: true,
-    result: true,
-    user_agent: true
-}
-);
-
-
-
-const onRequestData = async (req) => {
-    req.loadObjects('UserLog', { user_id: props.id })
-}
-
-
-</script>
-<template>
-
+<script setup>
+import { model, q } from "#imports";
+const props = defineProps({
+  id: String
+});
+const columns = model("UserLog").columns(
+  {
+    userlog_id: true,
+    login_dt: true,
+    last_access_time: true,
+    logout_dt: true,
+    result: true,
+    user_agent: true
+  }
+);
+const onRequestData = async (req) => {
+  req.loadObjects("UserLog", { user_id: props.id });
+};
+</script>
+
+<template>
     <l-table row-key="userlog_id" sort-by="userlog_id:desc" :columns="columns" @request-data="onRequestData" />
-
-</template>
+</template>

package/dist/runtime/components/L/User/userlog.vue.d.ts

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

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

@@ -1,91 +1,70 @@
-<script setup>
-import { computed, watch, reactive } from 'vue';
-const model = defineModel({
-    type: String,
-    default: ""
-});
-
-const props = defineProps({
-    type: {
-        type: String,
-        default: "text"
-    }
-})
-
-const isRequired = computed(() => {
-    return model.value.split("|").includes("required");
-});
-
-const isEmail = computed(() => {
-    return model.value.split("|").includes("email");
-});
-
-const isNumber = computed(() => {
-    return model.value.split("|").includes("number");
-});
-
-const lenghtMin = computed(() => {
-    const length = model.value.split("|").find((v) => v.includes("length"));
-    if (length) {
-        return length.split(":")[1].split(",")[0];
-    }
-    return 0;
-});
-
-const lenghtMax = computed(() => {
-    const length = model.value.split("|").find((v) => v.includes("length"));
-    if (length) {
-        return length.split(":")[1].split(",")[1];
-    }
-    return 0;
-});
-
-
-const form = reactive({
-    required: isRequired.value,
-    email: isEmail.value,
-    number: isNumber.value,
-    length_min: lenghtMin.value,
-    length_max: lenghtMax.value
-});
-
-watch(form, () => {
-
-    //repack the validation string
-    let validation = [];
-    if (form.required) {
-        validation.push("required");
-    }
-
-
-    if (props.type == "text") {
-        if (form.email) {
-            validation.push("email");
-        }
-
-        if (form.number) {
-            validation.push("number");
-        }
-
-        if (form.length_min > 0 || form.length_max > 0) {
-
-            if (form.length_max > 0) {
-                validation.push(`length:${form.length_min},${form.length_max}`);
-            } else {
-                validation.push(`length:${form.length_min}`);
-            }
-        }
-    }
-    
-    model.value = validation.join("|");
-
-});
-
-</script>
-
-<template>
-
-
+<script setup>
+import { computed, watch, reactive } from "vue";
+const model = defineModel({
+  type: String,
+  default: ""
+});
+const props = defineProps({
+  type: {
+    type: String,
+    default: "text"
+  }
+});
+const isRequired = computed(() => {
+  return model.value.split("|").includes("required");
+});
+const isEmail = computed(() => {
+  return model.value.split("|").includes("email");
+});
+const isNumber = computed(() => {
+  return model.value.split("|").includes("number");
+});
+const lenghtMin = computed(() => {
+  const length = model.value.split("|").find((v) => v.includes("length"));
+  if (length) {
+    return length.split(":")[1].split(",")[0];
+  }
+  return 0;
+});
+const lenghtMax = computed(() => {
+  const length = model.value.split("|").find((v) => v.includes("length"));
+  if (length) {
+    return length.split(":")[1].split(",")[1];
+  }
+  return 0;
+});
+const form = reactive({
+  required: isRequired.value,
+  email: isEmail.value,
+  number: isNumber.value,
+  length_min: lenghtMin.value,
+  length_max: lenghtMax.value
+});
+watch(form, () => {
+  let validation = [];
+  if (form.required) {
+    validation.push("required");
+  }
+  if (props.type == "text") {
+    if (form.email) {
+      validation.push("email");
+    }
+    if (form.number) {
+      validation.push("number");
+    }
+    if (form.length_min > 0 || form.length_max > 0) {
+      if (form.length_max > 0) {
+        validation.push(`length:${form.length_min},${form.length_max}`);
+      } else {
+        validation.push(`length:${form.length_min}`);
+      }
+    }
+  }
+  model.value = validation.join("|");
+});
+</script>
+
+<template>
     <q-checkbox left-label v-model="form.required" label="Required" :color="$light.color" />
 
     <q-checkbox left-label v-model="form.email" label="Email" :color="$light.color" v-if="type == 'text'" />
@@ -100,6 +79,4 @@ watch(form, () => {
             <q-input label="Length max" v-model="form.length_max" type="number" stack-label outlined dense :min="0" />
         </l-col>
     </l-row>
-
-
-</template>
+</template>

package/dist/runtime/components/L/ValidationInput.vue.d.ts

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