@drax/identity-vue 0.36.0 → 0.37.0

package/package.json

@@ -3,7 +3,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "version": "0.36.0",
+  "version": "0.37.0",
   "type": "module",
   "main": "./src/index.ts",
   "module": "./src/index.ts",
@@ -24,12 +24,12 @@
     "format": "prettier --write src/"
   },
   "dependencies": {
-    "@drax/common-front": "^0.36.0",
-    "@drax/common-vue": "^0.36.0",
-    "@drax/crud-front": "^0.36.0",
-    "@drax/crud-share": "^0.36.0",
-    "@drax/crud-vue": "^0.36.0",
-    "@drax/identity-share": "^0.36.0"
+    "@drax/common-front": "^0.37.0",
+    "@drax/common-vue": "^0.37.0",
+    "@drax/crud-front": "^0.37.0",
+    "@drax/crud-share": "^0.37.0",
+    "@drax/crud-vue": "^0.37.0",
+    "@drax/identity-share": "^0.37.0"
   },
   "peerDependencies": {
     "pinia": "^2.2.2",
@@ -66,5 +66,5 @@
     "vue-tsc": "^2.1.6",
     "vuetify": "^3.7.1"
   },
-  "gitHead": "096f17a9a7f6e6969b8367a978137e090916f16d"
+  "gitHead": "0bca48d4b686fd9536a78d84f5befe6801238000"
 }

package/src/components/IdentityUserGroupBy/IdentityUserGroupBy.vue

@@ -0,0 +1,132 @@
+<script setup lang="ts">
+import { ref, onMounted } from 'vue'
+import { UserSystemFactory } from '@drax/identity-front'
+
+interface RoleGroup {
+  _id: string
+  count: number
+  name?: string
+  icon?: string
+  color?: string
+}
+
+const userSystem = UserSystemFactory.getInstance()
+const roleGroups = ref<RoleGroup[]>([])
+const loading = ref(false)
+const error = ref<string | null>(null)
+
+const loadUsersByRole = async () => {
+  loading.value = true
+  error.value = null
+
+  try {
+    const result = await userSystem.groupBy({fields: ['role']})
+    roleGroups.value = result.map((group: any) => ({
+      _id: group._id,
+      count: group.count,
+      name: group?.role?.name || 'Sin rol',
+      icon: group?.role?.icon || 'mdi-account-group',
+      color: group?.role?.color || 'primary'
+    }))
+  } catch (e) {
+    console.error('Error loading users by role:', e)
+    error.value = 'Error al cargar los datos de usuarios'
+  } finally {
+    loading.value = false
+  }
+}
+
+onMounted(() => {
+  loadUsersByRole()
+})
+</script>
+
+<template>
+  <v-card variant="text" class="rounded-xl ma-4">
+    <v-card-text class="pa-2">
+      <v-row v-if="loading" justify="center">
+        <v-col cols="12" class="text-center py-4">
+          <v-progress-circular
+            indeterminate
+            color="primary"
+            size="48"
+          ></v-progress-circular>
+          <p class="text-body-2 mt-2">Cargando...</p>
+        </v-col>
+      </v-row>
+
+      <v-row v-else-if="error" justify="center">
+        <v-col cols="12" md="6" class="py-2">
+          <v-alert
+            type="error"
+            variant="tonal"
+            density="compact"
+            closable
+            @click:close="error = null"
+          >
+            {{ error }}
+          </v-alert>
+          <div class="text-center mt-2">
+            <v-btn
+              color="primary"
+              variant="elevated"
+              size="small"
+              @click="loadUsersByRole"
+            >
+              Reintentar
+            </v-btn>
+          </div>
+        </v-col>
+      </v-row>
+
+      <v-row v-else dense>
+        <v-col
+          v-for="group in roleGroups"
+          :key="group._id"
+          cols="6"
+          sm="3"
+          md="3"
+          lg="2"
+        >
+          <v-card
+            elevation="1"
+            hover
+            class="role-card"
+            :class="`role-card--${group.color}`"
+          >
+            <v-card-text class="pa-3">
+              <div class="d-flex align-center mb-2">
+                <v-icon
+                  :color="group.color"
+                  size="28"
+                  class="mr-2"
+                >
+                  {{ group.icon }}
+                </v-icon>
+                <div :class="`text-subtitle-1 font-weight-bold text-truncate text-${group.color}`" :title="group.name">
+                  {{ group.name }}
+                </div>
+              </div>
+              <div class="text-center">
+                <div :class="`text-h4 font-weight-bold ${group.color}--text`">
+                  {{ group.count }}
+                </div>
+              </div>
+            </v-card-text>
+          </v-card>
+        </v-col>
+      </v-row>
+    </v-card-text>
+  </v-card>
+</template>
+
+<style scoped>
+.role-card {
+  transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
+}
+
+.role-card:hover {
+  transform: translateY(-2px);
+  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.12) !important;
+}
+</style>

