Files
Backend-Api/ServiceHost/Areas/Client/Pages/Company/SubAccounts/ModalCreateSubAccount.cshtml

194 lines
10 KiB
Plaintext

@model AccountManagement.Application.Contracts.SubAccount.CreateSubAccount;
@{
string clientVersion = _0_Framework.Application.Version.StyleVersion;
<link href="~/AssetsClient/css/select2.css?ver=@clientVersion" rel="stylesheet" />
<link href="~/assetsclient/pages/SubAccounts/css/ModalCreateSubAccount.css?ver=@clientVersion" rel="stylesheet" />
<style>
.customHeight {
height: 680px;
overflow-y: scroll;
overflow-x: hidden;
}
@@media (max-width:1366px) {
.customHeight {
height: 450px;
}
}
</style>
}
<form role="form" method="post" name="create-form-sub-account" id="create-form-sub-account" autocomplete="off">
<div class="modal-content">
<div class="modal-header pb-0 d-flex align-items-center justify-content-center text-center">
<button type="button" class="btn-close position-absolute text-start" data-bs-dismiss="modal" aria-label="Close"></button>
<div>
<p class="m-0 pdHeaderTitle1">ایجاد کاربر جدید</p>
</div>
</div>
<div class="modal-body">
<div class="container-fluid">
<div class="row customHeight">
<div class="col-12 my-1">
<div class="from-group position-relative my-1">
<span class="spanTitleText">کارگاه</span>
<div class="select-workshop-alert">
<select class="form-select select2OptionWorkshop" aria-label="انتخاب کارگاه ..." asp-for="@Model.WorkshopIds" id="workshopSelect" multiple>
</select>
</div>
</div>
<div class="from-group position-relative my-1">
<span class="spanTitleText">نقش</span>
<div class="select-role-alert">
<select class="form-select select2OptionRole" aria-label="انتخاب نقش ..." asp-for="@Model.SubAccountRoleId" id="roleSelect" >
</select>
</div>
</div>
<div class="from-group position-relative my-1">
<span class="spanTitleText">کد ملی</span>
<input type="text" asp-for="@Model.NationalCode" class="form-control m-0 rtl-placeholder" placeholder="کد ملی را وارد نمائید">
</div>
<div class="from-group position-relative my-1">
<span class="spanTitleText">نام</span>
<input type="text" asp-for="@Model.FName" class="form-control m-0">
</div>
<div class="from-group position-relative my-1">
<span class="spanTitleText">نام خانوادگی</span>
<input type="text" asp-for="@Model.LName" class="form-control m-0">
</div>
<div class="from-group position-relative my-1">
<span class="spanTitleText">شماره همراه</span>
<input type="text" asp-for="@Model.PhoneNumber" class="form-control m-0 rtl-placeholder" placeholder="شماره همراه را وارد نمائید" style="direction: ltr">
</div>
</div>
<div class="col-12 my-1">
<div class="titleTxt text-center">مشخصات حساب کاربری</div>
<div class="from-group position-relative my-1">
<span class="spanTitleText">نام کاربری</span>
<input type="text" asp-for="@Model.Username" autocomplete="new-username" class="form-control m-0 rtl-placeholder" placeholder="نام کاربری را وارد نمائید">
</div>
<div class="from-group position-relative my-1">
<div class="form-group text-start my-2">
<div class="position-relative">
<input type="password" asp-for="@Model.Password" autocomplete="new-password" class="form-control m-0" placeholder="گذرواژه" style="direction: ltr">
<button type="button" class="position-absolute top-0 start-0 m-1 bg-transparent" onclick="passFunction()">
<svg class="eyeShow" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M15.58 11.9999C15.58 13.9799 13.98 15.5799 12 15.5799C10.02 15.5799 8.42004 13.9799 8.42004 11.9999C8.42004 10.0199 10.02 8.41992 12 8.41992C13.98 8.41992 15.58 10.0199 15.58 11.9999Z" stroke="#292D32" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
<path d="M12 20.27C15.53 20.27 18.82 18.19 21.11 14.59C22.01 13.18 22.01 10.81 21.11 9.39997C18.82 5.79997 15.53 3.71997 12 3.71997C8.46997 3.71997 5.17997 5.79997 2.88997 9.39997C1.98997 10.81 1.98997 13.18 2.88997 14.59C5.17997 18.19 8.46997 20.27 12 20.27Z" stroke="#292D32" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
</svg>
<svg class="eyeClose" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M14.53 9.46992L9.47004 14.5299C8.82004 13.8799 8.42004 12.9899 8.42004 11.9999C8.42004 10.0199 10.02 8.41992 12 8.41992C12.99 8.41992 13.88 8.81992 14.53 9.46992Z" stroke="#292D32" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
<path d="M17.82 5.76998C16.07 4.44998 14.07 3.72998 12 3.72998C8.46997 3.72998 5.17997 5.80998 2.88997 9.40998C1.98997 10.82 1.98997 13.19 2.88997 14.6C3.67997 15.84 4.59997 16.91 5.59997 17.77" stroke="#292D32" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
<path d="M8.42004 19.5299C9.56004 20.0099 10.77 20.2699 12 20.2699C15.53 20.2699 18.82 18.1899 21.11 14.5899C22.01 13.1799 22.01 10.8099 21.11 9.39993C20.78 8.87993 20.42 8.38993 20.05 7.92993" stroke="#292D32" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
<path d="M15.5099 12.7C15.2499 14.11 14.0999 15.26 12.6899 15.52" stroke="#292D32" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
<path d="M9.47 14.53L2 22" stroke="#292D32" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
<path d="M22 2L14.53 9.47" stroke="#292D32" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
</svg>
</button>
<div class="input-icon-right peek-password-button" data-peek-password="signupInputPassword">
<span class="peek-password-icon icon-visibility d-none"></span>
</div>
</div>
<div class="password-strength-group" data-strength="">
<div id="password-strength-meter" class="password-strength-meter" style="direction: ltr;">
<div class="meter-block"></div>
<div class="meter-block"></div>
<div class="meter-block"></div>
<div class="meter-block"></div>
</div>
<div class="password-strength-message">
<div class="message-item">
ضعیف
</div>
<div class="message-item">
متوسط
</div>
<div class="message-item">
خوب
</div>
<div class="message-item">
عالی
</div>
</div>
</div>
</div>
</div>
<input type="file" asp-for="@Model.ProfilePhoto" id="fileInput" accept="image/*" class="d-none">
@*<div class="from-group position-relative my-3">
<div class="uploadBox">
<div class="imageProfileUpload" id="imageProfileUpload">
<svg width="48" height="60" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M32 32L24 24L16 32" stroke="#21A6A6" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M24 24V42" stroke="#21A6A6" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M40.7799 36.7829C42.7306 35.7194 44.2716 34.0367 45.1597 32.0001C46.0477 29.9636 46.2323 27.6894 45.6843 25.5363C45.1363 23.3832 43.8869 21.4739 42.1333 20.1098C40.3796 18.7457 38.2216 18.0044 35.9999 18.0029H33.4799C32.8745 15.6614 31.7462 13.4876 30.1798 11.6449C28.6134 9.8022 26.6496 8.3386 24.4361 7.36411C22.2226 6.38963 19.817 5.92962 17.4002 6.01866C14.9833 6.10771 12.6181 6.7435 10.4823 7.87823C8.34649 9.01296 6.49574 10.6171 5.06916 12.5701C3.64259 14.523 2.6773 16.774 2.24588 19.1537C1.81446 21.5334 1.92813 23.98 2.57835 26.3094C3.22856 28.6389 4.3984 30.7906 5.99992 32.6029" stroke="#21A6A6" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M32 32L24 24L16 32" stroke="#21A6A6" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
<p>بارگذاری عکس کاربر</p>
<input type="file" asp-for="@Model.ProfilePhoto" id="fileInput" accept="image/*">
<div class="loading-spinner" style="display:none;" id="loadingSpinner">در حال بارگذاری...</div>
<img id="previewImage" src="" alt="Preview" style="display:none; max-width: 100%; height: auto;"/>
<button type="button" id="deleteButton" style="display: none;" class="delete-button">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.3" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" d="M6 18 18 6M6 6l12 12"/>
</svg>
</button>
</div>
</div>
</div> *@
</div>
</div>
</div>
</div>
<div class="modal-footer d-block">
<div class="container p-0 m-0">
<div class="row">
<div class="col-6 text-end">
<button type="button" class="btn-cancel2 justify-content-center" data-bs-dismiss="modal" aria-label="Close">انصراف</button>
</div>
<div class="col-6 text-start">
<button type="button" class="btnCreateNew position-relative" id="createData">
<span>ثبت</span>
<div class="spinner-loading loading" style="display: none;">
<span class="spinner-border spinner-border-sm loading text-white" role="status" aria-hidden="true"></span>
</div>
</button>
</div>
</div>
</div>
</div>
</div>
</form>
<script src="~/assetsclient/js/site.js?ver=@clientVersion"></script>
<script src="~/assetsclient/libs/jalaali-js/jalaali.js"></script>
<script src="~/admintheme/js/jquery.mask_1.14.16.min.js"></script>
<script>
var antiForgeryToken = $(`@Html.AntiForgeryToken()`).val();
var saveNewSubAccountAjax = `@Url.Page("./Index", "CreateAccount")`;
var workshopListAjax = `@Url.Page("./Index", "WorkshopList")`;
var roleListAjax = `@Url.Page("./Index", "RoleList")`;
var loadNationalCodeAjax = `@Url.Page("./Index", "InfoAccount")`;
</script>
<script src="~/assetsclient/pages/SubAccounts/js/ModalCreateSubAccount.js?ver=@clientVersion"></script>