@drax/identity-vue 0.5.3 → 0.5.5

package/src/forms/RoleForm.vue

@@ -1,57 +0,0 @@
-<script setup lang="ts">
-import {defineModel, type PropType} from "vue";
-import type {IRoleBase} from "@drax/identity-share";
-import {useI18nValidation} from "@drax/common-vue";
-import type {IClientInputError} from "@drax/common-front";
-import PermissionSelector from "../components/PermissionSelector/PermissionSelector.vue";
-import RoleCombobox from "../combobox/RoleCombobox.vue";
-
-const {$ta} = useI18nValidation()
-
-defineProps({
-  inputErrors: {
-    type: Object as PropType<IClientInputError>,
-    default: () => ({name: "", permissions: "", readonly: ""})
-  }
-})
-
-const form = defineModel<IRoleBase>({
-  type: Object,
-  default: () => ({name: "", permissions: [], readonly: false})
-})
-
-const emits = defineEmits(['formSubmit'])
-
-// Function to call when form is attempted to be submitted
-const onSubmit = () => {
-  emits('formSubmit', form); // Emitting an event with the form data
-}
-
-</script>
-
-<template>
-  <form @submit.prevent="onSubmit">
-    <v-text-field
-        variant="outlined"
-        id="name-input"
-        label="Name"
-        v-model="form.name"
-        prepend-inner-icon="mdi-card-account-details"
-        required
-        :error-messages="$ta(inputErrors.name)"
-    ></v-text-field>
-
-    <RoleCombobox
-        v-model="form.childRoles"
-        :error-messages="$ta(inputErrors.role)"
-        multiple
-    ></RoleCombobox>
-
-    <PermissionSelector v-model="form.permissions"></PermissionSelector>
-
-  </form>
-</template>
-
-<style scoped>
-
-</style>

package/src/forms/TenantForm.vue

@@ -1,48 +0,0 @@
-<script setup lang="ts">
-import {defineModel, type PropType} from "vue";
-import type {ITenantBase} from "@drax/identity-share";
-import {useI18nValidation} from "@drax/common-vue";
-import type {IClientInputError} from "@drax/common-front";
-
-const {$ta} = useI18nValidation()
-
-defineProps({
-  inputErrors: {
-    type: Object as PropType<IClientInputError>,
-    default: () => ({name: ""})
-  }
-})
-
-const form = defineModel<ITenantBase>({
-  type: Object,
-  default: () => ({name: ""})
-})
-
-// Define emits
-const emits = defineEmits(['formSubmit'])
-
-// Function to call when form is attempted to be submitted
-const onSubmit = () => {
-  emits('formSubmit', form); // Emitting an event with the form data
-}
-
-</script>
-
-<template>
-  <form @submit.prevent="onSubmit">
-    <v-text-field
-        variant="outlined"
-        id="name-input"
-        label="Name"
-        v-model="form.name"
-        prepend-inner-icon="mdi-card-account-details"
-        required
-        :error-messages="$ta(inputErrors.name)"
-    ></v-text-field>
-
-  </form>
-</template>
-
-<style scoped>
-
-</style>

package/src/forms/UserCreateForm.vue

@@ -1,115 +0,0 @@
-<script setup lang="ts">
-import {ref, defineModel, type PropType} from "vue";
-import RoleCombobox from "../combobox/RoleCombobox.vue";
-import TenantCombobox from "../combobox/TenantCombobox.vue";
-import type {IClientInputError} from "@drax/common-front";
-import type {IUserCreate} from "@drax/identity-share";
-import {useI18nValidation} from "@drax/common-vue";
-
-const {$ta} = useI18nValidation()
-
-defineProps({
-  inputErrors: {
-    type: Object as PropType<IClientInputError>,
-    default: () => ({name: "", username: "", password: "", email: "", phone: "", role: "", tenant: "", active: ""})
-  }
-})
-
-const form = defineModel<IUserCreate>({
-  type: Object,
-  default: () => ({name: "", username: "", password: "", email: "", phone: "", role: "", tenant: "", active: true})
-})
-
-let passwordVisibility = ref(false)
-
-// Define emits
-const emits = defineEmits(['formSubmit'])
-
-// Function to call when form is attempted to be submitted
-const onSubmit = () => {
-  emits('formSubmit', form); // Emitting an event with the form data
-}
-</script>
-
-<template>
-  <form @submit.prevent="onSubmit">
-
-    <v-text-field
-        variant="outlined"
-        id="name-input"
-        label="Name"
-        v-model="form.name"
-        prepend-inner-icon="mdi-card-account-details"
-        required
-        :error-messages="$ta(inputErrors.name)"
-    ></v-text-field>
-
-    <v-text-field
-        variant="outlined"
-        id="username-input"
-        label="Username"
-        v-model="form.username"
-        prepend-inner-icon="mdi-account-question"
-        required
-        autocomplete="new-username"
-        :error-messages="$ta(inputErrors.username)"
-    ></v-text-field>
-    <v-text-field
-        variant="outlined"
-        id="password-input"
-        label="Password"
-        v-model="form.password"
-        :type="passwordVisibility ? 'text': 'password'"
-        required
-        prepend-inner-icon="mdi-lock-outline"
-        :append-inner-icon="passwordVisibility ? 'mdi-eye-off': 'mdi-eye'"
-        @click:append-inner="passwordVisibility = !passwordVisibility"
-        autocomplete="new-password"
-        :error-messages="$ta(inputErrors.password)"
-    ></v-text-field>
-
-    <RoleCombobox
-        v-model="form.role"
-        :error-messages="$ta(inputErrors.role)"
-    ></RoleCombobox>
-
-    <TenantCombobox
-        v-model="form.tenant"
-        :error-messages="$ta(inputErrors.tenant)"
-        clearable
-    ></TenantCombobox>
-
-    <v-text-field
-        v-model="form.email"
-        variant="outlined"
-        id="email-input"
-        label="Email"
-        prepend-inner-icon="mdi-email"
-        required
-        :error-messages="$ta(inputErrors.email)"
-    ></v-text-field>
-
-    <v-text-field
-        v-model="form.phone"
-        variant="outlined"
-        id="phone-input"
-        label="Phone"
-        prepend-inner-icon="mdi-phone"
-        required
-        :error-messages="$ta(inputErrors.phone)"
-    ></v-text-field>
-
-    <v-switch
-        id="active-input"
-        v-model="form.active"
-        color="primary"
-        label="Active"
-        :true-value="true"
-        :false-value="false"
-    ></v-switch>
-  </form>
-</template>
-
-<style scoped>
-
-</style>