package/src/cruds/UserLoginFailCrud.ts

@@ -0,0 +1,171 @@
+import {EntityCrud} from "@drax/crud-vue";
+import type {
+    IDraxCrudProvider,
+    IEntityCrud,
+    IEntityCrudField,
+    IEntityCrudFilter,
+    IEntityCrudHeader,
+    IEntityCrudPermissions,
+    IEntityCrudRefs,
+    IEntityCrudRules
+} from "@drax/crud-share";
+import {UserLoginFailSystemFactory} from "@drax/identity-front";
+
+//Import EntityCrud Refs
+import {UserCrud} from "@drax/identity-vue"
+
+class UserLoginFailCrud extends EntityCrud implements IEntityCrud {
+
+    static singleton: UserLoginFailCrud
+
+    constructor() {
+        super();
+        this.name = 'UserLoginFail'
+    }
+
+    static get instance(): UserLoginFailCrud {
+        if (!UserLoginFailCrud.singleton) {
+            UserLoginFailCrud.singleton = new UserLoginFailCrud()
+        }
+        return UserLoginFailCrud.singleton
+    }
+
+    get permissions(): IEntityCrudPermissions {
+        return {
+            manage: 'userloginfail:manage',
+            view: 'userloginfail:view',
+            create: 'userloginfail:create',
+            update: 'userloginfail:update',
+            delete: 'userloginfail:delete'
+        }
+    }
+
+    get headers(): IEntityCrudHeader[] {
+        return [
+            {title: 'username', key: 'username', align: 'start'},
+            {title: 'userAgent', key: 'userAgent', align: 'start'},
+            {title: 'ip', key: 'ip', align: 'start'},
+            {title: 'createdAt', key: 'createdAt', align: 'start'}
+        ]
+    }
+
+    get selectedHeaders(): string[] {
+        return this.headers.map(header => header.key)
+    }
+
+    get actionHeaders(): IEntityCrudHeader[] {
+        return [
+            {
+                title: 'action.actions',
+                key: 'actions',
+                sortable: false,
+                align: 'center',
+                minWidth: '190px'
+            },
+        ]
+    }
+
+    get provider(): IDraxCrudProvider<any, any, any> {
+        return UserLoginFailSystemFactory.getInstance()
+    }
+
+    get refs(): IEntityCrudRefs {
+        return {
+            User: UserCrud.instance
+        }
+    }
+
+    get rules(): IEntityCrudRules {
+        return {
+            user: [(v: any) => !!v || 'validation.required'],
+            agent: [],
+            ip: [],
+            createdAt: []
+        }
+    }
+
+    get fields(): IEntityCrudField[] {
+        return [
+            {name: 'username', type: 'string', label: 'username', default: null},
+            {name: 'userAgent', type: 'string', label: 'userAgent', default: ''},
+            {name: 'ip', type: 'string', label: 'ip', default: ''},
+            {name: 'createdAt', type: 'date', label: 'createdAt', default: null}
+        ]
+    }
+
+    get filters(): IEntityCrudFilter[] {
+        return [
+            {name: 'createdAt', type: 'date', label: 'createdAt', default: '', operator: 'gte' },
+            {name: 'createdAt', type: 'date', label: 'createdAt', default: '', operator: 'lte' },
+            {name: 'username', type: 'string', label: 'username', default: '', operator: 'eq' },
+            {name: 'userAgent', type: 'string', label: 'userAgent', default: '', operator: 'eq' },
+            {name: 'ip', type: 'string', label: 'ip', default: '', operator: 'eq' },
+
+        ]
+    }
+
+    get searchEnable(){
+        return false
+    }
+
+    get isViewable() {
+        return true
+    }
+
+    get isEditable() {
+        return false
+    }
+
+    get isCreatable() {
+        return false
+    }
+
+    get isDeletable() {
+        return false
+    }
+
+    get isExportable() {
+        return true
+    }
+
+    get exportFormats() {
+        return ['CSV', 'JSON']
+    }
+
+    get exportHeaders() {
+        return ['_id','username','createdAt','userAgent','ip']
+    }
+
+    get isImportable() {
+        return false
+    }
+
+    get isColumnSelectable() {
+        return true
+    }
+
+    get isGroupable() {
+        return true
+    }
+
+    get importFormats() {
+        return ['CSV', 'JSON']
+    }
+
+    get dialogFullscreen() {
+        return false
+    }
+
+    get tabs() {
+        return []
+    }
+
+    get menus() {
+        return []
+    }
+
+
+}
+
+export default UserLoginFailCrud
+

