@hostlink/nuxt-light 0.0.70 → 0.0.72

package/dist/module.json

@@ -1,5 +1,5 @@
 {
   "name": "light",
   "configKey": "light",
-  "version": "0.0.70"
+  "version": "0.0.72"
 }

package/dist/runtime/components/l-audit-card.vue

@@ -0,0 +1,21 @@
+<script setup>
+
+defineProps({
+    modelValue: {
+        type: Object,
+        required: true
+    }
+})
+
+</script>
+<template>
+    <l-card>
+        <l-list>
+            <l-item label="Created time">{{ modelValue.createdTime }}</l-item>
+            <l-item label="Created by">{{ modelValue.createdBy }}</l-item>
+            <l-item label="Updated time">{{ modelValue.updatedTime }}</l-item>
+            <l-item label="Updated by">{{ modelValue.updateBy }}</l-item>
+        </l-list>
+    </l-card>
+</template>
+    

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

@@ -4,6 +4,7 @@ import { useAttrs } from 'vue'
 
 defineProps({
     loading: Boolean,
+    title: String
 })
 
 const light = useLight();
@@ -21,6 +22,9 @@ const attrs = {
 </script>
 <template>
     <q-card v-bind="attrs">
+        <q-toolbar v-if="title">
+            <q-toolbar-title>{{ title }}</q-toolbar-title>
+        </q-toolbar>
         <slot></slot>
 
         <q-inner-loading :showing="loading" label="Please wait..." label-class="text-primary" />

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

@@ -1,6 +1,6 @@
 <script setup>
 import { reactive } from 'vue'
-import { q } from '../../'
+import { q, m } from '../../'
 import { useRouter } from "vue-router"
 const obj = reactive({
     roles: []

package/dist/runtime/pages/Role/_name/update-child.vue

@@ -0,0 +1,18 @@
+<script setup>
+import { useRoute } from 'vue-router';
+import { q } from '../../../'
+const route = useRoute();
+const name = route.params.name;
+
+
+const role = await q("getRole", {
+    name: name,
+}, ["childs"])
+
+</script>
+<template>
+    <l-page>
+        {{ name }}
+        {{ role }}
+    </l-page>
+</template>

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

@@ -1,16 +1,17 @@
 <script setup>
 import { useQuasar } from 'quasar'
 import { q, m } from '../../'
-import { ref } from "vue"
+import { ref, reactive } from "vue"
 
 const qua = useQuasar();
 
 const loadData = async () => {
-    return await q("listRole", ["name", "canDelete", { parents: ["name"] }]);
-
+    return await q("listRole", ["name", "canDelete", "canUpdate", "children"]);
 }
 const roles = ref(await loadData());
 
+let role_options = roles.value.map(r => ({ label: r.name, value: r.name }))
+
 const onDelete = async (role) => {
     //confirm
     qua.dialog({
@@ -38,27 +39,51 @@ const columns = [
         align: "left",
         sortable: true,
     }, {
-        name: "parents",
-        label: "Parent",
+        name: "children",
+        label: "Children",
         align: "left",
     }
 ]
 
+const onRemoveChild = async (value, child) => {
+    await m("removeRoleChild", {
+        name: value,
+        child: child.value
+
+    });
+    //refresh
+    roles.value = await loadData();
+}
+
+const onAddChild = async (value, child) => {
+    await m("addRoleChild", {
+        name: value,
+        child: child.value.value
+
+    });
+    //refresh
+    roles.value = await loadData();
+}
 </script>
 
 <template>
     <l-page>
+
         <q-table :rows="roles" flat bordered :columns="columns">
             <template #body-cell-_can_delete="props">
                 <q-td auto-width>
                     <q-btn v-if="props.row.canDelete" flat round dense icon="sym_o_delete"
                         @click="onDelete(props.row.name)" />
+
                 </q-td>
             </template>
 
-            <template #body-cell-parents="props">
+            <template #body-cell-children="props">
                 <q-td>
-                    <q-table :rows="props.row.parents" flat bordered :rows-per-page-options="[0]" hide-bottom></q-table>
+                    <q-select :options="role_options" v-model="props.row.children" multiple use-chips
+                        @remove="onRemoveChild(props.row.name, $event)" @add="onAddChild(props.row.name, $event)">
+
+                    </q-select>
                 </q-td>
             </template>
 

package/dist/runtime/pages/User/_user_id/update-role.vue

@@ -0,0 +1,53 @@
+<script setup>
+import { reactive } from 'vue'
+import { Notify } from 'quasar';
+import { useRouter } from "vue-router"
+import { getObject, q, m } from '../../../'
+
+const router = useRouter();
+const obj = reactive(await getObject(["user_id", "roles"]));
+
+
+
+//get all roles
+let roles = await q("listRole", ["name"]);
+roles = roles.map((role) => {
+    return {
+        label: role.name,
+        value: role.name,
+    };
+});
+
+const submit = async () => {
+
+    if (await m("updateUserRole", {
+        user_id: obj.user_id,
+        roles: obj.roles
+    })) {
+        //show success message
+
+        Notify.create({
+            message: 'Role updated',
+            color: 'positive',
+            icon: 'check',
+            position: 'top-right'
+        })
+
+        //go back to list page
+        router.back();
+    }
+}
+
+</script>
+<template>
+    <l-page>
+        <l-form @submit="submit">
+            <q-field label="Roles" stack-label>
+                <q-option-group type="checkbox" :options="roles" v-model="obj.roles" inline>
+                </q-option-group>
+            </q-field>
+
+        </l-form>
+
+    </l-page>
+</template>

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

@@ -1,6 +1,6 @@
 <script setup>
 import { getObject, loadObject } from '../../../';
-const obj = await getObject(["user_id", "username", "first_name", "last_name", "email", "phone", "roles"]);
+const obj = await getObject(["user_id", "username", "first_name", "last_name", "email", "phone", "roles",'status']);
 
 //await getObject(["user_id", { test: ["username"] }])
 /* const test = async () => {
@@ -14,7 +14,9 @@ const obj = await getObject(["user_id", "username", "first_name", "last_name", "
     <l-page>
         <template #header>
             <l-btn to="change-password" icon="sym_o_key" permission="user.changePassword" label="Change password"></l-btn>
+            <l-btn to="update-role" icon="sym_o_people" permission="user.role.add" label="Update role"></l-btn>
         </template>
+        {{ obj }}
         <l-card>
             <l-list>
                 <l-item label="Username">{{ obj.username }}</l-item>

package/dist/runtime/routes.mjs

@@ -156,6 +156,11 @@ function EventLog__eventlog_id_view() {
     /* webpackChunkName: "EventLog-eventlog_id-view" */ './pages/EventLog/_eventlog_id/view.vue'
   )
 }
+function Role__name_update_child() {
+  return import(
+    /* webpackChunkName: "Role-name-update-child" */ './pages/Role/_name/update-child.vue'
+  )
+}
 function User__user_id_change_password() {
   return import(
     /* webpackChunkName: "User-user_id-change-password" */ './pages/User/_user_id/change-password.vue'
@@ -166,6 +171,11 @@ function User__user_id_edit() {
     /* webpackChunkName: "User-user_id-edit" */ './pages/User/_user_id/edit.vue'
   )
 }
+function User__user_id_update_role() {
+  return import(
+    /* webpackChunkName: "User-user_id-update-role" */ './pages/User/_user_id/update-role.vue'
+  )
+}
 function User__user_id_view() {
   return import(
     /* webpackChunkName: "User-user_id-view" */ './pages/User/_user_id/view.vue'
@@ -344,6 +354,11 @@ export default [
     path: '/EventLog/:eventlog_id/view',
     component: EventLog__eventlog_id_view,
   },
+  {
+    name: 'Role-name-update-child',
+    path: '/Role/:name/update-child',
+    component: Role__name_update_child,
+  },
   {
     name: 'User-user_id-change-password',
     path: '/User/:user_id/change-password',
@@ -354,6 +369,11 @@ export default [
     path: '/User/:user_id/edit',
     component: User__user_id_edit,
   },
+  {
+    name: 'User-user_id-update-role',
+    path: '/User/:user_id/update-role',
+    component: User__user_id_update_role,
+  },
   {
     name: 'User-user_id-view',
     path: '/User/:user_id/view',

package/package.json

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