@hostlink/nuxt-light 0.0.99 → 0.0.101

package/dist/module.json

@@ -1,5 +1,5 @@
 {
   "name": "light",
   "configKey": "light",
-  "version": "0.0.99"
+  "version": "0.0.101"
 }

package/dist/module.mjs

@@ -59,8 +59,7 @@ const module = defineNuxtModule({
       { name: "getModelColumns", from },
       { name: "getModelFields", from },
       { name: "getModelField", from },
-      { name: "getGQLFields", from },
-      { name: "sv", from }
+      { name: "getGQLFields", from }
     ]);
     addPlugin({
       src: resolver.resolve("./runtime/plugin"),

package/dist/runtime/components/l-app-main.vue

@@ -7,9 +7,9 @@ import { ref, computed, reactive, provide, watch } from 'vue';
 import { useRuntimeConfig } from 'nuxt/app';
 
 //download system value
-import { download } from './../lib/SystemValue'
+/* import { download } from './../lib/SystemValue'
 await download();
-
+ */
 const config = useRuntimeConfig();
 
 const appVersion = config.public.appVersion ?? '0.0.1';

package/dist/runtime/components/l-customizer.vue

@@ -31,10 +31,11 @@ const COLORS = [
 
 defineEmits(['update:theme', 'update:menuOverlayHeader', 'update:dense', 'update:color', 'update:miniState', 'update:footer'])
 
-const color = defineModel("color", { type: String, default: "primary" })
-
-
 const props = defineProps({
+    color: {
+        type: String,
+        default: 'primary'
+    },
     menuOverlayHeader: {
         type: Boolean,
         default: false

package/dist/runtime/components/l-table.vue

@@ -1,8 +1,8 @@
 <script setup lang="ts">
-import { reactive } from 'vue'
 import { useQuasar, QTable } from 'quasar';
 import { ref, computed, onMounted, useSlots, useAttrs } from "vue";
 import { t, deleteObject, q, useLight, GQLFieldBuilder } from '../';
+import { toQuery } from '@hostlink/light';
 
 const errors = ref<InstanceType<any>>([]);
 
@@ -20,7 +20,7 @@ const props = defineProps({
             sortable?: boolean,
             searchable?: boolean,
             searchType?: string,
-            searchOptions?: Array<any>,
+            searchOptions?: Array<any> | Function,
             searchMultiple?: boolean,
             field?: string | Object,
             gqlField?: string | Array<string> | Object,
@@ -95,6 +95,19 @@ props.columns?.forEach((col) => {
     col.label = t(col.label)
 })
 
+if (props.columns) {
+    for (let i = 0; i < props.columns.length; i++) {
+        if (props.columns[i].searchOptions) {
+            let opts = props.columns[i].searchOptions;
+            if (typeof opts == "function") {
+                props.columns[i].searchOptions = await opts();
+            }
+
+
+        }
+    }
+}
+
 const renderColumns = computed(() => {
     if (props.columns == undefined) return undefined;
 
@@ -114,8 +127,26 @@ const renderColumns = computed(() => {
 })
 
 interface LTableRequest {
-    loadData: (model: string, filters: any, fields: Array<any>) => void
-
+    sort: string,
+    fields: Array<string>,
+    gql: {
+        data: {
+            __args: {
+                limit: number
+            },
+            [key: string]: any
+        },
+        meta: {
+            total: boolean,
+            key: boolean,
+            name: boolean
+        }
+    },
+    offset: number,
+    limit: number,
+    loadData: (model: string, filters: any, fields: Array<any>) => void,
+    loadObjects: (model: string, filters: any, fields: Array<any>) => void,
+    setData: (data: { data: Array<{ data: any }>, meta: { total: Number, key: string, name: string } }) => void,
 }
 
 const emits = defineEmits<{
@@ -242,94 +273,104 @@ const getData = async (
 
 const onRequest = async (p: any) => {
 
+    let sort = "";
+    if (p.pagination.sortBy) {
+        sort = p.pagination.sortBy + ":" + (p.pagination.descending ? "desc" : "asc");
+    }
 
-    const callback = {
-
-        loadObjects(model: string, filters: any = null, fields: Array<any> = []) {
-            return this.loadData("list" + model, filters, fields);
-        },
-        async loadData(operation: string, filters: any = null, fields: Array<any> = []) {
-
+    //fields
+    const builder = GQLFieldBuilder();
+    if (props.rowKey) {
+        builder.add(props.rowKey);
+    }
 
-            const builder = GQLFieldBuilder();
+    props.columns?.forEach((col) => {
+        if (col.gqlField) {
+            builder.add(col.gqlField);
+        }
 
-            //
+        if (col.name.startsWith("_")) {
+            return;
+        }
+        builder.add(col.name);
 
-            if (props.rowKey) {
-                builder.add(props.rowKey);
-            }
+    });
 
-            fields.forEach((f) => {
-                builder.add(f);
-            });
+    if (actionView) {
+        builder.add("canView");
+    }
 
-            props.columns?.forEach((col) => {
-                if (col.gqlField) {
-                    builder.add(col.gqlField);
-                }
+    if (actionDelete) {
+        builder.add("canDelete");
+    }
 
-                if (col.name.startsWith("_")) {
-                    return;
-                }
-                builder.add(col.name);
+    if (activeEdit) {
+        builder.add("canUpdate");
+    }
 
-            });
 
-            if (actionView) {
-                builder.add("canView");
+    const callback = {
+        sort: sort,
+        fields: builder.get(),
+        offset: (p.pagination.page - 1) * p.pagination.rowsPerPage,
+        limit: p.pagination.rowsPerPage,
+        gql: {
+            __args: {
+                filters: getFilterValue(),
+                sort: sort
+            },
+            data: {
+                __args: {
+                    limit: p.pagination.rowsPerPage,
+                    offset: (p.pagination.page - 1) * p.pagination.rowsPerPage
+                },
+                ...toQuery(builder.get())
+            },
+            meta: {
+                total: true,
+                key: true,
+                name: true
             }
+        },
+        setData(data: { data: Array<{ data: any }>, meta: { total: Number, key: string, name: string } }) {
+            rows.value = data.data;
+            primaryKey.value = data.meta.key;
+            modelName.value = data.meta.name;
+            pagination.value.rowsNumber = data.meta.total;
 
-            if (actionDelete) {
-                builder.add("canDelete");
-            }
+            pagination.value.page = p.pagination.page;
+            pagination.value.sortBy = p.pagination.sortBy;
+            pagination.value.descending = p.pagination.descending;
+            pagination.value.rowsPerPage = p.pagination.rowsPerPage;
 
-            if (activeEdit) {
-                builder.add("canUpdate");
-            }
+            loading.value = false;
 
-            let localFilters = getFilterValue();
+            validateData();
+        },
+        loadObjects(model: string, filters: any = null, fields: Array<any> = []) {
+            return this.loadData("list" + model, filters, fields);
+        },
+        async loadData(operation: string, filters: any = null, fields: Array<any> = []) {
+            fields.forEach((f) => {
+                builder.add(f);
+            })
 
-            /*             console.log("merge filters", filters)
-                        
-                        console.log("local filters", getFilterValue())
-             */            //merge the filters
+            let localFilters = getFilterValue();
             if (filters) {
                 localFilters = {
                     ...localFilters,
                     ...filters
                 }
             }
-
-            let sort = "";
-            if (p.pagination.sortBy) {
-                sort = p.pagination.sortBy + ":" + (p.pagination.descending ? "desc" : "asc");
-            }
-
-
             loading.value = true;
-            const offset = (p.pagination.page - 1) * p.pagination.rowsPerPage;
-            const limit = p.pagination.rowsPerPage;
-            const allData = await getData(operation, localFilters, sort, offset, limit, builder.get());
-
-            rows.value = allData.data;
-
-            //meta
-            primaryKey.value = allData.meta.key;
-            modelName.value = allData.meta.name;
-
-
-            //pagination.value.rowsPerPage = p.pagination.rowsPerPage;
-            pagination.value.page = p.pagination.page;
-            pagination.value.sortBy = p.pagination.sortBy;
-            pagination.value.descending = p.pagination.descending;
-            pagination.value.rowsNumber = allData.meta.total;
-
-            loading.value = false;
-            validateData()
+            const allData = await getData(operation, localFilters, sort, this.offset, this.limit, builder.get());
+            this.setData(allData);
 
         }
     }
 
+
+    loading.value = true;
     //emits("request", p);
     emits("request", callback);
 
@@ -430,8 +471,8 @@ const filterFn = (val, update, abort) {
 
 const isDark = computed(() => {
     return light.theme == "dark";
-
 })
+
 </script>
 
 <template>

package/dist/runtime/lib/SystemValue.d.ts

@@ -1,4 +1,5 @@
-export declare const sv_data: any;
-export declare const loadSV: (name: string) => void;
-export declare const download: () => Promise<void>;
+export declare const loadSV: (name: string) => () => Promise<{
+    label: string;
+    value: any;
+}>;
 export declare const getSV: (name: string, value: any) => string;

package/dist/runtime/lib/SystemValue.mjs

@@ -1,14 +1,7 @@
 import sv from "./sv.mjs";
 import { cache } from "./sv.mjs";
-export const sv_data = [];
 export const loadSV = (name) => {
-  sv_data.push(name);
-};
-export const download = async () => {
-  for (let i = 0; i < sv_data.length; i++) {
-    const name = sv_data[i];
-    await sv(name);
-  }
+  return () => sv(name);
 };
 export const getSV = (name, value) => {
   const data = cache[name];

package/dist/runtime/lib/sv.d.ts

@@ -1,3 +1,6 @@
 export declare const cache: any;
-declare const _default: (name: string) => Promise<any>;
+declare const _default: (name: string) => Promise<{
+    label: string;
+    value: any;
+}>;
 export default _default;

package/dist/runtime/lib/sv.mjs

@@ -1,16 +1,19 @@
 import { query } from "@hostlink/light";
 export const cache = {};
-export default async (name) => {
+export default (name) => {
   if (cache[name]) {
     return cache[name];
   }
-  const resp = await query({
-    systemValue: {
-      __args: {
-        name
+  const p = new Promise(async (resolve, reject) => {
+    const resp = await query({
+      systemValue: {
+        __args: {
+          name
+        }
       }
-    }
+    });
+    cache[name] = resp.systemValue;
+    resolve(resp.systemValue);
   });
-  cache[name] = resp.systemValue;
-  return resp.systemValue;
+  return p;
 };

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

@@ -1,5 +1,5 @@
 <script setup>
-import { getObject, getModelFields } from '../../../';
+import { getObject, getModelFields, q, getModelColumns } from '../../../';
 const obj = await getObject(["user_id", "username", "first_name", "last_name", "email", "phone", "roles", 'status', 'join_date']);
 
 </script>
@@ -11,7 +11,7 @@ const obj = await getObject(["user_id", "username", "first_name", "last_name", "
             <l-btn to="update-role" icon="sym_o_people" permission="user.role.add" label="Update role"></l-btn>
         </template>
 
-        <l-card>
+        <l-card class="q-mb-md">
             <l-list v-model="obj" :fields="getModelFields('User', [
                 'username',
                 'first_name',
@@ -24,5 +24,41 @@ const obj = await getObject(["user_id", "username", "first_name", "last_name", "
             ])">
             </l-list>
         </l-card>
+
+
+
+        <l-tabs>
+
+            <l-tab label="Event log">
+                <l-table row-key="eventlog_id" sort-by="eventlog_id:desc"
+                    :columns="getModelColumns('EventLog', ['eventlog_id', 'class', 'id', 'action', 'created_time'])"
+                    @request="async (req) => {
+
+
+                        const a = {
+                            listUser: {
+                                __args: {
+                                    filters: {
+                                        user_id: obj.user_id
+                                    }
+                                },
+                                data: {
+                                    __args: {
+                                        limit: 1
+                                    },
+                                    eventLog: req.gql
+                                }
+                            }
+                        }
+
+                        let resp = await q(a);
+                        req.setData(resp.listUser.data[0].eventLog)
+
+
+                    }" />
+            </l-tab>
+
+        </l-tabs>
+
     </l-page>
 </template>

package/dist/runtime/types/User.mjs

@@ -38,13 +38,10 @@ export default {
     label: "Status",
     searchable: true,
     searchType: "select",
-    searchOptions: [{
-      label: "Active",
-      value: 0
-    }, {
-      label: "Inactive",
-      value: 1
-    }],
+    searchOptions: [
+      { label: "Active", value: 0 },
+      { label: "Inactive", value: 1 }
+    ],
     format: (value) => {
       return ["Active", "Inactive"][value];
     }

package/package.json

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

package/dist/runtime/lib/loadSV.d.ts

@@ -1,3 +0,0 @@
-export declare const sv_data: any;
-declare const _default: (name: string) => Promise<void>;
-export default _default;

package/dist/runtime/lib/loadSV.mjs

@@ -1,4 +0,0 @@
-export const sv_data = [];
-export default async (name) => {
-  sv_data.push(name);
-};