...
This commit is contained in:
200
TaxPayerFull/Pages/UserPanel/Profile.razor
Normal file
200
TaxPayerFull/Pages/UserPanel/Profile.razor
Normal file
@@ -0,0 +1,200 @@
|
||||
@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 ( "حجم فایل بیشتر از حد مجاز می باشد");
|
||||
}
|
||||
}
|
||||
}
|
Reference in New Issue
Block a user