200 lines
8.7 KiB
Plaintext
200 lines
8.7 KiB
Plaintext
|
@page "/Profile"
|
||
|
|
@using Front.Services
|
||
|
|
@using Shared.DTOs
|
||
|
|
@layout PanelLayout
|
||
|
|
@inject UserAuthenticationDTO userinfo
|
||
|
|
@inject HttpClientController _hc
|
||
|
|
@inject ILocalStorageService Storage;
|
||
|
|
<div class="container-xxl flex-grow-1 container-p-y">
|
||
|
|
<h4 class="fw-bold py-3 mb-4">
|
||
|
|
<span class="text-muted fw-light">متفرقه /</span> پروفایل
|
||
|
|
</h4>
|
||
|
|
<div class="row">
|
||
|
|
<Alert hidden="@Hidealert" Color="@alertColor" Dismissable="false">
|
||
|
|
<Icon Name="@alertIconName" class="me-2"></Icon>
|
||
|
|
@alertMessage
|
||
|
|
</Alert>
|
||
|
|
|
||
|
|
|
||
|
|
</div>
|
||
|
|
<div class="row">
|
||
|
|
<div class="col-md-12">
|
||
|
|
<div class="card mb-4">
|
||
|
|
<h5 class="card-header">تغییر عکس</h5>
|
||
|
|
<div class="card-body">
|
||
|
|
<div class="d-flex align-items-start align-items-sm-center gap-4">
|
||
|
|
@{
|
||
|
|
_src = "assets/img/avatars/1.png";
|
||
|
|
if (userinfo.Company.Logo != null)
|
||
|
|
_src = "data:image/jpeg;base64," + @userinfo.Company.Logo;
|
||
|
|
|
||
|
|
}
|
||
|
|
<img src="@_src" alt="user-avatar" class="d-block rounded" height="100" width="100" id="uploadedAvatar">
|
||
|
|
<div class="button-wrapper">
|
||
|
|
<label for="upload" class="btn btn-primary me-2 mb-4" tabindex="0">
|
||
|
|
<span class="d-none d-sm-block">آپلود تصویر جدید</span>
|
||
|
|
<i class="bx bx-upload d-block d-sm-none"></i>
|
||
|
|
<InputFile OnChange="changePic" type="file" id="upload" class="account-file-input" hidden="" accept="image/png, image/jpeg"/>
|
||
|
|
</label>
|
||
|
|
|
||
|
|
<p class="text-muted mb-0">JPG، GIF یا PNG مجاز است. حداکثر اندازه @maxFileSize هزار</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="row">
|
||
|
|
<div class="col-md-6">
|
||
|
|
<div class="card mb-4">
|
||
|
|
<h5 class="card-header">تغییر کلمه عبور</h5>
|
||
|
|
<div class="card-body">
|
||
|
|
<EditForm Model="changepassModel" OnSubmit="changepassSubmit" FormName="changepass">
|
||
|
|
<div class="mb-3 row">
|
||
|
|
<label for="defaultFormControlInput" class="form-label">کلمه عبور فعلی</label>
|
||
|
|
<div class="col-md-10">
|
||
|
|
<InputText @bind-Value="@changepassModel.oldPass" style="text-align:center;" class="form-control" type="password" id="html5-password-input"/>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="mb-3 row">
|
||
|
|
<label for="defaultFormControlInput" class="form-label">کلمه عبور جدید</label>
|
||
|
|
<div class="col-md-10">
|
||
|
|
<InputText style="text-align:center;" @bind-Value="@changepassModel.newPass" class="form-control" type="password" id="html5-password-input" />
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="mb-3 row">
|
||
|
|
<label for="defaultFormControlInput" class="form-label">تکرار کلمه عبور جدید</label>
|
||
|
|
<div class="col-md-10">
|
||
|
|
<InputText @bind-Value="@changepassModel.renewPass" style="text-align:center;" class="form-control" type="password" id="html5-password-input" />
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<button type="submit" class="btn btn-primary">ارسال</button>
|
||
|
|
</EditForm>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="col-md-6">
|
||
|
|
<div class="card mb-4">
|
||
|
|
<h5 class="card-header">تغییر نام کاربری/ موبایل</h5>
|
||
|
|
<div class="card-body">
|
||
|
|
<form>
|
||
|
|
<div class="mb-3 row">
|
||
|
|
<label for="defaultFormControlInput" class="form-label">موبایل جدید</label>
|
||
|
|
<div class="input-group input-group-merge">
|
||
|
|
<input type="text" style="text-align:left;" id="basic-icon-default-phone" class="form-control phone-mask" placeholder="0000 000 0911" aria-label="0000 000 0911" value="@userinfo.UserName" aria-describedby="basic-icon-default-phone2">
|
||
|
|
<span id="basic-icon-default-phone2" class="input-group-text"><i class="bx bx-phone"></i></span>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<button type="submit" class="btn btn-primary">ارسال</button>
|
||
|
|
</form>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="row">
|
||
|
|
<div class="col-md-6">
|
||
|
|
<div class="card mb-4">
|
||
|
|
<h5 class="card-header">تغییر نام</h5>
|
||
|
|
<div class="card-body">
|
||
|
|
<form>
|
||
|
|
<div class="mb-3 row">
|
||
|
|
<label for="defaultFormControlInput" class="form-label">نام جدید</label>
|
||
|
|
<div class="input-group input-group-merge">
|
||
|
|
<span id="basic-icon-default-company2" class="input-group-text"><i class="bx bx-buildings"></i></span>
|
||
|
|
<input style="text-align:right;" type="text" id="basic-icon-default-company" value="@userinfo.Company.Name" class="form-control" placeholder="@userinfo.Company.Name" aria-label="@userinfo.Company.Name" aria-describedby="basic-icon-default-company2">
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<button type="submit" class="btn btn-primary">ارسال</button>
|
||
|
|
</form>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
@code {
|
||
|
|
public string _src { get; set; }
|
||
|
|
private long maxFileSize = 1024 * 15;
|
||
|
|
[SupplyParameterFromForm]
|
||
|
|
public ChangePasswordDto changepassModel { get; set; }
|
||
|
|
// alert
|
||
|
|
AlertColor alertColor = AlertColor.Primary;
|
||
|
|
IconName alertIconName = IconName.CheckCircleFill;
|
||
|
|
bool Hidealert = true;
|
||
|
|
string alertMessage = "";
|
||
|
|
|
||
|
|
protected override void OnInitialized() => changepassModel ??= new();
|
||
|
|
}
|
||
|
|
@functions{
|
||
|
|
private void ShowDangerAlert(string msg)
|
||
|
|
{
|
||
|
|
Hidealert = false;
|
||
|
|
alertColor = AlertColor.Danger;
|
||
|
|
alertIconName = IconName.ExclamationTriangleFill;
|
||
|
|
alertMessage = msg;
|
||
|
|
}
|
||
|
|
private void ShowSuccessAlert(string msg)
|
||
|
|
{
|
||
|
|
Hidealert = false;
|
||
|
|
alertColor = AlertColor.Success;
|
||
|
|
alertIconName = IconName.CheckCircleFill;
|
||
|
|
alertMessage = msg;
|
||
|
|
}
|
||
|
|
private async Task changepassSubmit(){
|
||
|
|
var request = await _hc.Post<ChangePasswordDto>("User/ChangePassword", changepassModel);
|
||
|
|
if (request.IsSuccessStatusCode)
|
||
|
|
{
|
||
|
|
if (await request.Content.ReadFromJsonAsync<bool>())
|
||
|
|
{
|
||
|
|
_hc._hc.DefaultRequestHeaders.Clear();
|
||
|
|
await Storage.RemoveItem("token");
|
||
|
|
userinfo.Token = "";
|
||
|
|
_hc._nav.NavigateTo("/Sign-in/changePass");
|
||
|
|
}
|
||
|
|
else ShowDangerAlert("خطای سیستمی");
|
||
|
|
}else
|
||
|
|
{
|
||
|
|
var errors = await request.Content.ReadFromJsonAsync<List<string>>();
|
||
|
|
ShowDangerAlert(errors[0]);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
private async Task changePic(InputFileChangeEventArgs e){
|
||
|
|
if (e.GetMultipleFiles()[0].Size <= maxFileSize)
|
||
|
|
{
|
||
|
|
string Base64Str = "";
|
||
|
|
byte[] Array;
|
||
|
|
using (MemoryStream stream = new MemoryStream())
|
||
|
|
{
|
||
|
|
await e.GetMultipleFiles()[0].OpenReadStream(maxFileSize).CopyToAsync(stream);
|
||
|
|
|
||
|
|
Array = stream.ToArray();
|
||
|
|
Base64Str = Convert.ToBase64String(Array);
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
if (!string.IsNullOrEmpty(Base64Str))
|
||
|
|
{
|
||
|
|
var request = await _hc.Post<byte[]>("Company/ChangeLogo", Array);
|
||
|
|
if (request.IsSuccessStatusCode)
|
||
|
|
{
|
||
|
|
userinfo.Company.Logo = _src = Base64Str;
|
||
|
|
|
||
|
|
ShowSuccessAlert("تصویر با موفقیت تغییر کرد");
|
||
|
|
}
|
||
|
|
else
|
||
|
|
{
|
||
|
|
ShowDangerAlert ( "خطایی در اجرای عملیات رخ داده");
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
else
|
||
|
|
{
|
||
|
|
ShowDangerAlert ( "حجم فایل بیشتر از حد مجاز می باشد");
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|