@drax/identity-vue 0.2.0 → 0.3.1

package/package.json

@@ -3,7 +3,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "version": "0.2.0",
+  "version": "0.3.1",
   "type": "module",
   "main": "./src/index.ts",
   "module": "./src/index.ts",
@@ -24,10 +24,10 @@
     "format": "prettier --write src/"
   },
   "dependencies": {
-    "@drax/common-front": "^0.2.0",
-    "@drax/common-share": "^0.2.0",
-    "@drax/common-vue": "^0.2.0",
-    "@drax/identity-share": "^0.2.0"
+    "@drax/common-front": "^0.3.1",
+    "@drax/common-share": "^0.3.0",
+    "@drax/common-vue": "^0.3.1",
+    "@drax/identity-share": "^0.3.0"
   },
   "peerDependencies": {
     "pinia": "^2.2.2",
@@ -64,5 +64,5 @@
     "vue-tsc": "^2.1.6",
     "vuetify": "^3.7.1"
   },
-  "gitHead": "2f14e1514737b3b87162fb4b1a0744a280cb3a22"
+  "gitHead": "772d3c3db63cfd7ff9e4ef8e3e2795d3fc148467"
 }

package/src/combobox/TenantCombobox.vue

@@ -5,6 +5,10 @@ import type { PropType } from 'vue'
 defineProps({
   errorMessages: {
     type: String as PropType<string | string[] | undefined>,
+  },
+  clearable: {
+    type: Boolean,
+    default: false,
   }
 })
 
