@drax/identity-vue 0.5.5 → 0.5.10

package/package.json

@@ -3,7 +3,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "version": "0.5.5",
+  "version": "0.5.10",
   "type": "module",
   "main": "./src/index.ts",
   "module": "./src/index.ts",
@@ -27,7 +27,7 @@
     "@drax/common-front": "^0.5.5",
     "@drax/common-vue": "^0.5.5",
     "@drax/crud-front": "^0.5.3",
-    "@drax/crud-share": "^0.5.5",
+    "@drax/crud-share": "^0.5.9",
     "@drax/identity-share": "^0.5.1"
   },
   "peerDependencies": {
@@ -65,5 +65,5 @@
     "vue-tsc": "^2.1.6",
     "vuetify": "^3.7.1"
   },
-  "gitHead": "c89751dd8eb2ede7d565b596f698c2b83e0c2fed"
+  "gitHead": "0320d2a3e3b4461ceca923cf47c54080f7d5c5e1"
 }

package/src/index.ts

@@ -3,7 +3,6 @@ import IdentityProfileAvatar from "./components/IdentityProfileAvatar/IdentityPr
 import IdentityProfileDrawer from "./components/IdentityProfileDrawer/IdentityProfileDrawer.vue";
 import IdentityProfileView from "./components/IdentityProfileView/IdentityProfileView.vue";
 
-import UserCrud from "./cruds/user-crud/UserCrud.vue";
 import UserCrudPage from "./pages/crud/UserCrudPage.vue";
 import UserForm from "./cruds/user-crud/UserForm.vue";
 import UserView from "./views/UserView.vue";
@@ -16,7 +15,6 @@ import LoginPage from "./pages/LoginPage.vue";
 import ProfilePage from "./pages/ProfilePage.vue";
 import PasswordPage from "./pages/PasswordPage.vue";
 
-
 import TenantView from "./views/TenantView.vue";
 import TenantCrudPage from "./pages/crud/TenantCrudPage.vue";
 
@@ -33,6 +31,11 @@ import {useRole} from "./composables/useRole.js";
 import {useTenant} from "./composables/useTenant.js";
 import {useUserApiKey} from "./composables/useUserApiKey.js";
 
+import TenantCrud from "./cruds/tenant-crud/TenantCrud"
+import UserCrud from "./cruds/user-crud/UserCrud"
+import RoleCrud from "./cruds/role-crud/RoleCrud"
+
+
 
 import {useAuthStore} from "./stores/auth/AuthStore.js";
 
