193 lines
9.3 KiB
Plaintext
193 lines
9.3 KiB
Plaintext
@model CompanyManagment.App.Contracts.CustomizeWorkshopSettings.EditCustomizeWorkshopSettings
|
|
@{
|
|
<style>
|
|
.password-strength-group .password-strength-meter {
|
|
width: 100%;
|
|
transition: height 0.3s;
|
|
display: flex;
|
|
justify-content: stretch;
|
|
padding: 0 15px;
|
|
}
|
|
|
|
.password-strength-group .password-strength-meter .meter-block {
|
|
height: 6px;
|
|
background: #E7E7E7;
|
|
margin-right: 6px;
|
|
flex-grow: 1;
|
|
border-radius: 5px;
|
|
margin-top: 5px;
|
|
}
|
|
.password-strength-group .password-strength-meter .meter-block:last-child {
|
|
margin: 0;
|
|
margin-top: 5px;
|
|
}
|
|
.password-strength-group .password-strength-message {
|
|
font-weight: 20px;
|
|
text-align: right;
|
|
transition: all 0.5s;
|
|
position: relative;
|
|
right: 15px;
|
|
}
|
|
.password-strength-group .password-strength-message .message-item {
|
|
font-size: 12px;
|
|
position: absolute;
|
|
right: 0;
|
|
opacity: 0;
|
|
transition: opacity 0.2s;
|
|
}
|
|
.password-strength-group[data-strength="1"] .meter-block:nth-child(-n+1) {
|
|
background: #5e7734;
|
|
}
|
|
.password-strength-group[data-strength="1"] .message-item:nth-child(1) {
|
|
opacity: 1;
|
|
}
|
|
.password-strength-group[data-strength="2"] .meter-block:nth-child(-n+2) {
|
|
background: #8cb34a;
|
|
}
|
|
.password-strength-group[data-strength="2"] .message-item:nth-child(2) {
|
|
opacity: 1;
|
|
}
|
|
.password-strength-group[data-strength="3"] .meter-block:nth-child(-n+3) {
|
|
background: #a6d358;
|
|
}
|
|
.password-strength-group[data-strength="3"] .message-item:nth-child(3) {
|
|
opacity: 1;
|
|
}
|
|
.password-strength-group[data-strength="4"] .meter-block:nth-child(-n+4) {
|
|
background: #BEF264;
|
|
}
|
|
.password-strength-group[data-strength="4"] .message-item:nth-child(4) {
|
|
opacity: 1;
|
|
}
|
|
|
|
@@property --angle {
|
|
syntax: "<angle>";
|
|
initial-value: 0deg;
|
|
inherits: false;
|
|
}
|
|
|
|
@@property --glowColor {
|
|
syntax: "<color>";
|
|
initial-value: #1BB9B9;
|
|
}
|
|
|
|
@@keyframes rotate {
|
|
0% {
|
|
--angle: 0deg;
|
|
--glowColor: var(--color-green);
|
|
}
|
|
|
|
100% {
|
|
--angle: 360deg;
|
|
--glowColor: var(--color-green);
|
|
}
|
|
}
|
|
</style>
|
|
}
|
|
|
|
<div class="row createrAccountSetting222">
|
|
|
|
<div class="col-12">
|
|
<div class="form-group text-start my-2">
|
|
<label for="username">حساب کاربری</label>
|
|
<div class="position-relative">
|
|
<input type="text" class="form-control" id="username" value="" style="direction: ltr;" disabled/>
|
|
|
|
<div class="position-absolute top-0 start-0 m-1 bg-transparent">
|
|
<div class="spinner-border spinner-border-sm m-1 d-none" id="loadingSpinner" role="status">
|
|
<span class="visually-hidden">Loading...</span>
|
|
</div>
|
|
<svg id="successSvg" class="d-none" width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
<circle cx="14" cy="14" r="10.5" stroke="#65A30D" stroke-width="1.5"/>
|
|
<path d="M9.33342 14L12.8334 17.5L18.6667 10.5" stroke="#65A30D" stroke-width="1.5" stroke-linecap="round"/>
|
|
</svg>
|
|
<svg id="errorSvg" class="d-none" width="28" height="28" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">
|
|
<path stroke="#ef4444" stroke-linecap="round" stroke-linejoin="round" d="m9.75 9.75 4.5 4.5m0-4.5-4.5 4.5M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z"/>
|
|
</svg>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-12">
|
|
<div class="form-group text-start my-2">
|
|
<label for="signupInputPassword">گذرواژه</label>
|
|
<div class="position-relative">
|
|
|
|
<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>
|
|
|
|
<input type="password" class="form-control mb-1" autocomplete="new-password" name="Command.EditCameraAccount.Password" id="signupInputPassword" aria-describedby="passwordHelp" placeholder="گذرواژه جدید" style="direction: ltr;" />
|
|
|
|
<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>
|
|
<div class="col-12">
|
|
<div class="form-group mt-3">
|
|
<div class="position-relative">
|
|
<input type="password" name="Command.EditCameraAccount.RePassword" class="form-control" id="repeat_password" placeholder="تکرار گذرواژه" style="direction: ltr;"/>
|
|
<button type="button" class="position-absolute top-0 start-0 m-1 bg-transparent" onclick="rePassFunction()">
|
|
<svg class="reEyeShow" 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="reEyeClose" 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>
|
|
</div>
|
|
</div>
|
|
<div class="col-12">
|
|
<p class="m-0" id="ShowAccountMessage"></p>
|
|
</div>
|
|
</div>
|