@drax/identity-vue 0.5.20 → 0.7.0

package/package.json

@@ -3,7 +3,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "version": "0.5.20",
+  "version": "0.7.0",
   "type": "module",
   "main": "./src/index.ts",
   "module": "./src/index.ts",
@@ -24,11 +24,12 @@
     "format": "prettier --write src/"
   },
   "dependencies": {
-    "@drax/common-front": "^0.5.11",
-    "@drax/common-vue": "^0.5.11",
-    "@drax/crud-front": "^0.5.20",
-    "@drax/crud-share": "^0.5.17",
-    "@drax/identity-share": "^0.5.18"
+    "@drax/common-front": "^0.7.0",
+    "@drax/common-vue": "^0.7.0",
+    "@drax/crud-front": "^0.7.0",
+    "@drax/crud-share": "^0.7.0",
+    "@drax/crud-vue": "^0.7.0",
+    "@drax/identity-share": "^0.7.0"
   },
   "peerDependencies": {
     "pinia": "^2.2.2",
@@ -65,5 +66,5 @@
     "vue-tsc": "^2.1.6",
     "vuetify": "^3.7.1"
   },
-  "gitHead": "0f55c328d87019aafcf55402d7d182945f034982"
+  "gitHead": "244c1ccf07c9e3cf11486dcd013b11bcee505c6d"
 }

package/src/combobox/TenantCombobox.vue

@@ -33,7 +33,7 @@ onMounted(async () => {
       :items="items"
       item-title="name"
       item-value="id"
-      variant="outlined"
+      :variant="variant"
       :error-messages="errorMessages"
       :clearable="clearable"
       :rules="rules"

package/src/components/IdentityProfileAvatarEdit/IdentityProfileAvatarEdit.vue

@@ -14,7 +14,6 @@ function onAvatarClick() {
 }
 
 async function onFileChanged(e: Event) {
-  console.log("OnFileChanged",e)
   if (e.target && (e.target as HTMLInputElement).files) {
     const files = (e.target as HTMLInputElement).files;
     if (files && files[0]) {

package/src/components/IdentityProfileView/IdentityProfileView.vue

@@ -1,9 +1,10 @@
 <script setup lang="ts">
 import {useAuthStore} from "../../stores/auth/AuthStore.js";
 import IdentityProfileAvatarEdit from "../IdentityProfileAvatarEdit/IdentityProfileAvatarEdit.vue";
-const emit = defineEmits(['click'])
+import {useI18n} from "vue-i18n";
+defineEmits(['click'])
 const authStore = useAuthStore()
-
+const {t} = useI18n()
 </script>
 
 <template>
@@ -16,10 +17,11 @@ const authStore = useAuthStore()
   </v-sheet>
 
   <v-divider></v-divider>
-  <v-sheet class="d-flex justify-center align-center" height="50">
+  <v-sheet class="d-flex justify-center align-center" height="70">
     <v-sheet class="text-center">
       <h6 class="text-caption">{{ authStore.authUser?.email }}</h6>
-      <h6 class="text-subtitle-2">role: {{ authStore.authUser?.role?.name }}</h6>
+      <h6 class="text-caption">{{ authStore.authUser?.tenant?.name }}</h6>
+      <h6 class="text-subtitle-2">{{t('user.field.role')}}: {{ authStore.authUser?.role?.name }}</h6>
     </v-sheet>
   </v-sheet>
 </template>

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

@@ -62,7 +62,7 @@ const {
           <v-text-field
               id="name-input"
               name="name"
-              :label="$t('role.field.name')"
+              :label="t('role.field.name')"
               v-model="valueModel.name"
               prepend-inner-icon="mdi-card-account-details"
               :variant="variant"

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

@@ -1,15 +1,17 @@
 <script setup lang="ts">
 import {useFormUtils, useCrudStore} from "@drax/crud-vue";
-import {defineEmits, defineModel, defineProps, ref} from "vue";
+import {defineEmits, defineModel, defineProps, type PropType, ref} from "vue";
 import {useI18nValidation} from "@drax/common-vue";
 import RoleCombobox from "../../combobox/RoleCombobox.vue";
 import TenantCombobox from "../../combobox/TenantCombobox.vue";
 import {useI18n} from "vue-i18n";
+import type {IEntityCrudOperation} from "@drax/crud-share";
 
 const {$ta} = useI18nValidation()
 const {t, te} = useI18n()
 
-defineProps({
+const {operation} = defineProps({
+  operation: {type: String as PropType<IEntityCrudOperation>, required: true},
   enablePassword: {type: Boolean, default: false}
 })
 
@@ -25,6 +27,12 @@ const formRef = ref()
 
 async function submit() {
   store.resetErrors()
+
+  if(operation === 'delete') {
+    emit('submit',valueModel.value)
+    return
+  }
+
   await formRef.value.validate()
   if (valid.value) {
     emit('submit', valueModel.value)
@@ -62,7 +70,7 @@ let passwordVisibility = ref(false)
 
         <v-text-field
             id="name-input"
-            :label="$t('user.field.name')"
+            :label="t('user.field.name')"
             v-model="valueModel.name"
             prepend-inner-icon="mdi-card-account-details"
             :variant="variant"
@@ -73,7 +81,7 @@ let passwordVisibility = ref(false)
 
         <v-text-field
             id="username-input"
-            :label="$t('user.field.username')"
+            :label="t('user.field.username')"
             v-model="valueModel.username"
             prepend-inner-icon="mdi-account-question"
             :variant="variant"
@@ -86,7 +94,7 @@ let passwordVisibility = ref(false)
         <v-text-field
             v-if="enablePassword"
             id="password-input"
-            :label="$t('user.field.password')"
+            :label="t('user.field.password')"
             v-model="valueModel.password"
             :type="passwordVisibility ? 'text': 'password'"
             :variant="variant"
@@ -101,7 +109,7 @@ let passwordVisibility = ref(false)
 
         <RoleCombobox
             v-model="valueModel.role"
-            :label="$t('user.field.role')"
+            :label="t('user.field.role')"
             :variant="variant"
             :rules="[(v:any) => !!v || t('validation.required')]"
             :error-messages="$ta(store.inputErrors?.role)"
@@ -110,7 +118,7 @@ let passwordVisibility = ref(false)
 
         <TenantCombobox
             v-model="valueModel.tenant"
-            :label="$t('user.field.tenant')"
+            :label="t('user.field.tenant')"
             :variant="variant"
             :error-messages="$ta(store.inputErrors?.tenant)"
             clearable
@@ -121,7 +129,7 @@ let passwordVisibility = ref(false)
             v-model="valueModel.email"
             :variant="variant"
             id="email-input"
-            :label="$t('user.field.email')"
+            :label="t('user.field.email')"
             prepend-inner-icon="mdi-email"
             :rules="[(v:any) => !!v || t('validation.required')]"
             :error-messages="$ta(store.inputErrors?.email)"
@@ -132,7 +140,7 @@ let passwordVisibility = ref(false)
             v-model="valueModel.phone"
             :variant="variant"
             id="phone-input"
-            :label="$t('user.field.phone')"
+            :label="t('user.field.phone')"
             prepend-inner-icon="mdi-phone"
             :rules="[(v:any) => !!v || t('validation.required')]"
             :error-messages="$ta(store.inputErrors?.phone)"

package/src/pages/crud/UserCrudPage.vue

@@ -33,6 +33,7 @@ function onChangePassword(user:IUser){
       <template v-slot:form>
         <user-form
             :enable-password="operation === 'create'"
+            :operation="operation"
             v-model="form"
             @submit="onSubmit"
             @cancel="onCancel"