@hostlink/nuxt-light 1.22.3 → 1.23.0

package/dist/runtime/model/CustomField.d.ts

@@ -0,0 +1,26 @@
+declare const _default: {
+    name: string;
+    fields: {
+        name: {
+            label: string;
+            sortable: boolean;
+            searchable: boolean;
+        };
+        model: {
+            label: string;
+            sortable: boolean;
+            searchable: boolean;
+        };
+        type: {
+            label: string;
+            sortable: boolean;
+            searchable: boolean;
+        };
+        validation: {
+            label: string;
+            sortable: boolean;
+            searchable: boolean;
+        };
+    };
+};
+export default _default;

package/dist/runtime/model/CustomField.js

@@ -0,0 +1,25 @@
+export default {
+  name: "CustomField",
+  fields: {
+    name: {
+      label: "Name",
+      sortable: true,
+      searchable: true
+    },
+    model: {
+      label: "Model",
+      sortable: true,
+      searchable: true
+    },
+    type: {
+      label: "Type",
+      sortable: true,
+      searchable: true
+    },
+    validation: {
+      label: "Validation",
+      sortable: true,
+      searchable: true
+    }
+  }
+};

package/dist/runtime/pages/CustomField/[custom_field_id]/edit.vue

@@ -0,0 +1,64 @@
+<script setup>
+import { getObject, q } from "#imports"
+import { ref } from "vue"
+
+const obj = await getObject(["name", "model", "validation", "type", "label", "options", "default_value", "placeholder", "order", "help"]);
+const types = [
+    { label: 'Text', value: 'text' },
+    { label: 'Textarea', value: 'textarea' },
+    { label: 'Select', value: 'select' },
+    { label: 'Date', value: 'date' },
+    { label: 'Time', value: 'time' }
+]
+
+const { app } = await q({
+    app: {
+        customFieldModels: true
+    }
+})
+const up = (v) => {
+    console.log(v)
+
+}
+const v = ref("required")
+</script>
+<template>
+    <l-page>
+
+        <form-kit type="l-form" :value="obj" #default="{ value, node }">
+            <form-kit type="l-input" name="name" label="Name" validation="required" />
+
+            <form-kit type="l-select" name="model" label="Model" :options="app.customFieldModels"
+                validation="required" />
+
+            <form-kit type="l-select" name="type" label="Type" :options="types" validation="required" />
+
+            <form-kit type="hidden" name="validation" />
+            <l-validation-input v-model="value.validation" @update:model-value="node.at('validation').input($event)"
+                :type="value.type" />
+
+
+            <form-kit type="l-input" name="label" label="Label" validation="required" />
+            <form-kit type="hidden" name="options" />
+            <template v-if="value.type === 'select'">
+
+
+                <q-select label="Options" v-model="value.options" @update:model-value="node.at('options').input($event)"
+                    use-input use-chips multiple hide-dropdown-icon input-debounce="0" new-value-mode="add-unique"
+                    stack-label outlined placeholder="Press enter to add new option" :color="$light.color" />
+            </template>
+
+            <form-kit type="l-input" name="default_value" label="Default Value" />
+
+            <form-kit type="l-input" name="placeholder" label="Placeholder" />
+
+            <form-kit type="l-input" input-type="number" name="order" label="Order" number />
+
+
+            <form-kit type="l-input" name="help" label="Help" />
+
+
+
+        </form-kit>
+    </l-page>
+</template>

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

@@ -0,0 +1,43 @@
+<script setup>
+import { model, q } from '#imports'
+import { resolveComponent } from 'vue';
+
+const onRequest = async (request) => {
+    request.loadObjects("CustomField")
+}
+
+
+const { app } = await q({
+    app: {
+        customFieldModels: true
+    }
+})
+
+const columns = model("CustomField").columns({
+    name: true,
+    model: true,
+    type: true,
+    validation: true,
+
+})
+
+const addComponent = await resolveComponent('l-custom-field-add')
+
+</script>
+<template>
+
+    <l-page>
+        <p>
+            Customize your Models with your own fields. Make sure to use the below added fields on the address formats
+            on Customization settings page.
+        </p>
+
+
+        <l-table row-key="custom_field_id" @request-data="onRequest" :columns="columns" :add-component="addComponent" :add-component-props="{
+            models: app.customFieldModels
+        }" :actions="['edit', 'delete']">
+        </l-table>
+
+
+    </l-page>
+</template>

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

