@hostlink/nuxt-light 0.0.101 → 0.0.103

package/dist/module.json

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

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

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { useQuasar, QTable } from 'quasar';
+import { useQuasar, QTable, is } from 'quasar';
 import { ref, computed, onMounted, useSlots, useAttrs } from "vue";
 import { t, deleteObject, q, useLight, GQLFieldBuilder } from '../';
 import { toQuery } from '@hostlink/light';
@@ -77,6 +77,7 @@ const props = defineProps({
     }
 })
 
+
 const pagination = ref(props.pagination);
 
 if (props.rowsPerPageOptions[0] == 0) {
@@ -189,6 +190,10 @@ onMounted(() => {
     }
 })
 
+const isServerSide = computed(() => {
+    return props.rows == undefined;
+})
+
 let primaryKey = ref(props.rowKey);
 const modelName = ref(props.modelName);
 
@@ -272,6 +277,8 @@ const getData = async (
 }
 
 const onRequest = async (p: any) => {
+    if (!isServerSide.value) return;
+
 
     let sort = "";
     if (p.pagination.sortBy) {
@@ -289,6 +296,7 @@ const onRequest = async (p: any) => {
             builder.add(col.gqlField);
         }
 
+        if (!col.name) return;
         if (col.name.startsWith("_")) {
             return;
         }
@@ -497,6 +505,7 @@ const isDark = computed(() => {
         rows:{{ props.rows }}
     </template>
 
+
     <q-table v-bind="attrs" :row-key="rowKey" :loading="loading" :rows="rows" ref="table" @request="onRequest"
         :rows-per-page-label="$t(props.rowsPerPageLabel)" :columns="renderColumns"
         :rows-per-page-options="rowsPerPageOptions" :selection="selection" v-model:pagination="pagination" :filter="filter"
@@ -546,7 +555,7 @@ const isDark = computed(() => {
 
 
 
-        <template #top-row="props" v-if="hasSearch">
+        <template #top-row="props" v-if="hasSearch && isServerSide">
             <q-tr>
                 <q-td v-if="selection != 'none'" auto-width>
 

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.101",
+  "version": "0.0.103",
   "description": "HostLink Nuxt Light Framework",
   "repository": "@hostlink/nuxt-light",
   "license": "MIT",