mehrab/radicall
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: add withdraw request functionality and UI components

Browse Source
This commit is contained in:
mehrab esmailnia
2026-08-27 02:39:57 +03:30
parent aeef95339d
commit 4ce663c669
115 changed files with 4064 additions and 315 deletions
Download Patch File Download Diff File Expand all files Collapse all files
resources/js/Admin/Pages/Users/create_and_edit.vue
+9 -46
View File
@@ -58,41 +58,32 @@ onUnmounted(() => {
<Form ref="formRef" v-slot="$form" class=" p-4 flex flex-col gap-4 !w-full">
<FormField v-slot="$field" name="username" initialValue="" class="flex flex-col gap-1">
<label>نام کاربری</label>
<InputText type="text" :class="[
'placeholder:!text-sm',
userStore.errorsCreateForm?.username && !userStore.createForm.username ? 'p-invalid' : ''
]" v-model="userStore.createForm.username" placeholder="نام کاربری خود را وارد کنید" />
<InputText type="text" :class="userStore.errorsCreateForm?.username && !userStore.createForm.username ? 'p-invalid' : ''" v-model="userStore.createForm.username" placeholder="نام کاربری خود را وارد کنید" />
<Message v-if="userStore.errorsCreateForm?.username"
severity="error" size="small" variant="simple">{{ userStore.errorsCreateForm?.username[0] }}</Message>
</FormField>
<FormField v-slot="$field" name="email" initialValue="" class="flex flex-col gap-1">
<label>ایمیل کاربری</label>
<InputText type="text" :class="[
'placeholder:!text-sm',
userStore.errorsCreateForm?.email && !userStore.createForm.email ? 'p-invalid' : ''
]" v-model="userStore.createForm.email" placeholder="ایمیل خود را وارد کنید" />
<InputText type="text" :class="userStore.errorsCreateForm?.email && !userStore.createForm.email ? 'p-invalid' : ''" v-model="userStore.createForm.email" placeholder="ایمیل خود را وارد کنید" />
<Message v-if="userStore.errorsCreateForm?.email" severity="error" size="small" variant="simple">{{ userStore.errorsCreateForm?.email[0] }}</Message>
</FormField>
<FormField v-slot="$field" name="national_code" initialValue="" class="flex flex-col gap-1">
<label>کد ملی</label>
<InputText type="text" :class="[
'placeholder:!text-sm',
userStore.errorsCreateForm?.national_code && !userStore.createForm.national_code ? 'p-invalid' : ''
]" v-model="userStore.createForm.national_code" placeholder="کد ملی خود را وارد کنید" />
<InputText type="text" :class="userStore.errorsCreateForm?.national_code && !userStore.createForm.national_code ? 'p-invalid' : ''" v-model="userStore.createForm.national_code" placeholder="کد ملی خود را وارد کنید" />
<Message v-if="userStore.errorsCreateForm?.national_code" severity="error" size="small" variant="simple">{{ userStore.errorsCreateForm?.national_code[0] }}</Message>
</FormField>
<FormField v-slot="$field" name="phone" initialValue="" class="flex flex-col gap-1">
<label>شماره تماس</label>
<InputText type="text" class="placeholder:!text-sm" v-model="userStore.createForm.phone" placeholder="شماره تماس خود را وارد کنید" />
<InputText type="text" v-model="userStore.createForm.phone" placeholder="شماره تماس خود را وارد کنید" />
</FormField>
<FormField v-slot="$field" name="fullname" initialValue="" class="flex flex-col gap-1">
<label>نام خانوادگی</label>
<InputText type="text" class="placeholder:!text-sm" v-model="userStore.createForm.fullname" placeholder="نام خانوادگی خود را وارد کنید" />
<InputText type="text" v-model="userStore.createForm.fullname" placeholder="نام خانوادگی خود را وارد کنید" />
<Message v-if="$field?.invalid" severity="error" size="small" variant="simple">{{ $field.error?.message }}</Message>
</FormField>
<FormField v-slot="$field" name="password" initialValue="" class="flex flex-col gap-1">
<label>کلمه عبور</label>
<Password type="text" :inputClass="['placeholder:!text-sm' , { 'p-invalid' : userStore.errorsCreateForm?.password && !userStore.createForm.password}]"
<Password type="text" :inputClass="{ 'p-invalid' : userStore.errorsCreateForm?.password && !userStore.createForm.password}"
v-model="userStore.createForm.password" placeholder="کلمه عبور خود را وارد کنید" :feedback="false" toggleMask fluid />
<Message v-if="userStore.errorsCreateForm?.password"
severity="error" size="small" variant="simple">{{ userStore.errorsCreateForm?.password[0] }}</Message>
@@ -100,7 +91,7 @@ onUnmounted(() => {
</FormField>
<FormField v-slot="$field" name="password_confirmation" initialValue="" class="flex flex-col gap-1">
<label>تکرار کلمه عبور</label>
<Password type="text" inputClass="placeholder:!text-sm" v-model="userStore.createForm.password_confirmation" placeholder="تکرار کلمه عبور خود را وارد کنید" :feedback="false" toggleMask fluid />
<Password type="text" v-model="userStore.createForm.password_confirmation" placeholder="تکرار کلمه عبور خود را وارد کنید" :feedback="false" toggleMask fluid />
<Message v-if="$field?.invalid" severity="error" size="small" variant="simple">{{ $field.error?.message }}</Message>
</FormField>
</Form>
@@ -117,7 +108,7 @@ onUnmounted(() => {
<div class="mt-4 p-4 grid grid-cols-1 gap-4 rounded-2xl">
<div class="grid grid-cols-1 justify-between items-center">
<span>زمان انتشار:</span>
<CustomDatePicker v-model="userStore.createForm.datetime" class="!text-xs mt-2" type="datetime" compact-time></CustomDatePicker>
<CustomDatePicker v-model="userStore.createForm.datetime" class="mt-2" type="datetime" compact-time></CustomDatePicker>
</div>
<div class="grid grid-cols-2a justify-between items-center">
<span class="flex">سطح:</span>
@@ -125,9 +116,7 @@ onUnmounted(() => {
</div>
<div class="grid grid-cols-2a justify-between items-center">
<span class="flex">مقام:</span>
<MultiSelect class="!text-xs"
v-model="userStore.createForm.role"
:pt="{ option : '!text-sm' }"
<MultiSelect v-model="userStore.createForm.role"
placeholder="انتخاب مقام"
optionLabel="label"
optionValue="id"
@@ -142,29 +131,3 @@ onUnmounted(() => {
</section>
</master>
</template>
<style>
.p-multiselect {
height: auto;
min-height: 40px;
}
.p-multiselect-label {
line-height: 24px;
}
.p-multiselect .p-multiselect-header {
line-height: 24px;
}
.p-multiselect .p-multiselect-filter {
max-height: calc(100px);
overflow-y: auto;
}
.p-multiselect .p-multiselect-item {
font-size: 0.875rem;
line-height: 44px;
}
</style>