@@ -0,0 +1,68 @@
+<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>
+    <l-page>
+
+        <form-kit type="l-form" @submit="onSubmit" :value="{
+            permissions: []
+        }" #default="{ value }">
+            <form-kit type="l-input" name="name" label="Name" validation="required" />
+            <q-separator />
+
+            <l-row>
+                <l-col md="3" v-for="module in x" :key="module.module">
+
+                    <q-list>
+                        <q-item dense>
+                            <q-item-section>
+                                <q-item-label>
+                                    {{ module.module }}
+                                </q-item-label>
+                            </q-item-section>
+                        </q-item>
+                        <q-separator />
+                        <q-option-group dense :options="module.permissions" type="checkbox"
+                            v-model="value.permissions" />
+                    </q-list>
+
+                </l-col>
+            </l-row>
+
+        </form-kit>
+
+    </l-page>
+</template>

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

@@ -16,7 +16,7 @@ const { data, refresh } = await useAsyncData('database', async () => {
     return system.database;
 })
 
-const SYSTEM_TABLES = ["Config", "EventLog", "MailLog", "Permission", "Role", "SystemValue", "Translate", "User", "UserLog", "UserRole", "MyFavorite"];
+const SYSTEM_TABLES = ["Config", "EventLog", "MailLog", "Permission", "Role", "SystemValue", "Translate", "User", "UserLog", "UserRole", "MyFavorite", "CustomField"];
 
 const custom_tables = computed(() => {
     return data.value.tableStatus.filter(table => !SYSTEM_TABLES.includes(table.Name))
@@ -203,7 +203,7 @@ const truncatTable = async () => {
 </script>
 <template>
     <l-page title="Database">
-        
+
         <l-card>
             <l-list>
                 <l-item label="Version">{{ data.version }}</l-item>

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

@@ -79,6 +79,9 @@ const onSubmit = async (d) => {
                     <l-system-setting-developer v-if="tab == 'developer'" v-model="obj" />
                     <l-system-setting-forget-password v-if="tab == 'forget-password'" v-model="obj" />
                     <l-system-setting-authentication v-if="tab == 'authentication'" v-bind="obj" @submit="onSubmit" />
+
+                    
+                    
                 </template>
             </q-splitter>
         </l-card>

package/dist/runtime/plugin.js

@@ -17,9 +17,11 @@ import TypeUserLog from "./types/UserLog.js";
 import TypeSystemValue from "./types/SystemValue.js";
 import TypeMailLog from "./types/MailLog.js";
 import TypeEventLog from "./types/EventLog.js";
+import TypeCustomerField from "./model/CustomField.js";
 import { zhTW } from "@formkit/i18n";
 export default defineNuxtPlugin((nuxtApp) => {
   api.axios.defaults.baseURL = getApiBase();
+  api.models.create(TypeCustomerField.name, TypeCustomerField.fields);
   api.models.create("User", TypeUser);
   api.models.create("UserLog", TypeUserLog);
   api.models.create("SystemValue", TypeSystemValue);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hostlink/nuxt-light",
-  "version": "1.22.3",
+  "version": "1.23.0",
   "description": "HostLink Nuxt Light Framework",
   "repository": {
     "type": "git",
@@ -33,7 +33,7 @@
   },
   "dependencies": {
     "@azure/msal-browser": "^3.26.1",
-    "@formkit/drag-and-drop": "^0.1.6",
+    "@formkit/drag-and-drop": "^0.2.6",
     "@hostlink/light": "^2.5.2",
     "@nuxt/kit": "^3.7.4",
     "@nuxt/module-builder": "^0.8.3",