package/src/forms/UserEditForm.vue

@@ -1,101 +0,0 @@
-<script setup lang="ts">
-import {defineModel, type PropType} from "vue";
-import RoleCombobox from "../combobox/RoleCombobox.vue";
-import TenantCombobox from "../combobox/TenantCombobox.vue";
-import type {IClientInputError} from "@drax/common-front";
-import type {IUserUpdate} from "@drax/identity-share";
-import {useI18nValidation} from "@drax/common-vue";
-const {$ta} = useI18nValidation()
-
-defineProps({
-  inputErrors: {
-    type: Object as PropType<IClientInputError>,
-    default: () => ({name: "", username: "", email: "", phone: "", role: "", tenant: "", active: ""})
-  }
-})
-
-const form = defineModel<IUserUpdate>({
-  type: Object,
-  default: () => ({name: "", username: "", email: "", phone: "", role: "", tenant: "", active: true})
-})
-
-// Define emits
-const emits = defineEmits(['formSubmit'])
-
-// Function to call when form is attempted to be submitted
-const onSubmit = () => {
-  emits('formSubmit', form); // Emitting an event with the form data
-}
-
-</script>
-
-<template>
-  <form @submit.prevent="onSubmit">
-    <v-sheet>
-    </v-sheet>
-
-    <v-text-field
-        variant="outlined"
-        id="name-input"
-        label="Name"
-        v-model="form.name"
-        prepend-inner-icon="mdi-card-account-details"
-        required
-        :error-messages="$ta(inputErrors.name)"
-    ></v-text-field>
-    <v-text-field
-        variant="outlined"
-        id="username-input"
-        label="Username"
-        v-model="form.username"
-        prepend-inner-icon="mdi-account-question"
-        required
-        :error-messages="$ta(inputErrors.username)"
-        autocomplete="new-username"
-    ></v-text-field>
-
-    <RoleCombobox
-        v-model="form.role"
-        :error-messages="$ta(inputErrors.role)"
-    ></RoleCombobox>
-
-    <TenantCombobox
-        v-model="form.tenant"
-        :error-messages="$ta(inputErrors.tenant)"
-        clearable
-    ></TenantCombobox>
-
-    <v-text-field
-        v-model="form.email"
-        variant="outlined"
-        id="email-input"
-        label="Email"
-        prepend-inner-icon="mdi-email"
-        required
-        :error-messages="$ta(inputErrors.email)"
-    ></v-text-field>
-
-    <v-text-field
-        v-model="form.phone"
-        variant="outlined"
-        id="phone-input"
-        label="Phone"
-        prepend-inner-icon="mdi-phone"
-        required
-        :error-messages="$ta(inputErrors.phone)"
-    ></v-text-field>
-
-    <v-switch
-        id="active-input"
-        v-model="form.active"
-        color="primary"
-        label="Active"
-        :true-value="true"
-        :false-value="false"
-    ></v-switch>
-  </form>
-</template>
-
-<style scoped>
-
-</style>

package/src/pages/RoleCrudPage.vue

@@ -1,12 +0,0 @@
-<script setup lang="ts">
-
-import RoleCrud from "../cruds/role-crud/RoleCrud.vue";
-</script>
-
-<template>
-<RoleCrud></RoleCrud>
-</template>
-
-<style scoped>
-
-</style>

package/src/pages/TenantCrudPageOld.vue

@@ -1,12 +0,0 @@
-<script setup lang="ts">
-
-import TenantCrud from "../cruds/tenant-crud/TenantCrud.vue";
-</script>
-
-<template>
-<TenantCrud></TenantCrud>
-</template>
-
-<style scoped>
-
-</style>

package/src/pages/UserCrudPage.vue

@@ -1,12 +0,0 @@
-<script setup lang="ts">
-
-import UserCrud from "../cruds/user-crud/UserCrud.vue";
-</script>
-
-<template>
-<UserCrud></UserCrud>
-</template>
-
-<style scoped>
-
-</style>