240 lines
11 KiB
HTML
240 lines
11 KiB
HTML
|
<!DOCTYPE html>
|
|||
|
|
<html lang="en">
|
|||
|
|
<head>
|
|||
|
|
<meta charset="UTF-8">
|
|||
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|||
|
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
|||
|
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
|||
|
|
<link href="https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap" rel="stylesheet">
|
|||
|
|
<link rel="stylesheet" href="../styles/main.css">
|
|||
|
|
<script src="../scripts/jquery.min.js"></script>
|
|||
|
|
<script src="../scripts/helpPopup.js"></script>
|
|||
|
|
<title>Настройки профиля</title>
|
|||
|
|
<style>
|
|||
|
|
body {
|
|||
|
|
background-color: #EEEFF5;
|
|||
|
|
}
|
|||
|
|
</style>
|
|||
|
|
</head>
|
|||
|
|
<body>
|
|||
|
|
<header>
|
|||
|
|
<a href="/account"><h1>Бюро пропусков / Личный кабинет</h1></a>
|
|||
|
|
<nav>
|
|||
|
|
<div class="dropdown">
|
|||
|
|
<a class="help-button" onclick="toggleDropdown('dropdownHelp-1')">Техническая поддержка</a>
|
|||
|
|
<div id="dropdownHelp-1" class="dropdown-help">
|
|||
|
|
<a href="tel:83477527706">8 (34775) 2-77-06</a>
|
|||
|
|
<a href="tel:89174023516">8 (917) 402-35-16</a>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="dropdown">
|
|||
|
|
<a class="help-button" onclick="toggleDropdown('dropdownHelp-2')">Инструкции</a>
|
|||
|
|
<div id="dropdownHelp-2" class="dropdown-help dropdown-manual">
|
|||
|
|
<a href="/docs/manual.pdf" target="_blank">Текст</a>
|
|||
|
|
<a href="https://drive.google.com/file/d/1CxrAgr2brQclZqtbbreSUU9tN-jsNTwf/view?usp=sharing" target="_blank">Видео</a>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
{{#if (eq Role 'legal')}}
|
|||
|
|
<span>{{User.Наименование}}</span>
|
|||
|
|
{{else}}
|
|||
|
|
<span>{{User.Фамилия}} {{User.Имя}} {{User.Отчество}}</span>
|
|||
|
|
{{/if}}
|
|||
|
|
<a class="exit-button" href="/logout"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="16" fill="none" viewBox="0 0 20 16">
|
|||
|
|
<path fill="#6B7A99" d="m4.016 7.13 2.608-2.606-1.226-1.226L.696 8l4.702 4.702 1.226-1.226L4.016 8.87h4.858V7.131H4.016ZM8.874.179v6.953h5.215V8.87H8.874v6.953h10.43V.178H8.873Z"/>
|
|||
|
|
</svg>
|
|||
|
|
</a>
|
|||
|
|
</nav>
|
|||
|
|
</header>
|
|||
|
|
|
|||
|
|
<form id="update-form" autocomplete="off">
|
|||
|
|
<section class="main-content">
|
|||
|
|
<h1>Редактирование профиля</h1>
|
|||
|
|
<div class="hub-bg settings-area">
|
|||
|
|
{{#if (eq Role 'legal')}}
|
|||
|
|
<div class="input-area">
|
|||
|
|
<label for="name-input">Наименование организации*</label>
|
|||
|
|
<input type="text" id="name-input" value="{{User.Наименование}}">
|
|||
|
|
</div>
|
|||
|
|
<div class="input-area">
|
|||
|
|
<label for="inn-input">ИНН*</label>
|
|||
|
|
<input maxlength="10" type="text" id="inn-input" value="{{User.ИНН}}" required>
|
|||
|
|
</div>
|
|||
|
|
<div class="input-area">
|
|||
|
|
<label for="ogrn-input">ОГРН*</label>
|
|||
|
|
<input maxlength="13" type="text" id="ogrn-input" value="{{User.ОГРН}}" required>
|
|||
|
|
</div>
|
|||
|
|
<div class="input-area">
|
|||
|
|
<label for="legaladdress-input">Юридический адрес*</label>
|
|||
|
|
<input type="text" id="legaladdress-input" value="{{User.Юридический_адрес}}" required>
|
|||
|
|
</div>
|
|||
|
|
<div class="input-area">
|
|||
|
|
<label for="address-input">Фактический адрес*</label>
|
|||
|
|
<input type="text" id="address-input" value="{{User.Фактический_адрес}}" required>
|
|||
|
|
</div>
|
|||
|
|
<div class="input-area">
|
|||
|
|
<label for="contact-input">Имя контактного лица</label>
|
|||
|
|
<input type="text" id="contact-input" value="{{User.Контактное_лицо}}">
|
|||
|
|
</div>
|
|||
|
|
<div class="input-area">
|
|||
|
|
<label for="contactphone-input">Номер телефона контактного лица</label>
|
|||
|
|
<input type="text" id="contactphone-input" value="{{User.Телефон}}">
|
|||
|
|
</div>
|
|||
|
|
{{else}}
|
|||
|
|
<div class="input-area">
|
|||
|
|
<label for="surname-input">Фамилия*</label>
|
|||
|
|
<input type="text" id="surname-input" value="{{User.Фамилия}}" required>
|
|||
|
|
</div>
|
|||
|
|
<div class="input-area">
|
|||
|
|
<label for="firstname-input">Имя*</label>
|
|||
|
|
<input type="text" id="firstname-input" value="{{User.Имя}}" required>
|
|||
|
|
</div>
|
|||
|
|
<div class="input-area">
|
|||
|
|
<label for="secondname-input">Отчество (при наличии)</label>
|
|||
|
|
<input type="text" id="secondname-input" value="{{User.Отчество}}">
|
|||
|
|
</div>
|
|||
|
|
<div class="input-area">
|
|||
|
|
<label for="born-input">Дата рождения*</label>
|
|||
|
|
<input type="date" id="born-input">
|
|||
|
|
</div>
|
|||
|
|
<div class="input-area">
|
|||
|
|
<label for="phone-input">Номер телефона</label>
|
|||
|
|
<input type="text" id="phone-input" value="{{User.Телефон}}">
|
|||
|
|
</div>
|
|||
|
|
<div class="input-area">
|
|||
|
|
<label for="bornplace-input">Место рождения</label>
|
|||
|
|
<input type="text" id="bornplace-input" value="{{User.Место_рождения}}">
|
|||
|
|
</div>
|
|||
|
|
<div class="input-area">
|
|||
|
|
<label for="passport-input">Серия и номер паспорта</label>
|
|||
|
|
<input type="text" id="passport-input" value="{{User.Паспорт}}">
|
|||
|
|
</div>
|
|||
|
|
<div class="input-area">
|
|||
|
|
<label for="citizenship-input">Гражданство</label>
|
|||
|
|
<input type="text" id="citizenship-input" value="{{User.Гражданство}}">
|
|||
|
|
</div>
|
|||
|
|
<div class="input-area">
|
|||
|
|
<label for="regaddress-input">Место регистрации</label>
|
|||
|
|
<input type="text" id="regaddress-input" value="{{User.Место_регистрации}}">
|
|||
|
|
</div>
|
|||
|
|
<div class="input-area">
|
|||
|
|
<label for="realaddress-input">Место жительства</label>
|
|||
|
|
<input type="text" id="realaddress-input" name="address" autocomplete="off" value="{{User.Место_жительства}}">
|
|||
|
|
</div>
|
|||
|
|
<div class="input-area">
|
|||
|
|
<label for="dms-input">Полис ДМС</label>
|
|||
|
|
<input type="text" id="dms-input" value="{{User.Полис_ДМС}}">
|
|||
|
|
</div>
|
|||
|
|
{{/if}}
|
|||
|
|
<div class="input-area">
|
|||
|
|
<label for="password-input">Новый пароль (Опционально)</label>
|
|||
|
|
<input type="password" id="password-input" name="new-password" autocomplete="new-password" new-password>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<button id="update-button">Сохранить</button>
|
|||
|
|
|
|||
|
|
</div>
|
|||
|
|
</section>
|
|||
|
|
</form>
|
|||
|
|
<script src="https://rawgit.com/RobinHerbots/Inputmask/5.x/dist/jquery.inputmask.js"></script>
|
|||
|
|
<script>
|
|||
|
|
$(document).ready(function(){
|
|||
|
|
|
|||
|
|
$('#phone-input').inputmask({"mask": "+7 (999) 999-9999"});
|
|||
|
|
$('#contactphone-input').inputmask({"mask": "+7 (999) 999-9999"});
|
|||
|
|
|
|||
|
|
});
|
|||
|
|
</script>
|
|||
|
|
|
|||
|
|
<script>
|
|||
|
|
document.addEventListener("DOMContentLoaded", function() {
|
|||
|
|
function formatDateForDateInput(dateString, inputId) {
|
|||
|
|
const date = new Date(dateString);
|
|||
|
|
const year = date.getFullYear();
|
|||
|
|
const month = (date.getMonth() + 1).toString().padStart(2, '0');
|
|||
|
|
const day = date.getDate().toString().padStart(2, '0');
|
|||
|
|
const formattedDate = `${year}-${month}-${day}`;
|
|||
|
|
|
|||
|
|
document.getElementById(inputId).value = formattedDate;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
formatDateForDateInput("{{User.Дата_рождения}}", "born-input");
|
|||
|
|
|
|||
|
|
});
|
|||
|
|
</script>
|
|||
|
|
|
|||
|
|
<script>
|
|||
|
|
function getCookie(name) {
|
|||
|
|
var cookies = document.cookie.split(";");
|
|||
|
|
for (var i = 0; i < cookies.length; i++) {
|
|||
|
|
var cookie = cookies[i].trim();
|
|||
|
|
if (cookie.startsWith(name + "=")) {
|
|||
|
|
return cookie.substring(name.length + 1);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
return null;
|
|||
|
|
}
|
|||
|
|
document.addEventListener("DOMContentLoaded", function() {
|
|||
|
|
const updateForm = document.getElementById("update-form");
|
|||
|
|
|
|||
|
|
updateForm.addEventListener("submit", async function(event) {
|
|||
|
|
event.preventDefault();
|
|||
|
|
$('#update-button').addClass('inactive');
|
|||
|
|
|
|||
|
|
{{#if (eq Role 'legal')}}
|
|||
|
|
const name = $('#name-input').val();
|
|||
|
|
const inn = $('#inn-input').val();
|
|||
|
|
const ogrn = $('#ogrn-input').val();
|
|||
|
|
const legaladdress = $('#legaladdress-input').val();
|
|||
|
|
const address = $('#address-input').val();
|
|||
|
|
const contact = $('#contact-input').val();
|
|||
|
|
const contactphone = $('#contactphone-input').val();
|
|||
|
|
|
|||
|
|
const password = $('#password-input').val();
|
|||
|
|
|
|||
|
|
const response = await fetch("{{API_SERVER}}/account/update", {
|
|||
|
|
method: "PUT",
|
|||
|
|
headers: {
|
|||
|
|
"Content-Type": "application/json",
|
|||
|
|
Authorization: getCookie("token"),
|
|||
|
|
},
|
|||
|
|
body: JSON.stringify({ name, inn, ogrn, legaladdress, address, contact, contactphone, password })
|
|||
|
|
});
|
|||
|
|
{{else}}
|
|||
|
|
const surname = $('#surname-input').val();
|
|||
|
|
const firstname = $('#firstname-input').val();
|
|||
|
|
const secondname = $('#secondname-input').val();
|
|||
|
|
const born = $('#born-input').val();
|
|||
|
|
const phone = $('#phone-input').val();
|
|||
|
|
const bornplace = $('#bornplace-input').val();
|
|||
|
|
const passport = $('#passport-input').val();
|
|||
|
|
const citizenship = $('#citizenship-input').val();
|
|||
|
|
const regaddress = $('#regaddress-input').val();
|
|||
|
|
const realaddress = $('#realaddress-input').val();
|
|||
|
|
const dms = $('#dms-input').val();
|
|||
|
|
|
|||
|
|
const password = $('#password-input').val();
|
|||
|
|
|
|||
|
|
const response = await fetch("{{API_SERVER}}/account/update", {
|
|||
|
|
method: "PUT",
|
|||
|
|
headers: {
|
|||
|
|
"Content-Type": "application/json",
|
|||
|
|
Authorization: getCookie("token"),
|
|||
|
|
},
|
|||
|
|
body: JSON.stringify({ surname, firstname, secondname, born, phone, bornplace, passport, citizenship, regaddress, realaddress, dms, password })
|
|||
|
|
});
|
|||
|
|
{{/if}}
|
|||
|
|
|
|||
|
|
|
|||
|
|
if (response.status === 201) {
|
|||
|
|
window.location.href = "/account";
|
|||
|
|
$('#update-button').removeClass('inactive');
|
|||
|
|
} else {
|
|||
|
|
alert("Ошибка обновления данных");
|
|||
|
|
$('#update-button').removeClass('inactive');
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
</script>
|
|||
|
|
</body>
|
|||
|
|
</html>
|