@hostlink/nuxt-light 0.0.102 → 0.0.104

package/dist/module.json

@@ -1,5 +1,5 @@
 {
   "name": "light",
   "configKey": "light",
-  "version": "0.0.102"
+  "version": "0.0.104"
 }

package/dist/module.mjs

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

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

@@ -18,8 +18,9 @@ import getModelField from './getModelField';
 import getModelFields from './getModelFields';
 import getModelColumns from './getModelColumns';
 import sv from './sv';
+import model from './model';
 declare const notify: (message: string, color?: string) => void;
 import getID from "./getID";
 declare const getApiBase: () => {};
 import { getGQLFields } from '@hostlink/light';
-export { addObject, f, getApiUrl, getCurrentUser, getObject, list, m, q, removeObject, t, updateObject, notify, getID, deleteObject, listObject, isGranted, getApiBase, loadObject, GQLFieldBuilder, getModelField, getModelFields, getModelColumns, getGQLFields, sv };
+export { addObject, f, getApiUrl, getCurrentUser, getObject, list, m, q, removeObject, t, updateObject, notify, getID, deleteObject, listObject, isGranted, getApiBase, loadObject, GQLFieldBuilder, getModelField, getModelFields, getModelColumns, getGQLFields, sv, model };

package/dist/runtime/lib/index.mjs

@@ -20,6 +20,7 @@ import getModelField from "./getModelField.mjs";
 import getModelFields from "./getModelFields.mjs";
 import getModelColumns from "./getModelColumns.mjs";
 import sv from "./sv.mjs";
+import model from "./model.mjs";
 const notify = function(message, color = "green") {
   Notify.create({
     message,
@@ -57,5 +58,6 @@ export {
   getModelFields,
   getModelColumns,
   getGQLFields,
-  sv
+  sv,
+  model
 };

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

@@ -0,0 +1,5 @@
+declare const _default: (name: string) => {
+    get(filters: any, fields: Array<string | object>): Promise<any>;
+    list(filters: any, fields: Array<string | object>): Promise<any>;
+};
+export default _default;

package/dist/runtime/lib/model.mjs

@@ -0,0 +1,35 @@
+import { toQuery, query } from "@hostlink/light";
+export default (name) => {
+  const _name = name;
+  return {
+    async get(filters, fields) {
+      const resp = await query({
+        ["list" + _name]: {
+          __args: {
+            filters
+          },
+          data: {
+            __args: {
+              limit: 1
+            },
+            ...toQuery(fields)
+          }
+        }
+      });
+      return resp["list" + _name]["data"][0];
+    },
+    async list(filters, fields) {
+      const resp = await query({
+        ["list" + _name]: {
+          __args: {
+            filters
+          },
+          data: {
+            ...toQuery(fields)
+          }
+        }
+      });
+      return resp["list" + _name]["data"];
+    }
+  };
+};

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

@@ -6,12 +6,17 @@ import { ref, reactive } from "vue"
 const qua = useQuasar();
 
 const loadData = async () => {
-    return await q("listRole", ["name", "canDelete", "canUpdate", "children"]);
+    return await q("listRole", ["name", "canDelete", "canUpdate", "children", {
+        user: ["name", "user_id"]
+    }]);
 }
 const roles = ref(await loadData());
-
 let role_options = roles.value.map(r => ({ label: r.name, value: r.name }))
 
+const users = (await q("listUser", [{
+    data: ["user_id", "name"]
+}])).data;
+
 const onDelete = async (role) => {
     //confirm
     qua.dialog({
@@ -42,6 +47,10 @@ const columns = [
         name: "children",
         label: "Children",
         align: "left",
+    }, {
+        label: 'User',
+        align: 'left',
+        name: "user",
     }
 ]
 
@@ -64,12 +73,31 @@ const onAddChild = async (value, child) => {
     //refresh
     roles.value = await loadData();
 }
+
+const onAddUser = async (value, user) => {
+    await m("addUserRole", {
+        role: value,
+        user_id: user.value.user_id
+
+    });
+    //refresh
+    roles.value = await loadData();
+}
+
+const onRemoveUser = async (value, user) => {
+    await m("removeUserRole", {
+        role: value,
+        user_id: user.value.user_id
+
+    });
+    //refresh
+    roles.value = await loadData();
+}
 </script>
 
 <template>
     <l-page>
-
-        <q-table :rows="roles" flat bordered :columns="columns">
+        <q-table :rows="roles" flat bordered :columns="columns" :rows-per-page-options="[0]">
             <template #body-cell-_can_delete="props">
                 <q-td auto-width>
                     <q-btn v-if="props.row.canDelete" flat round dense icon="sym_o_delete"
@@ -86,8 +114,15 @@ const onAddChild = async (value, child) => {
                     </q-select>
                 </q-td>
             </template>
+            <template #body-cell-user="props">
+                <q-td>
+                    <q-select :options="users" v-model="props.row.user" multiple use-chips option-label="name"
+                        option-value="user_id" @add="onAddUser(props.row.name, $event)"
+                        @remove="onRemoveUser(props.row.name, $event)">
 
+                    </q-select>
+                </q-td>
+            </template>
         </q-table>
-
     </l-page>
 </template>

package/package.json

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