@@ -29,6 +33,7 @@ onMounted(async () => {
       item-value="id"
       variant="outlined"
       :error-messages="errorMessages"
+      :clearable="clearable"
   ></v-select>
 </template>
 

package/src/composables/useRole.ts

@@ -27,9 +27,9 @@ export function useRole() {
         return roles
     }
 
-    async function paginateRole({page= 1, limit= 5, orderBy="", orderDesc=false, search = ""}) {
+    async function paginateRole({page= 1, limit= 5, orderBy="", order=false, search = ""}) {
         loading.value = true
-        let paginatedrole = roleSystem.paginate({page, limit, orderBy, orderDesc, search})
+        let paginatedrole = roleSystem.paginate({page, limit, orderBy, order, search})
         loading.value = false
         return paginatedrole
     }

package/src/composables/useTenant.ts

@@ -20,9 +20,9 @@ export function useTenant() {
         return tenants
     }
 
-    async function paginateTenant({page= 1, limit= 5, orderBy="", orderDesc=false, search = ""}) {
+    async function paginateTenant({page= 1, limit= 5, orderBy="", order=false, search = ""}) {
         loading.value = true
-        let paginatedtenant = tenantSystem.paginate({page, limit, orderBy, orderDesc, search})
+        let paginatedtenant = tenantSystem.paginate({page, limit, orderBy, order, search})
         loading.value = false
         return paginatedtenant
     }

package/src/composables/useUser.ts

@@ -13,9 +13,9 @@ export function useUser() {
     let inputErrors = ref<IClientInputError>()
     let loading = ref(false);
 
-    async function paginateUser({page= 1, limit= 5, orderBy="", orderDesc=false, search = ""}) {
+    async function paginateUser({page= 1, limit= 5, orderBy="", order=false, search = ""}) {
         loading.value = true
-        let paginatedUser = userSystem.paginate({page, limit, orderBy, orderDesc, search})
+        let paginatedUser = userSystem.paginate({page, limit, orderBy, order, search})
         loading.value = false
         return paginatedUser
     }

package/src/composables/useUserApiKey.ts

@@ -14,9 +14,9 @@ export function useUserApiKey() {
     let loading = ref(false);
 
 
-    async function paginateUserApiKey({page= 1, limit= 5, orderBy="", orderDesc=false, search = ""}) {
+    async function paginateUserApiKey({page= 1, limit= 5, orderBy="", order=false, search = ""}) {
         loading.value = true
-        let paginateduserApiKey = userApiKeySystem.paginate({page, limit, orderBy, orderDesc, search})
+        let paginateduserApiKey = userApiKeySystem.paginate({page, limit, orderBy, order, search})
         loading.value = false
         return paginateduserApiKey
     }

package/src/cruds/role-crud/RoleList.vue

@@ -32,6 +32,7 @@ const serverItems: Ref<IRole[]> = ref([]);
 const totalItems = ref(0)
 const loading = ref(false)
 const search = ref('')
+const sortBy : Ref<any> = ref([])
 
 async function loadItems(){
   try{
@@ -39,6 +40,8 @@ async function loadItems(){
     const r = await paginateRole({
       page: page.value,
       limit: itemsPerPage.value,
+      orderBy: sortBy.value[0]?.key,
+      order: sortBy.value[0]?.order,
       search: search.value})
     serverItems.value = r.items
     totalItems.value = r.total
@@ -61,7 +64,9 @@ defineExpose({
   <v-data-table-server
       v-if="hasPermission('user:manage')"
       v-model:items-per-page="itemsPerPage"
+      :items-per-page-options="[5, 10, 20, 50]"
       v-model:page="page"
+      v-model:sort-by="sortBy"
       :headers="headers"
       :items="serverItems"
       :items-length="totalItems"

package/src/cruds/tenant-crud/TenantList.vue

@@ -1,5 +1,4 @@
 <script setup lang="ts">
-
 import {defineProps, type Ref, ref} from "vue";
 import {useTenant} from "../../composables/useTenant";
 import {useAuth} from "../../composables/useAuth";
@@ -24,18 +23,23 @@ const serverItems: Ref<ITenant[]> = ref([]);
 const totalItems = ref(0)
 const loading = ref(false)
 const search = ref('')
+const sortBy : Ref<any> = ref([])
+
 const headers = ref<any>([
   { title: t('tenant.name') as string, key: 'name', align: 'start' },
   { title: t('tenant.createdAt') as string, key: 'createdAt', align: 'start' },
   { title: '', key: 'actions', align: 'end', minWidth: '150px' },
 ])
 
+
 async function loadItems(){
   try{
     loading.value = true
     const r = await paginateTenant({
       page: page.value,
       limit: itemsPerPage.value,
+      orderBy: sortBy.value[0]?.key,
+      order: sortBy.value[0]?.order,
       search: search.value})
     serverItems.value = r.items
     totalItems.value = r.total
@@ -59,12 +63,15 @@ defineExpose({
       class="border"
       v-if="hasPermission('user:manage')"
       v-model:items-per-page="itemsPerPage"
+      :items-per-page-options="[5, 10, 20, 50]"
       v-model:page="page"
+      v-model:sort-by="sortBy"
       :headers="headers"
       :items="serverItems"
       :items-length="totalItems"
       :loading="loading"
       :search="search"
+      :multi-sort="false"
       item-value="name"
       @update:options="loadItems"
   >

package/src/cruds/user-api-key-crud/UserApiKeyList.vue

@@ -24,9 +24,10 @@ const serverItems: Ref<IUserApiKey[]> = ref([]);
 const totalItems = ref(0)
 const loading = ref(false)
 const search = ref('')
+const sortBy : Ref<any> = ref([])
 
 const headers = ref<any>([
-    ...( hasPermission('userApiKey:view') ? [{ title: t('userApiKey.user') as string, key: 'user.username', align: 'start' }] : []),
+    ...( hasPermission('userApiKey:view') ? [{ title: t('userApiKey.user') as string, key: 'user.username', align: 'start', sortable: false }] : []),
   { title: t('userApiKey.name') as string, key: 'name', align: 'start' },
   { title: t('userApiKey.ipv4') as string, key: 'ipv4', align: 'start' },
   { title: t('userApiKey.ipv6') as string, key: 'ipv6', align: 'start' },
@@ -40,6 +41,8 @@ async function loadItems(){
     const r = await paginateUserApiKey({
       page: page.value,
       limit: itemsPerPage.value,
+      orderBy: sortBy.value[0]?.key,
+      order: sortBy.value[0]?.order,
       search: search.value})
     serverItems.value = r.items
     totalItems.value = r.total
@@ -63,7 +66,9 @@ defineExpose({
       class="border"
       v-if="hasPermission('userApiKey:manage')"
       v-model:items-per-page="itemsPerPage"
+      :items-per-page-options="[5, 10, 20, 50]"
       v-model:page="page"
+      v-model:sort-by="sortBy"
       :headers="headers"
       :items="serverItems"
       :items-length="totalItems"

package/src/cruds/user-crud/UserList.vue

@@ -34,6 +34,7 @@ const serverItems: Ref<IUser[]> = ref([]);
 const totalItems = ref(0)
 const loading = ref(false)
 const search = ref('')
+const sortBy : Ref<any> = ref([])
 
 async function loadItems(){
   try{
@@ -41,6 +42,8 @@ async function loadItems(){
     const r = await paginateUser({
       page: page.value,
       limit: itemsPerPage.value,
+      orderBy: sortBy.value[0]?.key,
+      order: sortBy.value[0]?.order,
       search: search.value})
     serverItems.value = r.items
     totalItems.value = r.total
@@ -64,6 +67,8 @@ defineExpose({
       v-if="hasPermission('user:manage')"
       v-model:items-per-page="itemsPerPage"
       v-model:page="page"
+      v-model:sort-by="sortBy"
+      :items-per-page-options="[5, 10, 20, 50]"
       :headers="headers"
       :items="serverItems"
       :items-length="totalItems"

package/src/forms/UserCreateForm.vue

@@ -76,6 +76,7 @@ const onSubmit = () => {
     <TenantCombobox
         v-model="form.tenant"
         :error-messages="$ta(inputErrors.tenant)"
+        clearable
     ></TenantCombobox>
 
     <v-text-field

package/src/forms/UserEditForm.vue

@@ -62,6 +62,7 @@ const onSubmit = () => {
     <TenantCombobox
         v-model="form.tenant"
         :error-messages="$ta(inputErrors.tenant)"
+        clearable
     ></TenantCombobox>
 
     <v-text-field