passesFrontend/static/templates/account/readusers.html

912 lines
41 KiB
HTML
Raw Permalink Normal View History

2024-05-15 13:27:22 +00:00
<!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>
<script>
const API_SERVER = "{{API_SERVER}}";
let users = [
{{#each People}}
{
id: {{this.id}},
name: "{{this.Имя}}",
surname: "{{this.Фамилия}}",
secondname: "{{this.Отчество}}",
role: "{{this.Должность}}",
sub: "{{this.Субподряд}}",
department: "{{this.Цех}}",
email: "{{this.Email}}",
phone: "{{this.Телефон}}",
},
{{/each}}
];
let legals = [
{{#each Legals}}
{
id: {{this.id}},
name: "{{this.Наименование}}",
inn: "{{this.ИНН}}",
ogrn: "{{this.ОГРН}}",
address: "{{this.Юридический_адрес}}",
realaddress: "{{this.Фактический_адрес}}",
email: "{{this.Email}}",
},
{{/each}}
];
</script>
<script src="../scripts/users-table.js"></script>
</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>
<a href="/account">Профиль</a>
{{#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>
<nav class="underheader-buttons">
<button id="switchButton" onclick="switchTables();">Юридические лица</button>
<input id="table-search" type="text" placeholder="Поиск...">
<button onclick="requestUpdate();">Найти</button>
<button onclick="requestUpdate();"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="20" fill="none" viewBox="0 0 16 20">
<path fill="#6B7A99" d="M8 4V0L3 5l5 5V6c3.31 0 6 2.69 6 6s-2.69 6-6 6-6-2.69-6-6H0c0 4.42 3.58 8 8 8s8-3.58 8-8-3.58-8-8-8Z"/>
</svg>
</button>
</nav>
<div id="usersWrapper" class="table-wrapper">
<table id="usersTable">
<thead>
<tr>
<th>ID</th>
<th>Фамилия</th>
<th>Имя</th>
<th>Отчество</th>
<th>Должность</th>
<th>Номер телефона</th>
<th>Email</th>
<th>Субподряд</th>
<th>Цех</th>
</tr>
</thead>
<tbody>
<!-- Сюда будут добавляться строки таблицы -->
</tbody>
</table>
</div>
<div style="display: none;" id="legalsWrapper" class="table-wrapper">
<table id="legalsTable">
<thead>
<tr>
<th>ID</th>
<th>Наименование</th>
<th>ИНН</th>
<th>ОГРН</th>
<th>Юридический адрес</th>
<th>Фактический адрес</th>
<th>Email</th>
</tr>
</thead>
<tbody>
<!-- Сюда будут добавляться строки таблицы -->
</tbody>
</table>
</div>
<div id="pagination">
<div id="left-slider" onclick="decrementPage()">
<svg xmlns="http://www.w3.org/2000/svg" width="11" height="19" fill="none" viewBox="0 0 11 19">
<path fill="#000" fill-opacity=".75" d="M0 9.495c0 .273.101.514.315.722l8.92 8.477a.981.981 0 0 0 .73.295c.585 0 1.035-.427 1.035-.995 0-.285-.124-.525-.304-.711L2.508 9.495l8.188-7.789c.18-.186.304-.437.304-.71C11 .425 10.55 0 9.965 0c-.292 0-.54.098-.73.284L.314 8.773A.955.955 0 0 0 0 9.495Z"/>
</svg>
</div>
<div id="page-number">1</div>
<div id="right-slider" onclick="incrementPage()">
<svg xmlns="http://www.w3.org/2000/svg" width="11" height="19" fill="none" viewBox="0 0 11 19">
<path fill="#000" fill-opacity=".75" d="M11 9.495a.967.967 0 0 0-.326-.722L1.766.284A1.062 1.062 0 0 0 1.024 0C.45 0 0 .427 0 .995c0 .274.112.525.292.711l8.189 7.789-8.189 7.788c-.18.186-.292.426-.292.71 0 .57.45.996 1.024.996.292 0 .54-.098.742-.295l8.908-8.477c.213-.208.326-.449.326-.722Z"/>
</svg>
</div>
</div>
<form id="newUserForm">
<div id="adduser-form-popup-bg" class="form-popup-bg not-main" >
<div class="form-container">
<div id="btnCloseForm" class="close-button"><svg onclick="closeForm();" id="btnCloseFormSvg" xmlns="http://www.w3.org/2000/svg" width="14" height="14" fill="none" viewBox="0 0 14 14">
<path fill="#0050CF" fill-rule="evenodd" d="M14 1.41 12.59 0 7 5.59 1.41 0 0 1.41 5.59 7 0 12.59 1.41 14 7 8.41 12.59 14 14 12.59 8.41 7 14 1.41Z" clip-rule="evenodd"/>
</svg>
</div>
<h1>Новый пользователь</h1>
<br>
<div class="input-area">
<select name="user-type" id="newUserType" readonly>
<option value="guest">Физическое лицо</option>
<option value="legal">Юридическое лицо</option>
</select>
</div>
<div class="inputs" id="person-inputs">
<div class="input-area">
<label for="surname-input">Фамилия*</label>
<input type="text" id="surname-input" readonly>
</div>
<div class="input-area">
<label for="firstname-input">Имя*</label>
<input type="text" id="firstname-input" readonly>
</div>
<div class="input-area">
<label for="secondname-input">Отчество (при наличии)</label>
<input type="text" id="secondname-input" readonly>
</div>
<div class="input-area">
<label for="born-input">Дата рождения*</label>
<input type="date" id="born-input" readonly>
</div>
<div class="input-area">
<label for="phone-input">Номер телефона</label>
<input type="text" id="phone-input" readonly>
</div>
</div>
<div style="display: none;" class="inputs" id="legal-inputs">
<div class="input-area">
<label for="name-input">Наименование организации*</label>
<input type="text" id="name-input" readonly>
</div>
<div class="input-area">
<label for="inn-input">ИНН*</label>
<input maxlength="10" type="text" id="inn-input" readonly>
</div>
<div class="input-area">
<label for="ogrn-input">ОГРН*</label>
<input maxlength="13" type="text" id="ogrn-input" readonly>
</div>
<div class="input-area">
<label for="legaladdress-input">Юридический адрес*</label>
<input type="text" id="legaladdress-input" readonly>
</div>
<div class="input-area">
<label for="address-input">Фактический адрес*</label>
<input type="text" id="address-input" readonly>
</div>
<div class="input-area">
<label for="contact-input">Имя контактного лица</label>
<input type="text" id="contact-input" readonly>
</div>
<div class="input-area">
<label for="contactphone-input">Номер телефона контактного лица</label>
<input type="text" id="contactphone-input" readonly>
</div>
</div>
<div class="input-area">
<label for="email-input">Email*</label>
<input type="text" id="email-input" required readonly>
</div>
<div class="input-area">
<label for="password-input">Пароль*</label>
<input type="text" id="password-input" new-password required readonly>
</div>
<div class="form-info">
<p>Длина пароля должна быть не менее 8 символов.
Пароль должен состоять из букв латинского алфавита (A-z),
арабских цифр (0-9) и специальных символов ((пробел)!"#$%&amp;()*+,-./:;&lt;=&gt;?@[\]^`{|}~)</p>
</div>
<button type="submit" id="addUser-button">Добавить пользователя</button>
</div>
</div>
</form>
<form id="editUserForm">
<input type="text" id="edituserid-input" hidden>
<div id="edituser-form-popup-bg" class="form-popup-bg not-main" >
<div class="form-container">
<div id="btnCloseForm" class="close-button"><svg onclick="closeForm();" id="btnCloseFormSvg" xmlns="http://www.w3.org/2000/svg" width="14" height="14" fill="none" viewBox="0 0 14 14">
<path fill="#0050CF" fill-rule="evenodd" d="M14 1.41 12.59 0 7 5.59 1.41 0 0 1.41 5.59 7 0 12.59 1.41 14 7 8.41 12.59 14 14 12.59 8.41 7 14 1.41Z" clip-rule="evenodd"/>
</svg>
</div>
<h1>Пользователь <span id="editFIO"></span></h1>
<br>
<h2>ФИО</h2>
<div class="three-inputs">
<input type="text" id="editsurname-input" placeholder="Фамилия" readonly>
<input type="text" id="editfirstname-input" placeholder="Имя" readonly>
<input type="text" id="editsecondname-input" placeholder="Отчество" readonly>
</div>
<div class="input-area">
<label for="editoldsurname-input">Старая фамилия</label>
<input type="text" id="editoldsurname-input" readonly>
</div>
<div class="input-area">
<label for="editborn-input">Дата рождения*</label>
<input type="date" id="editborn-input" readonly>
</div>
<div class="input-area">
<label for="editphone-input">Номер телефона</label>
<input type="text" id="editphone-input" readonly>
</div>
<div class="input-area">
<label for="editbornplace-input">Место рождения</label>
<input type="text" id="editbornplace-input" readonly>
</div>
<div class="input-area">
<label for="editpassport-input">Серия и номер паспорта</label>
<input type="text" id="editpassport-input" readonly>
</div>
<div class="input-area">
<label for="editcitizenship-input">Гражданство</label>
<input type="text" id="editcitizenship-input" readonly>
</div>
<div class="input-area">
<label for="editregaddress-input">Место регистрации</label>
<input type="text" id="editregaddress-input" readonly>
</div>
<div class="input-area">
<label for="editrealaddress-input">Место жительства</label>
<input type="text" id="editrealaddress-input" readonly>
</div>
<div class="input-area">
<label for="editdms-input">Полис ДМС</label>
<input type="text" id="editdms-input" readonly>
</div>
<div class="input-area">
<label for="user-blocked">Чёрный список</label>
<select name="user-blocked" id="isUserBlocked" readonly>
<option value="false">Нет</option>
<option value="true">Да</option>
</select>
</div>
<div class="input-area">
<label for="editpassword-input">Новый пароль (Опционально)</label>
<input type="password" id="editpassword-input" new-password readonly>
</div>
<div class="worker-inputs" id="workersInputs">
<h2>Информация о работнике</h2>
<div class="two-inputs">
<input type="text" id="editsub-input" placeholder="Субподряд" readonly >
<input type="text" id="editdepartment-input" placeholder="Цех" readonly>
<select id="editrole-input" readonly>
<option value="Работник">Работник</option>
<option value="Дирекция">Дирекция по безопасности</option>
<option value="КПП">Работник КПП</option>
<option value="Пропуска">Управление пропусками</option>
</select>
<select id="editfire-input" readonly>
<option value="false">Не уволен</option>
<option value="true">Уволен</option>
</select>
</div>
<div class="input-area">
<label for="editmigration-input">Миграционная карта</label>
<input type="text" id="editmigration-input" readonly>
</div>
<div class="input-area">
<label for="editpermit-input">Разрешение на работу до</label>
<input type="date" id="editpermit-input" readonly>
</div>
<div class="input-area">
<label for="editcontract-input">Трудовой договор</label>
<input type="text" id="editcontract-input" readonly>
</div>
<div class="input-area">
<label for="editcontractdate-input">Дата договора</label>
<input type="date" id="editcontractdate-input" readonly>
</div>
<div class="input-area">
<label for="editlastjob-input">Последнее место работы</label>
<select id="editlastjob-input" readonly>
<option value="true">Да</option>
<option value="false">Нет</option>
</select>
</div>
<div class="input-area">
<label for="editfirereason-input">Причина увольнения</label>
<textarea id="editfirereason-input" readonly></textarea>
</div>
</div>
</div>
</div>
</form>
<form id="editLegalForm">
<input type="text" id="editlegalid-input" hidden>
<div id="editlegal-form-popup-bg" class="form-popup-bg not-main" >
<div class="form-container">
<div id="btnCloseForm" class="close-button"><svg onclick="closeForm();" id="btnCloseFormSvg" xmlns="http://www.w3.org/2000/svg" width="14" height="14" fill="none" viewBox="0 0 14 14">
<path fill="#0050CF" fill-rule="evenodd" d="M14 1.41 12.59 0 7 5.59 1.41 0 0 1.41 5.59 7 0 12.59 1.41 14 7 8.41 12.59 14 14 12.59 8.41 7 14 1.41Z" clip-rule="evenodd"/>
</svg>
</div>
<h1>Юр лицо <span id="editLegal"></span></h1>
<br>
<div class="input-area">
<label for="editname-input">Наименование*</label>
<input type="text" id="editname-input" required readonly>
</div>
<div class="input-area">
<label for="editinn-input">ИНН*</label>
<input type="text" id="editinn-input" required readonly>
</div>
<div class="input-area">
<label for="editogrn-input">ОГРН*</label>
<input type="text" id="editogrn-input" required readonly>
</div>
<div class="input-area">
<label for="editlegaladdress-input">Юридический адрес*</label>
<input type="text" id="editlegaladdress-input" required readonly>
</div>
<div class="input-area">
<label for="editaddress-input">Фактический адрес*</label>
<input type="text" id="editaddress-input" required readonly>
</div>
<div class="input-area">
<label for="editcontactphone-input">Номер телефона контактного лица</label>
<input type="text" id="editcontactphone-input" readonly>
</div>
<div class="input-area">
<label for="editcontact-input">Контактное лицо</label>
<input type="text" id="editcontact-input" readonly>
</div>
<div class="input-area">
<label for="editadditional-input">Дополнительно</label>
<textarea id="editadditional-input" readonly></textarea>
</div>
</div>
</div>
</form>
<script>
var tableType = "People";
function switchTables() {
var usersTable = document.getElementById('usersWrapper');
var legalsTable = document.getElementById('legalsWrapper');
var usersButton = document.getElementById('switchButton')
if (tableType === "People") {
usersTable.style.display = 'none';
legalsTable.style.display = 'block';
usersButton.textContent = 'Физические лица';
tableType = "Legals";
} else {
legalsTable.style.display = 'none';
usersTable.style.display = 'block';
usersButton.textContent = 'Юридические лица';
tableType = "People";
}
}
var pageNumberInput = document.getElementById('page-number');
var peopleMax = Math.ceil({{PeopleCount}} / 15);
var legalsMax = Math.ceil({{LegalsCount}} / 15);
function decrementPage() {
var currentPage = parseInt(pageNumberInput.textContent, 10);
if (currentPage > 1) {
pageNumberInput.textContent = currentPage - 1;
requestUpdate();
} else {
requestUpdate();
}
}
function incrementPage() {
var currentPage = parseInt(pageNumberInput.textContent, 10);
if (tableType === "People") {
if (currentPage === peopleMax || currentPage > peopleMax) {
pageNumberInput.textContent = peopleMax;
requestUpdate();
}
if (currentPage < peopleMax) {
pageNumberInput.textContent = currentPage + 1;
requestUpdate();
}
} else {
if (currentPage === legalsMax || currentPage > legalsMax) {
pageNumberInput.textContent = legalsMax;
requestUpdate();
}
if (currentPage < legalsMax) {
pageNumberInput.textContent = currentPage + 1;
requestUpdate();
}
}
}
</script>
<script>
function closeForm() {
$('.form-popup-bg').removeClass('is-visible');
}
$(document).ready(function($) {
$('#addUser').on('click', function(event) {
event.preventDefault();
$('#adduser-form-popup-bg').addClass('is-visible');
});
$('#adduser-form-popup-bg').on('click', function(event) {
if ($(event.target).is('#adduser-form-popup-bg') || $(event.target).is('#btnCloseForm')) {
event.preventDefault();
$(this).removeClass('is-visible');
}
});
$('#edituser-form-popup-bg').on('click', function(event) {
if ($(event.target).is('#edituser-form-popup-bg') || $(event.target).is('#btnCloseForm')) {
event.preventDefault();
$(this).removeClass('is-visible');
}
});
$('#editlegal-form-popup-bg').on('click', function(event) {
if ($(event.target).is('#editlegal-form-popup-bg') || $(event.target).is('#btnCloseForm')) {
event.preventDefault();
$(this).removeClass('is-visible');
}
});
});
const typeSelect = document.getElementById('newUserType');
const personInputs = document.getElementById('person-inputs');
const legalInputs = document.getElementById('legal-inputs');
typeSelect.addEventListener('change', function() {
if (this.value === "guest") {
personInputs.style.display = 'flex';
legalInputs.style.display = 'none';
} else if (this.value === "legal") {
personInputs.style.display = 'none';
legalInputs.style.display = 'flex';
}
});
document.addEventListener("DOMContentLoaded", function() {
const newUserForm = document.getElementById("newUserForm");
newUserForm.addEventListener("submit", async function(event) {
event.preventDefault();
$('#addUser-button').addClass('inactive');
if (document.getElementById('newUserType').value === "guest") {
const formrole = "guest";
const firstname = $('#firstname-input').val();
const surname = $('#surname-input').val();
const secondname = $('#secondname-input').val();
const born = $('#born-input').val();
const phone = $('#phone-input').val();
if (!$('#firstname-input').val() || !$('#surname-input').val() || !$('#born-input').val()) {
alert("Пожалуйста, заполните все поля, помеченные звёздочкой.")
$('#addUser-button').removeClass('inactive');
return;
}
const email = $('#email-input').val();
const password = $('#password-input').val();
if (password.length < 8) {
alert('Длина пароля должна быть не менее 8 символов')
$('#addUser-button').removeClass('inactive');
return;
}
// Отправляем запрос на сервер для авторизации
const response = await fetch("{{API_SERVER}}/signup", {
method: "POST",
headers: {
"Content-Type": "application/json"
},
body: JSON.stringify({ firstname, surname, secondname, born, phone, email, password, formrole })
});
if (response.status === 201) {
location.reload();
$('#addUser-button').removeClass('inactive');
} else {
alert("Ошибка авторизации");
$('#addUser-button').removeClass('inactive');
}
} else if (document.getElementById('newUserType').value === "legal") {
const formrole = "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 phone = $('#contactphone-input').val();
const contact = $('#contact-input').val();
if (!$('#name-input').val() || !$('#inn-input').val() || !$('#ogrn-input').val() || !$('#legaladdress-input').val()) {
alert("Пожалуйста, заполните все поля, помеченные звёздочкой.")
$('#addUser-button').removeClass('inactive');
return;
}
const email = $('#email-input').val();
const password = $('#password-input').val();
if (password.length < 8) {
alert('Длина пароля должна быть не менее 8 символов')
$('#addUser-button').removeClass('inactive');
return;
}
// Отправляем запрос на сервер для авторизации
const response = await fetch("{{API_SERVER}}/signup", {
method: "POST",
headers: {
"Content-Type": "application/json"
},
body: JSON.stringify({ name, inn, ogrn, legaladdress, address, phone, email, contact, password, formrole })
});
if (response.status === 201) {
location.reload();
$('#addUser-button').removeClass('inactive');
} else {
alert("Ошибка авторизации");
$('#addUser-button').removeClass('inactive');
}
}
});
const editUserForm = document.getElementById("editUserForm");
editUserForm.addEventListener("submit", async function(event) {
event.preventDefault();
$('#editUser-button').addClass('inactive');
const id = $('#edituserid-input').val();
const firstname = $('#editfirstname-input').val();
const surname = $('#editsurname-input').val();
const secondname = $('#editsecondname-input').val();
const oldsurname = $('#editoldsurname-input').val();
const born = $('#editborn-input').val();
const phone = $('#editphone-input').val();
const bornplace = $('#editbornplace-input').val();
const passport = $('#editpassport-input').val();
const citizenship = $('#editcitizenship-input').val();
const regaddress = $('#editregaddress-input').val();
const realaddress = $('#editrealaddress-input').val();
const dms = $('#editdms-input').val();
const block = $('#isUserBlocked').val();
const sub = $('#editsub-input').val();
const department = $('#editdepartment-input').val();
const role = $('#editrole-input').val();
const fire = $('#editfire-input').val();
const migration = $('#editmigration-input').val();
const permit = $('#editpermit-input').val();
const contract = $('#editcontract-input').val();
const contractdate = $('#editcontractdate-input').val();
const lastjob = $('#editlastjob-input').val();
const reason = $('#editfirereason-input').val();
const formrole = role;
// Отправляем запрос на сервер для авторизации
const response = await fetch("{{API_SERVER}}/users/update", {
method: "PUT",
headers: {
"Content-Type": "application/json",
Authorization: getCookie("token"),
},
body: JSON.stringify({ firstname, surname, secondname, oldsurname, born, phone, bornplace, passport, citizenship, regaddress, realaddress, dms,
block, sub, department, role, fire, migration, permit, contract, contractdate, lastjob, reason, id, formrole })
});
if (response.status === 201) {
location.reload();
$('#editUser-button').removeClass('inactive');
} else {
alert("Ошибка авторизации");
$('#editUser-button').removeClass('inactive');
}
});
const editLegalForm = document.getElementById("editLegalForm");
editLegalForm.addEventListener("submit", async function(event) {
event.preventDefault();
$('#editLegal-button').addClass('inactive');
const id = $('#editlegalid-input').val();
const name = $('#editname-input').val();
const inn = $('#editinn-input').val();
const ogrn = $('#editogrn-input').val();
const legaladdress = $('#editlegaladdress-input').val();
const address = $('#editaddress-input').val();
const contactphone = $('#editcontactphone-input').val();
const contact = $('#editcontact-input').val();
const additional = $('#editadditional-input').val();
const formrole = "legal";
// Отправляем запрос на сервер для авторизации
const response = await fetch("{{API_SERVER}}/users/update", {
method: "PUT",
headers: {
"Content-Type": "application/json",
Authorization: getCookie("token"),
},
body: JSON.stringify({ name, inn, ogrn, legaladdress, address, contactphone, contact, additional, id, formrole })
});
if (response.status === 201) {
location.reload();
$('#editLegal-button').removeClass('inactive');
} else {
alert("Ошибка авторизации");
$('#editLegal-button').removeClass('inactive');
}
});
});
function openUser(id) {
const requestOptions = {
method: "GET",
headers: {
Authorization: getCookie("token"),
},
};
fetch(API_SERVER + "/users/getuser?id=" + id, requestOptions)
.then((response) => {
if (response.ok) {
$("#edituser-form-popup-bg").addClass("is-visible");
return response.json();
} else {
console.error("Ошибка при отправке POST запроса.");
return "Ошибка при отправке запроса.";
}
})
.then((data) => {
$("#edituserid-input").val(id);
$("#editFIO").html(`${data.data.Фамилия} ${data.data.Имя} ${data.data.Отчество}`);
if (data.data.emp_id !== null) {
$("#workersInputs").css("display", "flex");
$("#makeWorker-button").css("display", "none");
} else {
$("#workersInputs").css("display", "none");
$("#makeWorker-button").attr("onclick", `makeWorker(${id})`);
$("#makeWorker-button").css("display", "block");
}
$("#deleteUser-button").attr("onclick", `deleteUser(${id})`);
$("#editsurname-input").val(data.data.Фамилия);
$("#editfirstname-input").val(data.data.Имя);
$("#editsecondname-input").val(data.data.Отчество);
$("#editoldsurname-input").val(data.data.Фамилия_старая);
$("#editphone-input").val(data.data.Телефон);
$("#editbornplace-input").val(data.data.Место_рождения);
$("#editpassport-input").val(data.data.Паспорт);
$("#editcitizenship-input").val(data.data.Гражданство);
$("#editregaddress-input").val(data.data.Место_регистрации);
$("#editrealaddress-input").val(data.data.Место_жительства);
$("#editdms-input").val(data.data.ПолисМС);
if (data.data.Черный_список) {
$("#isUserBlocked").val("true");
} else {
$("#isUserBlocked").val("false");
}
$("#editsub-input").val(data.data.Субподряд);
$("#editdepartment-input").val(data.data.Цех);
$("#editrole-input").val(data.data.Должность);
if (data.data.Увольнение) {
$("#editfire-input").val("true");
} else {
$("#editfire-input").val("false");
}
$("#editmigration-input").val(data.data.Миграционная_карта);
$("#editcontract-input").val(data.data.Трудовой_договор);
if (data.data.Последнееесто_работы) {
$("#editlastjob-input").val("true");
} else {
$("#editlastjob-input").val("false");
}
$("#editfirereason-input").val(data.data.Причина_увольнения);
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(data.data.Дата_рождения, "editborn-input");
formatDateForDateInput(data.data.Разрешениеа_работуо, "editpermit-input");
formatDateForDateInput(data.data.Датаоговора, "editcontractdate-input");
})
.catch((error) => {
console.error("Ошибка при отправке запроса:", error);
});
}
function makeWorker(id) {
const requestOptions = {
method: "POST",
headers: {
Authorization: getCookie("token"),
},
};
fetch(API_SERVER + "/users/makeworker?id=" + id, requestOptions)
.then((response) => {
if (response.ok) {
$("#edituser-form-popup-bg").removeClass("is-visible");
location.reload();
return response.json();
} else {
console.error("Ошибка при отправке POST запроса.");
return "Ошибка при отправке запроса.";
}
})
.catch((error) => {
console.error("Ошибка при отправке запроса:", error);
});
}
function deleteUser(id) {
const requestOptions = {
method: "DELETE",
headers: {
Authorization: getCookie("token"),
},
};
fetch(API_SERVER + "/user/delete?id=" + id, requestOptions)
.then((response) => {
if (response.ok) {
$("#edituser-form-popup-bg").removeClass("is-visible");
location.reload();
return response.json();
} else {
console.error("Ошибка при отправке POST запроса.");
return "Ошибка при отправке запроса.";
}
})
.catch((error) => {
console.error("Ошибка при отправке запроса:", error);
});
}
function deleteLegal(id) {
const requestOptions = {
method: "DELETE",
headers: {
Authorization: getCookie("token"),
},
};
fetch(API_SERVER + "/legal/delete?id=" + id, requestOptions)
.then((response) => {
if (response.ok) {
$("#editlegal-form-popup-bg").removeClass("is-visible");
location.reload();
return response.json();
} else {
console.error("Ошибка при отправке POST запроса.");
return "Ошибка при отправке запроса.";
}
})
.catch((error) => {
console.error("Ошибка при отправке запроса:", error);
});
}
function openLegal(id) {
const requestOptions = {
method: "GET",
headers: {
Authorization: getCookie("token"),
},
};
fetch(API_SERVER + "/legals/getlegal?id=" + id, requestOptions)
.then((response) => {
if (response.ok) {
$("#editlegal-form-popup-bg").addClass("is-visible");
return response.json();
} else {
console.error("Ошибка при отправке POST запроса.");
return "Ошибка при отправке запроса.";
}
})
.then((data) => {
$("#editlegalid-input").val(id);
$("#editLegal").html(`${data.data.Наименование}`);
$("#deleteLegal-button").attr("onclick", `deleteLegal(${id})`);
$("#editname-input").val(data.data.Наименование);
$("#editinn-input").val(data.data.ИНН);
$("#editogrn-input").val(data.data.ОГРН);
$("#editlegaladdress-input").val(data.data.Юридический_адрес);
$("#editaddress-input").val(data.data.Фактический_адрес);
$("#editcontactphone-input").val(data.data.Телефон);
$("#editcontact-input").val(data.data.Контактное_лицо);
$("#editadditional-input").val(data.data.Дополнительно);
})
.catch((error) => {
console.error("Ошибка при отправке запроса:", error);
});
}
</script>
<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"});
$('#editphone-input').inputmask({"mask": "+7 (999) 999-9999"});
$('#editcontactphone-input').inputmask({"mask": "+7 (999) 999-9999"});
});
</script>
</body>
</html>