@@ -40,6 +43,11 @@ import IdentityRoutes from "./routes/IdentityRoutes.js";
 
 export {
 
+    //Cruds
+    TenantCrud,
+    UserCrud,
+    RoleCrud,
+
     //Vue Components
     IdentityLogin,
     IdentityProfileAvatar,
@@ -54,7 +62,6 @@ export {
     //User
     UserView,
     UserForm,
-    UserCrud,
     UserCrudPage,
     useAuth,
     useUser,

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

@@ -1,221 +0,0 @@
-<script setup lang="ts">
-import {computed, ref} from 'vue'
-import {useUser} from "../../composables/useUser";
-import type {IUser, IUserCreate, IUserUpdate} from "@drax/identity-share";
-import type {IUserPassword} from "@drax/identity-front";
-import UserCreateForm from "./UserForm.vue";
-import UserPasswordForm from "./UserPasswordForm.vue";
-import UserView from "../../views/UserView.vue";
-import {useI18n} from "vue-i18n";
-
-const {t} = useI18n()
-
-const {createUser, editUser, changeUserPassword, deleteUser, loading, userError, inputErrors} = useUser()
-
-interface UserList {
-  loadItems: () => void;
-  items: IUser[];
-}
-
-type DialogMode = 'create' | 'edit' | 'delete' | 'changePassword' | null;
-
-
-let dialog = ref(false);
-let dialogMode = ref<DialogMode>(null);
-let dialogTitle = ref('');
-const userList = ref<UserList | null>(null);
-let createForm = ref<IUserCreate>({name: "", username: "", password: "", email: "", phone: "", role: "", tenant: "", active: true})
-let editForm = ref<IUserUpdate>({name: "", username: "", email: "", phone: "", role: "", tenant: "", active: true})
-let passwordForm = ref<IUserPassword>({newPassword: "", confirmPassword: ""})
-let passwordChanged = ref(false);
-let target = ref<IUser>();
-let targetId = ref<string>('');
-let actionButtonEnable = ref(true);
-let filterEnable = ref(false);
-
-function cancel() {
-  dialog.value = false
-  inputErrors.value = {}
-  userError.value = '';
-  dialogMode.value = null
-  dialogTitle.value = ''
-  targetId.value = ''
-  target.value = undefined
-  actionButtonEnable.value = true
-}
-
-async function save() {
-
-  try {
-    if (dialogMode.value === 'create') {
-      await createUser(createForm.value)
-    } else if (dialogMode.value === 'edit') {
-      await editUser(targetId.value, editForm.value)
-    } else if (dialogMode.value === 'changePassword') {
-      if (passwordForm.value.newPassword === passwordForm.value.confirmPassword) {
-        passwordChanged.value = await changeUserPassword(targetId.value, passwordForm.value.newPassword)
-        actionButtonEnable.value = false
-        return
-      } else {
-        return
-      }
-    } else if (dialogMode.value === 'delete') {
-      await deleteUser(targetId.value)
-    }
-    dialog.value = false
-    inputErrors.value = {}
-    userError.value = '';
-    if (userList.value !== null) {
-      userList.value.loadItems()
-    }
-  } catch (e) {
-    console.error(e)
-    if (e instanceof Error) {
-      userError.value = e.message
-    }
-  }
-}
-
-let buttonText = computed(() => {
-  switch (dialogMode.value) {
-    case 'create':
-      return 'action.create'
-    case 'edit':
-      return 'action.update'
-    case 'delete':
-      return 'action.delete'
-    default:
-      return 'action.sent'
-  }
-})
-
-function toCreate() {
-  actionButtonEnable.value = true
-  dialogMode.value = 'create';
-  dialogTitle.value = 'user.creating';
-  createForm.value = {name: "", username: "", password: "", email: "", phone: "", role: "", tenant: "", active: true}
-  dialog.value = true;
-}
-
-function toEdit(item: IUser) {
-  actionButtonEnable.value = true
-  dialogMode.value = 'edit';
-  dialogTitle.value = 'user.updating';
-  targetId.value = item.id;
-  editForm.value = {
-    name: item.name,
-    username: item.username,
-    email: item.email,
-    phone: item.phone,
-    role: item.role.id,
-    tenant: item?.tenant?.id,
-    active: item.active
-  };
-  dialog.value = true;
-}
-
-function toDelete(item: IUser) {
-  actionButtonEnable.value = true
-  dialogMode.value = 'delete';
-  dialogTitle.value = 'user.deleting';
-  target.value = item
-  const {id} = item;
-  targetId.value = id;
-  dialog.value = true;
-}
-
-function toChangePassword(item: IUser) {
-  actionButtonEnable.value = true
-  dialogMode.value = 'changePassword';
-  dialogTitle.value = 'user.changingPassword';
-  target.value = item
-  const {id} = item;
-  targetId.value = id;
-  dialog.value = true;
-}
-
-
-</script>
-
-<template>
-  <v-container fluid>
-
-    <v-card border rounded>
-      <v-toolbar class="bg-toolbar">
-        <v-toolbar-title>{{ t('user.managing') }}</v-toolbar-title>
-        <v-spacer></v-spacer>
-        <v-btn icon @click="filterEnable = !filterEnable">
-          <v-icon>{{ filterEnable ? 'mdi-filter' : 'mdi-filter-off' }}</v-icon>
-        </v-btn>
-        <v-btn color="primary" @click="toCreate">
-          {{t('action.create') }}
-        </v-btn>
-      </v-toolbar>
-      <v-theme-provider with-background class="pa-2 rounded-b">
-
-      </v-theme-provider>
-    </v-card>
-
-    <v-dialog v-model="dialog" max-width="800">
-      <v-sheet border>
-        <v-toolbar>
-          <v-toolbar-title>{{ dialogTitle ? t(dialogTitle) : '-' }}</v-toolbar-title>
-        </v-toolbar>
-        <v-card class="pa-10">
-          <v-card-text v-if="userError">
-            <v-alert type="error">{{ userError }}</v-alert>
-          </v-card-text>
-          <v-card-text>
-            <UserCreateForm
-                v-if="dialogMode === 'create'"
-                v-model="createForm"
-                :inputErrors="inputErrors"
-                @formSubmit="save"
-            />
-
-
-
-            <UserView v-if="dialogMode === 'delete'
-            && target" :user="target"
-            />
-
-
-            <UserPasswordForm
-                v-if="dialogMode === 'changePassword'&& target"
-                v-model="passwordForm"
-                :inputErrors="inputErrors"
-                :passwordChanged="passwordChanged"
-                @formSubmit="save"
-            />
-
-
-          </v-card-text>
-          <v-card-actions>
-            <v-spacer></v-spacer>
-            <v-btn
-                variant="text"
-                @click="cancel"
-                :loading="loading">
-              {{ actionButtonEnable ? t('action.cancel') : t('action.close') }}
-            </v-btn>
-            <v-btn
-                v-if="actionButtonEnable"
-                variant="flat"
-                :color="dialogMode==='delete' ? 'red' : 'primary'"
-                @click="save"
-                :loading="loading"
-            >
-              {{ t(buttonText) }}
-            </v-btn>
-          </v-card-actions>
-
-        </v-card>
-      </v-sheet>
-    </v-dialog>
-
-  </v-container>
-</template>
-
-<style scoped>
-
-</style>