package/src/cruds/UserSessionCrud.ts

@@ -0,0 +1,174 @@
+import {EntityCrud} from "@drax/crud-vue";
+import type {
+    IDraxCrudProvider,
+    IEntityCrud,
+    IEntityCrudField,
+    IEntityCrudFilter,
+    IEntityCrudHeader,
+    IEntityCrudPermissions,
+    IEntityCrudRefs,
+    IEntityCrudRules
+} from "@drax/crud-share";
+import {UserSessionSystemFactory} from "@drax/identity-front";
+
+//Import EntityCrud Refs
+import {UserCrud} from "@drax/identity-vue"
+
+class UserSessionCrud extends EntityCrud implements IEntityCrud {
+
+    static singleton: UserSessionCrud
+
+    constructor() {
+        super();
+        this.name = 'UserSession'
+    }
+
+    static get instance(): UserSessionCrud {
+        if (!UserSessionCrud.singleton) {
+            UserSessionCrud.singleton = new UserSessionCrud()
+        }
+        return UserSessionCrud.singleton
+    }
+
+    get permissions(): IEntityCrudPermissions {
+        return {
+            manage: 'usersession:manage',
+            view: 'usersession:view',
+            create: 'usersession:create',
+            update: 'usersession:update',
+            delete: 'usersession:delete'
+        }
+    }
+
+    get headers(): IEntityCrudHeader[] {
+        return [
+            {title: 'uuid', key: 'uuid', align: 'start'},
+            {title: 'user', key: 'user', align: 'start'},
+            {title: 'agent', key: 'agent', align: 'start'},
+            {title: 'ip', key: 'ip', align: 'start'},
+            {title: 'createdAt', key: 'createdAt', align: 'start'}
+        ]
+    }
+
+    get selectedHeaders(): string[] {
+        return this.headers.map(header => header.key)
+    }
+
+    get actionHeaders(): IEntityCrudHeader[] {
+        return [
+            {
+                title: 'action.actions',
+                key: 'actions',
+                sortable: false,
+                align: 'center',
+                minWidth: '190px'
+            },
+        ]
+    }
+
+    get provider(): IDraxCrudProvider<any, any, any> {
+        return UserSessionSystemFactory.getInstance()
+    }
+
+    get refs(): IEntityCrudRefs {
+        return {
+            User: UserCrud.instance
+        }
+    }
+
+    get rules(): IEntityCrudRules {
+        return {
+            uuid: [(v: any) => !!v || 'validation.required'],
+            user: [(v: any) => !!v || 'validation.required'],
+            agent: [],
+            ip: [],
+            createdAt: []
+        }
+    }
+
+    get fields(): IEntityCrudField[] {
+        return [
+            {name: 'uuid', type: 'string', label: 'uuid', default: ''},
+            {name: 'user', type: 'ref', label: 'user', default: null, ref: 'User', refDisplay: 'username'},
+            {name: 'agent', type: 'string', label: 'agent', default: ''},
+            {name: 'ip', type: 'string', label: 'ip', default: ''},
+            {name: 'createdAt', type: 'date', label: 'createdAt', default: null}
+        ]
+    }
+
+    get filters(): IEntityCrudFilter[] {
+        return [
+            {name: 'createdAt', type: 'date', label: 'createdAt', default: '', operator: 'gte' },
+            {name: 'createdAt', type: 'date', label: 'createdAt', default: '', operator: 'lte' },
+            {name: 'user', type: 'ref',  ref: 'User', refDisplay:"username", label: 'User', default: '', operator: 'eq' },
+            {name: 'userAgent', type: 'string', label: 'userAgent', default: '', operator: 'eq' },
+            {name: 'ip', type: 'string', label: 'ip', default: '', operator: 'eq' },
+
+        ]
+    }
+
+    get searchEnable(){
+        return false
+    }
+
+    get isViewable() {
+        return true
+    }
+
+    get isEditable() {
+        return false
+    }
+
+    get isCreatable() {
+        return false
+    }
+
+    get isDeletable() {
+        return false
+    }
+
+    get isExportable() {
+        return true
+    }
+
+    get exportFormats() {
+        return ['CSV', 'JSON']
+    }
+
+    get exportHeaders() {
+        return ['_id','user','createdAt','userAgent','ip']
+    }
+
+    get isImportable() {
+        return false
+    }
+
+    get isColumnSelectable() {
+        return true
+    }
+
+    get isGroupable() {
+        return true
+    }
+
+    get importFormats() {
+        return ['CSV', 'JSON']
+    }
+
+    get dialogFullscreen() {
+        return false
+    }
+
+    get tabs() {
+        return []
+    }
+
+    get menus() {
+        return []
+    }
+
+
+}
+
+export default UserSessionCrud
+

