@hostlink/nuxt-light 1.27.8 → 1.28.1

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

@@ -1,17 +1,15 @@
-<script setup>
-import { q } from '#imports'
-
-let roles = await q("listRole", ["name"]);
-roles = roles.map((role) => {
-    return {
-        label: role.name,
-        value: role.name,
-    };
-});
-
-</script>
-
-<template>
+<script setup>
+import { q } from "#imports";
+let roles = await q("listRole", ["name"]);
+roles = roles.map((role) => {
+  return {
+    label: role.name,
+    value: role.name
+  };
+});
+</script>
+
+<template>
     <l-page>
         <FormKit type="l-form" :value="{ childs: ['Users'] }"  >
             <FormKit type="l-input" name="name" label="Name" validation="required" />
@@ -19,4 +17,4 @@ roles = roles.map((role) => {
         </FormKit>
 
     </l-page>
-</template>
+</template>

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

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

package/dist/runtime/pages/Role/add2.vue

@@ -1,40 +1,29 @@
-<script setup>
-import { m, api } from '#imports'
-import { collect } from 'collect.js';
-const { app } = await api.query({
-    app: {
-        permissions: true,
-    }
-})
-
-//remove *
-app.permissions = app.permissions.filter(permission => permission != '*');
-
-//app.permisssions is array of string like ['config.view', 'config.edit', 'config.delete','customer.view', 'customer.edit', 'customer.delete']
-
-//group it by first part of string
-const g = collect(app.permissions).groupBy(permission => permission.split('.')[0]).all()
-
-//map g to [{ module: 'config', permissions: ['config.view', 'config.edit', 'config.delete'] }, { module: 'customer', permissions: ['customer.view', 'customer.edit', 'customer.delete'] }]
-
-const x = Object.keys(g).map(module => {
-    return {
-        module,
-        permissions: collect(g[module]).map(permission => {
-            return {
-                label: permission,
-                value: permission
-            }
-        }).all()
-    }
-})
-
-const onSubmit = () => {
-
-}
-
-</script>
-<template>
+<script setup>
+import { m, api } from "#imports";
+import { collect } from "collect.js";
+const { app } = await api.query({
+  app: {
+    permissions: true
+  }
+});
+app.permissions = app.permissions.filter((permission) => permission != "*");
+const g = collect(app.permissions).groupBy((permission) => permission.split(".")[0]).all();
+const x = Object.keys(g).map((module) => {
+  return {
+    module,
+    permissions: collect(g[module]).map((permission) => {
+      return {
+        label: permission,
+        value: permission
+      };
+    }).all()
+  };
+});
+const onSubmit = () => {
+};
+</script>
+
+<template>
     <l-page>
 
         <form-kit type="l-form" @submit="onSubmit" :value="{
@@ -65,4 +54,4 @@ const onSubmit = () => {
         </form-kit>
 
     </l-page>
-</template>
+</template>

package/dist/runtime/pages/Role/add2.vue.d.ts

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

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

@@ -1,129 +1,102 @@
-<script setup>
-import { useQuasar } from 'quasar'
-import { q, m, notify, useAsyncData } from '#imports'
-import { useI18n } from 'vue-i18n';
-const { t } = useI18n();
-const qua = useQuasar();
-const { data, refresh } = await useAsyncData('role', async () => {
-
-    const data = await q({
-        app: {
-            roles: {
-                name: true,
-                canDelete: true,
-                canUpdate: true,
-                children: true,
-                user: {
-                    name: true,
-                    user_id: true
-                }
-            },
-            listUser: {
-                data: {
-                    user_id: true,
-                    name: true
-                }
-            }
-        }
-    });
-    return data.app;
-})
-
-
-let role_options = data.value.roles.map(r => ({ label: r.name, value: r.name }))
-
-let users = data.value.listUser.data;
-
-const onDelete = async (role) => {
-    //confirm
-    qua.dialog({
-        title: "Delete",
-        message: "Are you sure you want to delete this role and related role relations?",
-        cancel: true,
-        persistent: true,
-    }).onOk(async () => {
-
-        await m("deleteRole", { name: role })
-        refresh();
-
-    });
-
-}
-
-const columns = [
-    {
-        name: "_can_delete"
-    },
-    {
-        name: "name",
-        field: "name",
-        label: t("Name"),
-        align: "left",
-        sortable: true,
-    }, {
-        name: "children",
-        label: "Children",
-        align: "left",
-    }, {
-        label: 'User',
-        align: 'left',
-        name: "user",
-    }
-]
-
-const onRemoveChild = async (value, child) => {
-    await m("removeRoleChild", {
-        name: value,
-        child: child.value
-
-    });
-
-    //notify
-    notify("Role removed from role")
-
-    refresh();
-
-}
-
-const onAddChild = async (value, child) => {
-    await m("addRoleChild", {
-        name: value,
-        child: child.value.value
-
-    });
-
-    //notify
-    notify("Role added to role")
-    refresh();
-
-}
-
-const onAddUser = async (value, user) => {
-    await m("addUserRole", {
-        role: value,
-        user_id: user.value.user_id
-
-    });
-
-    //notify
-    notify("User added to role")
-
-    refresh();
-}
-
-const onRemoveUser = async (value, user) => {
-    await m("removeUserRole", {
-        role: value,
-        user_id: user.value.user_id
-
-    });
-    //notify
-    notify("User removed from role")
-    refresh();
-}
-</script>
-
-<template>
+<script setup>
+import { useQuasar } from "quasar";
+import { q, m, notify, useAsyncData } from "#imports";
+import { useI18n } from "vue-i18n";
+const { t } = useI18n();
+const qua = useQuasar();
+const { data, refresh } = await useAsyncData("role", async () => {
+  const data2 = await q({
+    app: {
+      roles: {
+        name: true,
+        canDelete: true,
+        canUpdate: true,
+        children: true,
+        user: {
+          name: true,
+          user_id: true
+        }
+      },
+      listUser: {
+        data: {
+          user_id: true,
+          name: true
+        }
+      }
+    }
+  });
+  return data2.app;
+});
+let role_options = data.value.roles.map((r) => ({ label: r.name, value: r.name }));
+let users = data.value.listUser.data;
+const onDelete = async (role) => {
+  qua.dialog({
+    title: "Delete",
+    message: "Are you sure you want to delete this role and related role relations?",
+    cancel: true,
+    persistent: true
+  }).onOk(async () => {
+    await m("deleteRole", { name: role });
+    refresh();
+  });
+};
+const columns = [
+  {
+    name: "_can_delete"
+  },
+  {
+    name: "name",
+    field: "name",
+    label: t("Name"),
+    align: "left",
+    sortable: true
+  },
+  {
+    name: "children",
+    label: "Children",
+    align: "left"
+  },
+  {
+    label: "User",
+    align: "left",
+    name: "user"
+  }
+];
+const onRemoveChild = async (value, child) => {
+  await m("removeRoleChild", {
+    name: value,
+    child: child.value
+  });
+  notify("Role removed from role");
+  refresh();
+};
+const onAddChild = async (value, child) => {
+  await m("addRoleChild", {
+    name: value,
+    child: child.value.value
+  });
+  notify("Role added to role");
+  refresh();
+};
+const onAddUser = async (value, user) => {
+  await m("addUserRole", {
+    role: value,
+    user_id: user.value.user_id
+  });
+  notify("User added to role");
+  refresh();
+};
+const onRemoveUser = async (value, user) => {
+  await m("removeUserRole", {
+    role: value,
+    user_id: user.value.user_id
+  });
+  notify("User removed from role");
+  refresh();
+};
+</script>
+
+<template>
     <l-page>
         <q-table :rows="data.roles" flat bordered :columns="columns" :rows-per-page-options="[0]" dense>
             <template #body-cell-_can_delete="props">
@@ -152,4 +125,4 @@ const onRemoveUser = async (value, user) => {
             </template>
         </q-table>
     </l-page>
-</template>
+</template>

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

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

package/dist/runtime/pages/System/database/backup.vue

@@ -1,39 +1,31 @@
-<script setup>
-import { q } from "#imports"
-import { Loading } from "quasar";
-const onClickDownload = async () => {
-
-    //show loading
-    Loading.show({
-        message: "Exporting database..."
-    });
-
-
-    const data = await q({
-        system: {
-            database: {
-                export: true
-            }
-        }
-    });
-
-    //hide loading
-    Loading.hide();
-
-    const file = new File([data.system.database.export], "backup.sql", {
-        type: "text/plain;charset=utf-8"
-    });
-    //save to local
-
-    const a = document.createElement("a");
-    a.download = file.name;
-    a.href = URL.createObjectURL(file);
-    a.click();
-    URL.revokeObjectURL(a.href);
-}
-</script>
-<template>
+<script setup>
+import { q } from "#imports";
+import { Loading } from "quasar";
+const onClickDownload = async () => {
+  Loading.show({
+    message: "Exporting database..."
+  });
+  const data = await q({
+    system: {
+      database: {
+        export: true
+      }
+    }
+  });
+  Loading.hide();
+  const file = new File([data.system.database.export], "backup.sql", {
+    type: "text/plain;charset=utf-8"
+  });
+  const a = document.createElement("a");
+  a.download = file.name;
+  a.href = URL.createObjectURL(file);
+  a.click();
+  URL.revokeObjectURL(a.href);
+};
+</script>
+
+<template>
     <l-page title="Database backup">
         <l-btn label="Download" icon="sym_o_download" @click="onClickDownload"></l-btn>
     </l-page>
-</template>
+</template>

package/dist/runtime/pages/System/database/backup.vue.d.ts

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

package/dist/runtime/pages/System/database/process.vue

@@ -1,45 +1,35 @@
-<script setup>
-import { q, useAsyncData } from "#imports"
-import { ref, watch, onUnmounted } from "vue"
-
-const loading = ref(false)
-const { data, refresh } = await useAsyncData(async () => {
-    loading.value = true
-    const { system } = await q({
-        system: {
-            database: {
-                processList: true
-            }
-        }
-    })
-
-    loading.value = false
-    return system;
-})
-
-const autoRefresh = ref(0)
-
-
-let interval = null
-
-watch(autoRefresh, (value) => {
-
-    if (interval)
-        clearInterval(interval)
-
-    if (value) {
-        interval = setInterval(refresh, value)
-    }
-})
-
-onUnmounted(() => {
-    if (interval)
-        clearInterval(interval)
-});
-
-
-</script>
-<template>
+<script setup>
+import { q, useAsyncData } from "#imports";
+import { ref, watch, onUnmounted } from "vue";
+const loading = ref(false);
+const { data, refresh } = await useAsyncData(async () => {
+  loading.value = true;
+  const { system } = await q({
+    system: {
+      database: {
+        processList: true
+      }
+    }
+  });
+  loading.value = false;
+  return system;
+});
+const autoRefresh = ref(0);
+let interval = null;
+watch(autoRefresh, (value) => {
+  if (interval)
+    clearInterval(interval);
+  if (value) {
+    interval = setInterval(refresh, value);
+  }
+});
+onUnmounted(() => {
+  if (interval)
+    clearInterval(interval);
+});
+</script>
+
+<template>
     <l-page title="System Database Process">
         <q-table :rows="data.database.processList" hide-bottom v-bind="$light.styles.table" :loading="loading">
             <template #top-left>
@@ -65,4 +55,4 @@ onUnmounted(() => {
         </q-table>
 
     </l-page>
-</template>
+</template>

package/dist/runtime/pages/System/database/process.vue.d.ts

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