package/src/cruds/role-crud/RoleCrud.ts

@@ -59,6 +59,8 @@ class RoleCrud extends EntityCrud implements IEntityCrud {
   get fields(): IEntityCrudField[]{
     return [
         {name: 'name', type: 'string', label: 'name', default:'', prependInnerIcon:'mdi-text-short'  },
+        {name: 'icon', type: 'string', label: 'icon', default:'', prependInnerIcon:'mdi-simple-icons'  },
+        {name: 'color', type: 'string', label: 'color', default:'', prependInnerIcon:'mdi-palette'  },
         {name: 'childRoles', type: 'array.ref', ref:'Role', refDisplay: 'name', label: 'childRoles', default:[], prependInnerIcon:'mdi-text-short'  },
         {name: 'permissions', type: 'array.string',  label: 'childRoles', default:[], prependInnerIcon:'mdi-text-short'  }
     ]
@@ -75,7 +77,7 @@ class RoleCrud extends EntityCrud implements IEntityCrud {
   }
 
   get exportHeaders(){
-    return ['id', 'name','permissions','childRoles','readonly']
+    return ['id', 'name','icon','color','permissions','childRoles','readonly']
   }
 
   get isExportable(){

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

@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import {useFormUtils, useCrudStore} from "@drax/crud-vue";
 import {computed, defineEmits, defineModel, ref} from "vue";
-import {useI18nValidation} from "@drax/common-vue";
+import {useI18nValidation, IconCombobox, ColorCombobox} from "@drax/common-vue";
 import PermissionSelector from "../../components/PermissionSelector/PermissionSelector.vue";
 import RoleCombobox from "../../combobox/RoleCombobox.vue";
 import {useIdentityCrudStore} from "../../stores/IdentityCrudStore";
@@ -89,6 +89,10 @@ const {
               :clearable="false"
           ></v-text-field>
 
+
+          <icon-combobox v-model="valueModel.icon"></icon-combobox>
+          <color-combobox v-model="valueModel.color"></color-combobox>
+
           <RoleCombobox
               v-model="valueModel.childRoles"
               label="role.field.childRoles"

package/src/cruds/user-crud/UserCrud.ts

@@ -42,12 +42,14 @@ class UserCrud extends EntityCrud implements IEntityCrud {
     return import.meta.env.VITE_DRAX_TENANT === 'ENABLE'
   }
 
+
   get headers():IEntityCrudHeader[] {
     return [
+      { title: '', key: 'avatar', align: 'start', width:'50px' },
       { title: 'name', key: 'name', align: 'start' },
       { title: 'username', key: 'username', align: 'start' },
       { title: 'email', key: 'email', align: 'start' },
-      { title: 'role', key: 'role.name', align: 'start' },
+      { title: 'role', key: 'role', align: 'start' },
       ...(this.isTenantEnabled ? [{ title: 'tenant', key: 'tenant.name', align: 'start' as const }] : []),
       { title: 'active', key: 'active', align: 'start' },
     ]
@@ -76,8 +78,8 @@ class UserCrud extends EntityCrud implements IEntityCrud {
         {name: 'username', type: 'string', label: 'username', default:'' },
         {name: 'email', type: 'string', label: 'email', default:'' },
         {name: 'phone', type: 'string', label: 'phone', default:'' },
-        {name: 'role', type: 'ref', ref: 'role', label: 'role', default:null },
-        {name: 'tenant', type: 'ref', ref: 'tenant', label: 'tenant', default:null, permission: 'tenant:manage' },
+        {name: 'role', type: 'ref', ref: 'role', refDisplay:'name', label: 'role', default:null },
+        {name: 'tenant', type: 'ref', ref: 'tenant', refDisplay:'name', label: 'tenant', default:null, permission: 'tenant:manage' },
         {name: 'active', type: 'boolean',  label: 'active', default:true },
 
     ]
@@ -139,6 +141,9 @@ class UserCrud extends EntityCrud implements IEntityCrud {
     return false
   }
 
+  get containerFluid(): boolean{
+    return true
+  }
 }
 
 export default UserCrud

package/src/i18n/UserLoginFail-i18n.ts

@@ -0,0 +1,46 @@
+
+const messages = {
+  en: {
+  
+    userloginfail: {
+          entity: 'UserLoginFail',
+          menu: 'UserLoginFail',
+          crud: 'Manage UserLoginFail',
+          field:{
+                       user:'user',
+           agent:'agent',
+           ip:'ip',
+           createdAt:'createdAt'
+          }
+      },
+      permission: {
+              'userloginfail:view': 'View UserLoginFail',
+              'userloginfail:create': 'Create UserLoginFail',
+              'userloginfail:update': 'Edit UserLoginFail',
+              'userloginfail:delete': 'Delete UserLoginFail',
+              'userloginfail:manage': 'Manage UserLoginFail',
+      }
+  },
+  es: {
+     userloginfail: {
+          entity: 'UserLoginFail',
+          menu: 'UserLoginFail',
+          crud: 'Gestionar UserLoginFail',
+          field:{
+                       user:'user',
+           agent:'agent',
+           ip:'ip',
+           createdAt:'createdAt'
+          }
+      },
+     permission: {
+              'userloginfail:view': 'Ver UserLoginFail',
+              'userloginfail:create': 'Crear UserLoginFail',
+              'userloginfail:update': 'Editar UserLoginFail',
+              'userloginfail:delete': 'Eliminar UserLoginFail',
+              'userloginfail:manage': 'Gestionar UserLoginFail',
+     }
+  }
+}
+
+export default messages;  

package/src/i18n/UserSession-i18n.ts

@@ -0,0 +1,48 @@
+
+const messages = {
+  en: {
+  
+    usersession: {
+          entity: 'UserSession',
+          menu: 'UserSession',
+          crud: 'Manage UserSession',
+          field:{
+                       uuid:'uuid',
+           user:'user',
+           agent:'agent',
+           ip:'ip',
+           createdAt:'createdAt'
+          }
+      },
+      permission: {
+              'usersession:view': 'View UserSession',
+              'usersession:create': 'Create UserSession',
+              'usersession:update': 'Edit UserSession',
+              'usersession:delete': 'Delete UserSession',
+              'usersession:manage': 'Manage UserSession',
+      }
+  },
+  es: {
+     usersession: {
+          entity: 'UserSession',
+          menu: 'UserSession',
+          crud: 'Gestionar UserSession',
+          field:{
+                       uuid:'uuid',
+           user:'user',
+           agent:'agent',
+           ip:'ip',
+           createdAt:'createdAt'
+          }
+      },
+     permission: {
+              'usersession:view': 'Ver UserSession',
+              'usersession:create': 'Crear UserSession',
+              'usersession:update': 'Editar UserSession',
+              'usersession:delete': 'Eliminar UserSession',
+              'usersession:manage': 'Gestionar UserSession',
+     }
+  }
+}
+
+export default messages;  

package/src/index.ts

@@ -26,6 +26,10 @@ import UserApiKeyCreated from "./cruds/user-api-key-crud/UserApiKeyCreated.vue";
 import UserApiKeyView from "./views/UserApiKeyView.vue";
 import UserApiKeyCrudPage from "./pages/crud/UserApiKeyCrudPage.vue";
 
+
+import UserLoginFailCrudPage from "./pages/crud/UserLoginFailCrudPage.vue";
+import UserSessionCrudPage from "./pages/crud/UserSessionCrudPage.vue";
+
 import {useAuth} from "./composables/useAuth.js";
 import {useUser} from "./composables/useUser.js";
 import {useRole} from "./composables/useRole.js";
@@ -65,6 +69,9 @@ export {
     ProfilePage,
     PasswordPage,
 
+    UserLoginFailCrudPage,
+    UserSessionCrudPage,
+
     //User
     UserView,
     UserForm,

package/src/pages/crud/UserCrudPage.vue

@@ -8,6 +8,7 @@ import PasswordUpdateButton from "../../cruds/user-crud/PasswordUpdateButton.vue
 import UserPasswordDialog from "../../cruds/user-crud/UserPasswordDialog.vue";
 import type {IUser} from "@drax/identity-share";
 import {useIdentityCrudStore} from "../../stores/IdentityCrudStore"
+import IdentityUserGroupBy from "../../components/IdentityUserGroupBy/IdentityUserGroupBy.vue";
 
 const identityCrudStore = useIdentityCrudStore();
 
@@ -24,16 +25,20 @@ function onChangePassword(user:IUser){
   dialogPassword.value = true;
 }
 
+const roleDashboard = import.meta.env.VITE_DRAX_USER_ROLE_DASHBOARD === 'ENABLE'
+
 </script>
 
 <template>
-  <div>
+  <v-container fluid>
     <user-password-dialog
         v-if="dialogPassword && userSelected"
         v-model="dialogPassword"
         :user="userSelected"
     />
 
+    <identity-user-group-by v-if="roleDashboard"></identity-user-group-by>
+
     <crud :entity="identityCrudStore.userCrud">
 
       <template v-slot:form>
@@ -44,6 +49,17 @@ function onChangePassword(user:IUser){
         />
       </template>
 
+      <template v-slot:item.avatar="{ item }">
+        <v-avatar>
+          <v-img v-if="item.avatar" :src="item.avatar"></v-img>
+          <v-icon v-else size="50">mdi-account-circle</v-icon>
+        </v-avatar>
+      </template>
+
+      <template v-slot:item.role="{ item }">
+       <v-chip  variant="outlined" :color="item.role.color"> <v-icon v-if="item.role.icon" start>{{item.role.icon}}</v-icon>{{item.role.name}}</v-chip>
+      </template>
+
 
 
       <template v-slot:item.actions="{ item }">
@@ -59,7 +75,7 @@ function onChangePassword(user:IUser){
         </v-chip>
       </template>
     </crud>
-  </div>
+  </v-container>
 
 </template>
 

package/src/pages/crud/UserLoginFailCrudPage.vue

@@ -0,0 +1,19 @@
+
+<script setup lang="ts">
+import UserLoginFailCrud from '../../cruds/UserLoginFailCrud'
+import {Crud} from "@drax/crud-vue";
+import {formatDateTime} from "@drax/common-front"
+
+</script>
+
+<template>
+  <crud :entity="UserLoginFailCrud.instance">
+    <template v-slot:item.user="{value}">{{value?.username}}</template>
+    <template v-slot:item.createdAt="{value}">{{formatDateTime(value)}}</template>
+  </crud>
+</template>
+
+<style scoped>
+
+</style>
+

package/src/pages/crud/UserSessionCrudPage.vue

@@ -0,0 +1,19 @@
+
+<script setup lang="ts">
+import UserSessionCrud from '../../cruds/UserSessionCrud'
+import {Crud} from "@drax/crud-vue";
+import {formatDateTime} from "@drax/common-front"
+
+</script>
+
+<template>
+  <crud :entity="UserSessionCrud.instance">
+    <template v-slot:item.user="{value}">{{value?.username}}</template>
+    <template v-slot:item.createdAt="{value}">{{formatDateTime(value)}}</template>
+  </crud>
+</template>
+
+<style scoped>
+
+</style>
+

package/src/routes/IdentityRoutes.ts

@@ -1,10 +1,14 @@
 import IdentityCrudRoutes from './IdentityCrudRoutes'
 import IdentityAuthRoutes from './IdentityAuthRoutes'
+import UserLoginFailCrudRoute from './UserLoginFailCrudRoute'
+import UserSessionCrudRoute from './UserSessionCrudRoute'
 
 
 const routes = [
     ...IdentityAuthRoutes,
     ...IdentityCrudRoutes,
+    ...UserLoginFailCrudRoute,
+    ...UserSessionCrudRoute
 ]
 
 

package/src/routes/UserLoginFailCrudRoute.ts

@@ -0,0 +1,18 @@
+
+import UserLoginFailCrudPage from "../pages/crud/UserLoginFailCrudPage.vue";
+
+
+const UserLoginFailCrudRoute = [
+  {
+    name: 'UserLoginFailCrudPage',
+    path: '/identity/user-login-fail',
+    component: UserLoginFailCrudPage,
+    meta: {
+      auth: true,
+      permission: 'userloginfail:manage',
+    }
+  },
+]
+
+export default UserLoginFailCrudRoute
+export { UserLoginFailCrudRoute }

package/src/routes/UserSessionCrudRoute.ts

@@ -0,0 +1,18 @@
+
+import UserSessionCrudPage from "../pages/crud/UserSessionCrudPage.vue";
+
+
+const UserSessionCrudRoute = [
+  {
+    name: 'UserSessionCrudPage',
+    path: '/identity/user-session',
+    component: UserSessionCrudPage,
+    meta: {
+      auth: true,
+      permission: 'usersession:manage',
+    }
+  },
+]
+
+export default UserSessionCrudRoute
+export { UserSessionCrudRoute }