kalugin66/minicrm
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

цвета

Browse Source
This commit is contained in:
kalugin66
2026-01-29 17:08:15 +05:00
parent 48394cd0cd
commit 827eeb59b9
12 changed files with 1992 additions and 467 deletions
Download Patch File Download Diff File Expand all files Collapse all files

631
public/admin-doc.html
View File

@@ -11,10 +11,13 @@
:root {
--admin-color: #e74c3c;
--secretary-color: #3498db;
--help-color: #27ae60;
--doc-color: #9b59b6;
--ahch-color: #e67e22;
}
.container {
max-width: 1200px;
max-width: 1400px;
margin: 0 auto;
padding: 20px;
}
@@ -43,6 +46,7 @@
.tabs {
display: flex;
flex-wrap: wrap;
gap: 5px;
margin-bottom: 20px;
background: white;
@@ -52,16 +56,17 @@
}
.tab {
padding: 12px 24px;
padding: 12px 20px;
border: none;
background: none;
cursor: pointer;
font-size: 16px;
font-size: 14px;
border-radius: 6px;
transition: all 0.3s;
display: flex;
align-items: center;
gap: 8px;
white-space: nowrap;
}
.tab:hover {
@@ -69,10 +74,16 @@
}
.tab.active {
background: #3498db;
color: white;
}
.tab.secretary.active { background: var(--secretary-color); }
.tab.administration.active { background: var(--admin-color); }
.tab.help.active { background: var(--help-color); }
.tab.doc.active { background: var(--doc-color); }
.tab.ahch.active { background: var(--ahch-color); }
.tab.all-users.active { background: #2c3e50; }
.content-section {
display: none;
background: white;
@@ -101,13 +112,11 @@
border-radius: 50%;
}
.group-color.admin {
background: var(--admin-color);
}
.group-color.secretary {
background: var(--secretary-color);
}
.group-color.admin { background: var(--admin-color); }
.group-color.secretary { background: var(--secretary-color); }
.group-color.help { background: var(--help-color); }
.group-color.doc { background: var(--doc-color); }
.group-color.ahch { background: var(--ahch-color); }
.users-container {
display: grid;
@@ -122,6 +131,7 @@
border-radius: 8px;
padding: 15px;
transition: all 0.3s;
position: relative;
}
.user-card:hover {
@@ -175,33 +185,32 @@
.group-badge {
padding: 4px 8px;
border-radius: 4px;
font-size: 12px;
font-size: 11px;
color: white;
display: flex;
align-items: center;
gap: 4px;
}
.group-badge.admin {
background: var(--admin-color);
}
.group-badge.secretary {
background: var(--secretary-color);
}
.group-badge.admin { background: var(--admin-color); }
.group-badge.secretary { background: var(--secretary-color); }
.group-badge.help { background: var(--help-color); }
.group-badge.doc { background: var(--doc-color); }
.group-badge.ahch { background: var(--ahch-color); }
.user-actions {
display: flex;
gap: 10px;
flex-wrap: wrap;
gap: 8px;
margin-top: 10px;
}
.btn {
padding: 8px 16px;
padding: 6px 12px;
border: none;
border-radius: 4px;
cursor: pointer;
font-size: 14px;
font-size: 12px;
transition: all 0.3s;
display: flex;
align-items: center;
@@ -235,6 +244,15 @@
background: #229954;
}
.btn-help { background: var(--help-color); color: white; }
.btn-help:hover { background: #219653; }
.btn-doc { background: var(--doc-color); color: white; }
.btn-doc:hover { background: #8e44ad; }
.btn-ahch { background: var(--ahch-color); color: white; }
.btn-ahch:hover { background: #d35400; }
.loading {
text-align: center;
padding: 40px;
@@ -260,13 +278,13 @@
}
.stats {
display: flex;
gap: 20px;
display: grid;
grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
gap: 15px;
margin-bottom: 20px;
}
.stat-card {
flex: 1;
background: white;
padding: 15px;
border-radius: 8px;
@@ -277,7 +295,6 @@
.stat-number {
font-size: 24px;
font-weight: bold;
color: #3498db;
margin: 10px 0;
}
@@ -292,17 +309,40 @@
color: #666;
}
.all-groups-badges {
display: flex;
flex-wrap: wrap;
gap: 5px;
margin-top: 5px;
}
@media (max-width: 768px) {
.users-container {
grid-template-columns: 1fr;
}
.stats {
.user-actions {
flex-direction: column;
}
.user-actions {
flex-direction: column;
.tab {
padding: 10px 15px;
font-size: 13px;
}
.stats {
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 480px) {
.stats {
grid-template-columns: 1fr;
}
.tab {
padding: 8px 12px;
font-size: 12px;
}
}
</style>
@@ -322,13 +362,22 @@
</div>
<div class="tabs">
<button class="tab active" onclick="showTab('secretary')">
<button class="tab secretary active" onclick="showTab('secretary')">
<i class="fas fa-file-signature"></i> Секретари
</button>
<button class="tab" onclick="showTab('administration')">
<button class="tab administration" onclick="showTab('administration')">
<i class="fas fa-user-shield"></i> Администрация
</button>
<button class="tab" onclick="showTab('all-users')">
<button class="tab help" onclick="showTab('help')">
<i class="fas fa-hands-helping"></i> Help
</button>
<button class="tab doc" onclick="showTab('doc')">
<i class="fas fa-file-alt"></i> Doc
</button>
<button class="tab ahch" onclick="showTab('ahch')">
<i class="fas fa-school"></i> AHCH
</button>
<button class="tab all-users" onclick="showTab('all-users')">
<i class="fas fa-users"></i> Все пользователи
</button>
</div>
@@ -401,6 +450,108 @@
</div>
</div>
<!-- Help группа -->
<div id="help-section" class="content-section">
<div class="group-info">
<div class="group-color help"></div>
<div>
<h3>Группа "Help"</h3>
<p>Пользователи этой группы получают заявки поддержки</p>
</div>
</div>
<div class="search-box">
<input type="text" id="help-search" class="search-input"
placeholder="Поиск пользователей..." onkeyup="filterUsers('help')">
</div>
<div class="stats">
<div class="stat-card">
<div class="stat-number" id="help-count">0</div>
<div class="stat-label">Всего пользователей</div>
</div>
<div class="stat-card">
<div class="stat-number" id="help-in-group">0</div>
<div class="stat-label">В группе "Help"</div>
</div>
</div>
<div id="help-users" class="users-container">
<div class="loading">
<i class="fas fa-spinner fa-spin"></i>
<p>Загрузка пользователей...</p>
</div>
</div>
</div>
<!-- Doc группа -->
<div id="doc-section" class="content-section">
<div class="group-info">
<div class="group-color doc"></div>
<div>
<h3>Группа "Doc"</h3>
<p>Пользователи этой группы работают с документами</p>
</div>
</div>
<div class="search-box">
<input type="text" id="doc-search" class="search-input"
placeholder="Поиск пользователей..." onkeyup="filterUsers('doc')">
</div>
<div class="stats">
<div class="stat-card">
<div class="stat-number" id="doc-count">0</div>
<div class="stat-label">Всего пользователей</div>
</div>
<div class="stat-card">
<div class="stat-number" id="doc-in-group">0</div>
<div class="stat-label">В группе "Doc"</div>
</div>
</div>
<div id="doc-users" class="users-container">
<div class="loading">
<i class="fas fa-spinner fa-spin"></i>
<p>Загрузка пользователей...</p>
</div>
</div>
</div>
<!-- AHCH группа -->
<div id="ahch-section" class="content-section">
<div class="group-info">
<div class="group-color ahch"></div>
<div>
<h3>Группа "AHCH"</h3>
<p>Пользователи этой группы работают с AHCH задачами</p>
</div>
</div>
<div class="search-box">
<input type="text" id="ahch-search" class="search-input"
placeholder="Поиск пользователей..." onkeyup="filterUsers('ahch')">
</div>
<div class="stats">
<div class="stat-card">
<div class="stat-number" id="ahch-count">0</div>
<div class="stat-label">Всего пользователей</div>
</div>
<div class="stat-card">
<div class="stat-number" id="ahch-in-group">0</div>
<div class="stat-label">В группе "AHCH"</div>
</div>
</div>
<div id="ahch-users" class="users-container">
<div class="loading">
<i class="fas fa-spinner fa-spin"></i>
<p>Загрузка пользователей...</p>
</div>
</div>
</div>
<!-- Все пользователи -->
<div id="all-users-section" class="content-section">
<div class="search-box">
@@ -415,12 +566,24 @@
</div>
<div class="stat-card">
<div class="stat-number" id="admins-count">0</div>
<div class="stat-label">Администраторы</div>
<div class="stat-label">Администрация</div>
</div>
<div class="stat-card">
<div class="stat-number" id="secretaries-count">0</div>
<div class="stat-label">Секретари</div>
</div>
<div class="stat-card">
<div class="stat-number" id="help-count-all">0</div>
<div class="stat-label">Help</div>
</div>
<div class="stat-card">
<div class="stat-number" id="doc-count-all">0</div>
<div class="stat-label">Doc</div>
</div>
<div class="stat-card">
<div class="stat-number" id="ahch-count-all">0</div>
<div class="stat-label">AHCH</div>
</div>
</div>
<div id="all-users" class="users-container">
@@ -435,8 +598,13 @@
<script>
let currentTab = 'secretary';
let allUsers = [];
let secretaryGroupId = null;
let adminGroupId = null;
let groupIds = {
'secretary': null,
'admin': null,
'help': null,
'doc': null,
'ahch': null
};
// Проверка авторизации
async function checkAuth() {
@@ -469,17 +637,12 @@
const groupsResponse = await fetch('/api/groups');
const groups = await groupsResponse.json();
// Находим ID групп
secretaryGroupId = groups.find(g => g.name === 'Секретарь')?.id;
adminGroupId = groups.find(g => g.name === 'Администрация')?.id;
if (!secretaryGroupId) {
console.warn('Группа "Секретарь" не найдена');
}
if (!adminGroupId) {
console.warn('Группа "Администрация" не найдена');
}
// Находим ID всех групп
groupIds.secretary = groups.find(g => g.name === 'Секретарь')?.id;
groupIds.admin = groups.find(g => g.name === 'Администрация')?.id;
groupIds.help = groups.find(g => g.name === 'help')?.id;
groupIds.doc = groups.find(g => g.name === 'doc')?.id;
groupIds.ahch = groups.find(g => g.name === 'ahch')?.id;
// Загружаем всех пользователей
const usersResponse = await fetch('/api/users/all');
@@ -511,19 +674,57 @@
document.getElementById('admin-count').textContent = allUsers.length;
document.getElementById('admin-in-group').textContent = adminUsers.length;
// Статистика для help
const helpUsers = allUsers.filter(u => u.groups?.some(g => g.group_name === 'help'));
document.getElementById('help-count').textContent = allUsers.length;
document.getElementById('help-in-group').textContent = helpUsers.length;
// Статистика для doc
const docUsers = allUsers.filter(u => u.groups?.some(g => g.group_name === 'doc'));
document.getElementById('doc-count').textContent = allUsers.length;
document.getElementById('doc-in-group').textContent = docUsers.length;
// Статистика для ahch
const ahchUsers = allUsers.filter(u => u.groups?.some(g => g.group_name === 'ahch'));
document.getElementById('ahch-count').textContent = allUsers.length;
document.getElementById('ahch-in-group').textContent = ahchUsers.length;
// Общая статистика
document.getElementById('total-users').textContent = allUsers.length;
document.getElementById('admins-count').textContent = adminUsers.length;
document.getElementById('secretaries-count').textContent = secretaryUsers.length;
document.getElementById('help-count-all').textContent = helpUsers.length;
document.getElementById('doc-count-all').textContent = docUsers.length;
document.getElementById('ahch-count-all').textContent = ahchUsers.length;
}
// Отображение пользователей
function renderUsers() {
renderSecretaryUsers();
renderAdminUsers();
renderHelpUsers();
renderDocUsers();
renderAhchUsers();
renderAllUsers();
}
// Проверка, состоит ли пользователь в группе
function isUserInGroup(user, groupName) {
return user.groups?.some(g => g.group_name === groupName);
}
// Получение иконки для группы
function getGroupIcon(groupName) {
const icons = {
'Секретарь': 'fa-file-signature',
'Администрация': 'fa-user-shield',
'help': 'fa-hands-helping',
'doc': 'fa-file-alt',
'ahch': 'fa-school'
};
return icons[groupName] || 'fa-users';
}
// Отображение пользователей для секретарей
function renderSecretaryUsers() {
const container = document.getElementById('secretary-users');
@@ -546,8 +747,11 @@
}
container.innerHTML = filteredUsers.map(user => {
const isSecretary = user.groups?.some(g => g.group_name === 'Секретарь');
const isAdmin = user.groups?.some(g => g.group_name === 'Администрация');
const isSecretary = isUserInGroup(user, 'Секретарь');
const isAdmin = isUserInGroup(user, 'Администрация');
const isHelp = isUserInGroup(user, 'help');
const isDoc = isUserInGroup(user, 'doc');
const isAhch = isUserInGroup(user, 'ahch');
return `
<div class="user-card">
@@ -555,7 +759,7 @@
<div class="user-avatar">${user.name.charAt(0).toUpperCase()}</div>
<div>
<div class="user-name">${user.name}</div>
<div class="user-role">${user.role === 'admin' ? 'Администратор' : 'Учитель'}</div>
<div class="user-role">${user.role === 'admin' ? 'Администратор' : 'Пользователь'}</div>
</div>
</div>
@@ -567,15 +771,18 @@
<div class="group-badges">
${isSecretary ? '<span class="group-badge secretary"><i class="fas fa-file-signature"></i> Секретарь</span>' : ''}
${isAdmin ? '<span class="group-badge admin"><i class="fas fa-user-shield"></i> Администрация</span>' : ''}
${isHelp ? '<span class="group-badge help"><i class="fas fa-hands-helping"></i> help</span>' : ''}
${isDoc ? '<span class="group-badge doc"><i class="fas fa-file-alt"></i> doc</span>' : ''}
${isAhch ? '<span class="group-badge ahch"><i class="fas fa-school"></i> ahch</span>' : ''}
</div>
<div class="user-actions">
${isSecretary ?
`<button class="btn btn-danger" onclick="removeFromGroup(${user.id}, 'secretary')">
<i class="fas fa-user-minus"></i> Убрать из секретарей
<i class="fas fa-user-minus"></i> Убрать
</button>` :
`<button class="btn btn-success" onclick="addToGroup(${user.id}, 'secretary')">
<i class="fas fa-user-plus"></i> Добавить в секретари
<i class="fas fa-user-plus"></i> Добавить
</button>`
}
</div>
@@ -606,8 +813,11 @@
}
container.innerHTML = filteredUsers.map(user => {
const isSecretary = user.groups?.some(g => g.group_name === 'Секретарь');
const isAdmin = user.groups?.some(g => g.group_name === 'Администрация');
const isSecretary = isUserInGroup(user, 'Секретарь');
const isAdmin = isUserInGroup(user, 'Администрация');
const isHelp = isUserInGroup(user, 'help');
const isDoc = isUserInGroup(user, 'doc');
const isAhch = isUserInGroup(user, 'ahch');
return `
<div class="user-card">
@@ -615,7 +825,7 @@
<div class="user-avatar">${user.name.charAt(0).toUpperCase()}</div>
<div>
<div class="user-name">${user.name}</div>
<div class="user-role">${user.role === 'admin' ? 'Администратор' : 'Учитель'}</div>
<div class="user-role">${user.role === 'admin' ? 'Администратор' : 'Пользователь'}</div>
</div>
</div>
@@ -627,15 +837,216 @@
<div class="group-badges">
${isSecretary ? '<span class="group-badge secretary"><i class="fas fa-file-signature"></i> Секретарь</span>' : ''}
${isAdmin ? '<span class="group-badge admin"><i class="fas fa-user-shield"></i> Администрация</span>' : ''}
${isHelp ? '<span class="group-badge help"><i class="fas fa-hands-helping"></i> help</span>' : ''}
${isDoc ? '<span class="group-badge doc"><i class="fas fa-file-alt"></i> doc</span>' : ''}
${isAhch ? '<span class="group-badge ahch"><i class="fas fa-school"></i> ahch</span>' : ''}
</div>
<div class="user-actions">
${isAdmin ?
`<button class="btn btn-danger" onclick="removeFromGroup(${user.id}, 'admin')">
<i class="fas fa-user-minus"></i> Убрать из администрации
<i class="fas fa-user-minus"></i> Убрать
</button>` :
`<button class="btn btn-success" onclick="addToGroup(${user.id}, 'admin')">
<i class="fas fa-user-plus"></i> Добавить в администрацию
<i class="fas fa-user-plus"></i> Добавить
</button>`
}
</div>
</div>
`;
}).join('');
}
// Отображение пользователей для help
function renderHelpUsers() {
const container = document.getElementById('help-users');
const searchTerm = document.getElementById('help-search').value.toLowerCase();
const filteredUsers = allUsers.filter(user =>
user.name.toLowerCase().includes(searchTerm) ||
user.login.toLowerCase().includes(searchTerm) ||
user.email.toLowerCase().includes(searchTerm)
);
if (filteredUsers.length === 0) {
container.innerHTML = `
<div class="no-users">
<i class="fas fa-users-slash" style="font-size: 48px; color: #ccc; margin-bottom: 15px;"></i>
<p>Пользователи не найдены</p>
</div>
`;
return;
}
container.innerHTML = filteredUsers.map(user => {
const isSecretary = isUserInGroup(user, 'Секретарь');
const isAdmin = isUserInGroup(user, 'Администрация');
const isHelp = isUserInGroup(user, 'help');
const isDoc = isUserInGroup(user, 'doc');
const isAhch = isUserInGroup(user, 'ahch');
return `
<div class="user-card">
<div class="user-header">
<div class="user-avatar">${user.name.charAt(0).toUpperCase()}</div>
<div>
<div class="user-name">${user.name}</div>
<div class="user-role">${user.role === 'admin' ? 'Администратор' : 'Пользователь'}</div>
</div>
</div>
<div class="user-details">
<div><i class="fas fa-user"></i> ${user.login}</div>
<div><i class="fas fa-envelope"></i> ${user.email}</div>
</div>
<div class="group-badges">
${isSecretary ? '<span class="group-badge secretary"><i class="fas fa-file-signature"></i> Секретарь</span>' : ''}
${isAdmin ? '<span class="group-badge admin"><i class="fas fa-user-shield"></i> Администрация</span>' : ''}
${isHelp ? '<span class="group-badge help"><i class="fas fa-hands-helping"></i> help</span>' : ''}
${isDoc ? '<span class="group-badge doc"><i class="fas fa-file-alt"></i> doc</span>' : ''}
${isAhch ? '<span class="group-badge ahch"><i class="fas fa-school"></i> ahch</span>' : ''}
</div>
<div class="user-actions">
${isHelp ?
`<button class="btn btn-danger" onclick="removeFromGroup(${user.id}, 'help')">
<i class="fas fa-user-minus"></i> Убрать
</button>` :
`<button class="btn btn-help" onclick="addToGroup(${user.id}, 'help')">
<i class="fas fa-user-plus"></i> Добавить
</button>`
}
</div>
</div>
`;
}).join('');
}
// Отображение пользователей для doc
function renderDocUsers() {
const container = document.getElementById('doc-users');
const searchTerm = document.getElementById('doc-search').value.toLowerCase();
const filteredUsers = allUsers.filter(user =>
user.name.toLowerCase().includes(searchTerm) ||
user.login.toLowerCase().includes(searchTerm) ||
user.email.toLowerCase().includes(searchTerm)
);
if (filteredUsers.length === 0) {
container.innerHTML = `
<div class="no-users">
<i class="fas fa-users-slash" style="font-size: 48px; color: #ccc; margin-bottom: 15px;"></i>
<p>Пользователи не найдены</p>
</div>
`;
return;
}
container.innerHTML = filteredUsers.map(user => {
const isSecretary = isUserInGroup(user, 'Секретарь');
const isAdmin = isUserInGroup(user, 'Администрация');
const isHelp = isUserInGroup(user, 'help');
const isDoc = isUserInGroup(user, 'doc');
const isAhch = isUserInGroup(user, 'ahch');
return `
<div class="user-card">
<div class="user-header">
<div class="user-avatar">${user.name.charAt(0).toUpperCase()}</div>
<div>
<div class="user-name">${user.name}</div>
<div class="user-role">${user.role === 'admin' ? 'Администратор' : 'Пользователь'}</div>
</div>
</div>
<div class="user-details">
<div><i class="fas fa-user"></i> ${user.login}</div>
<div><i class="fas fa-envelope"></i> ${user.email}</div>
</div>
<div class="group-badges">
${isSecretary ? '<span class="group-badge secretary"><i class="fas fa-file-signature"></i> Секретарь</span>' : ''}
${isAdmin ? '<span class="group-badge admin"><i class="fas fa-user-shield"></i> Администрация</span>' : ''}
${isHelp ? '<span class="group-badge help"><i class="fas fa-hands-helping"></i> help</span>' : ''}
${isDoc ? '<span class="group-badge doc"><i class="fas fa-file-alt"></i> doc</span>' : ''}
${isAhch ? '<span class="group-badge ahch"><i class="fas fa-school"></i> ahch</span>' : ''}
</div>
<div class="user-actions">
${isDoc ?
`<button class="btn btn-danger" onclick="removeFromGroup(${user.id}, 'doc')">
<i class="fas fa-user-minus"></i> Убрать
</button>` :
`<button class="btn btn-doc" onclick="addToGroup(${user.id}, 'doc')">
<i class="fas fa-user-plus"></i> Добавить
</button>`
}
</div>
</div>
`;
}).join('');
}
// Отображение пользователей для ahch
function renderAhchUsers() {
const container = document.getElementById('ahch-users');
const searchTerm = document.getElementById('ahch-search').value.toLowerCase();
const filteredUsers = allUsers.filter(user =>
user.name.toLowerCase().includes(searchTerm) ||
user.login.toLowerCase().includes(searchTerm) ||
user.email.toLowerCase().includes(searchTerm)
);
if (filteredUsers.length === 0) {
container.innerHTML = `
<div class="no-users">
<i class="fas fa-users-slash" style="font-size: 48px; color: #ccc; margin-bottom: 15px;"></i>
<p>Пользователи не найдены</p>
</div>
`;
return;
}
container.innerHTML = filteredUsers.map(user => {
const isSecretary = isUserInGroup(user, 'Секретарь');
const isAdmin = isUserInGroup(user, 'Администрация');
const isHelp = isUserInGroup(user, 'help');
const isDoc = isUserInGroup(user, 'doc');
const isAhch = isUserInGroup(user, 'ahch');
return `
<div class="user-card">
<div class="user-header">
<div class="user-avatar">${user.name.charAt(0).toUpperCase()}</div>
<div>
<div class="user-name">${user.name}</div>
<div class="user-role">${user.role === 'admin' ? 'Администратор' : 'Пользователь'}</div>
</div>
</div>
<div class="user-details">
<div><i class="fas fa-user"></i> ${user.login}</div>
<div><i class="fas fa-envelope"></i> ${user.email}</div>
</div>
<div class="group-badges">
${isSecretary ? '<span class="group-badge secretary"><i class="fas fa-file-signature"></i> Секретарь</span>' : ''}
${isAdmin ? '<span class="group-badge admin"><i class="fas fa-user-shield"></i> Администрация</span>' : ''}
${isHelp ? '<span class="group-badge help"><i class="fas fa-hands-helping"></i> help</span>' : ''}
${isDoc ? '<span class="group-badge doc"><i class="fas fa-file-alt"></i> doc</span>' : ''}
${isAhch ? '<span class="group-badge ahch"><i class="fas fa-school"></i> ahch</span>' : ''}
</div>
<div class="user-actions">
${isAhch ?
`<button class="btn btn-danger" onclick="removeFromGroup(${user.id}, 'ahch')">
<i class="fas fa-user-minus"></i> Убрать
</button>` :
`<button class="btn btn-ahch" onclick="addToGroup(${user.id}, 'ahch')">
<i class="fas fa-user-plus"></i> Добавить
</button>`
}
</div>
@@ -666,8 +1077,11 @@
}
container.innerHTML = filteredUsers.map(user => {
const isSecretary = user.groups?.some(g => g.group_name === 'Секретарь');
const isAdmin = user.groups?.some(g => g.group_name === 'Администрация');
const isSecretary = isUserInGroup(user, 'Секретарь');
const isAdmin = isUserInGroup(user, 'Администрация');
const isHelp = isUserInGroup(user, 'help');
const isDoc = isUserInGroup(user, 'doc');
const isAhch = isUserInGroup(user, 'ahch');
return `
<div class="user-card">
@@ -675,7 +1089,7 @@
<div class="user-avatar">${user.name.charAt(0).toUpperCase()}</div>
<div>
<div class="user-name">${user.name}</div>
<div class="user-role">${user.role === 'admin' ? 'Администратор' : 'Учитель'}</div>
<div class="user-role">${user.role === 'admin' ? 'Администратор' : 'Пользователь'}</div>
</div>
</div>
@@ -684,26 +1098,53 @@
<div><i class="fas fa-envelope"></i> ${user.email}</div>
</div>
<div class="group-badges">
<div class="all-groups-badges">
${isSecretary ? '<span class="group-badge secretary"><i class="fas fa-file-signature"></i> Секретарь</span>' : ''}
${isAdmin ? '<span class="group-badge admin"><i class="fas fa-user-shield"></i> Администрация</span>' : ''}
${isHelp ? '<span class="group-badge help"><i class="fas fa-hands-helping"></i> help</span>' : ''}
${isDoc ? '<span class="group-badge doc"><i class="fas fa-file-alt"></i> doc</span>' : ''}
${isAhch ? '<span class="group-badge ahch"><i class="fas fa-school"></i> ahch</span>' : ''}
</div>
<div class="user-actions">
${isSecretary ?
`<button class="btn btn-danger" onclick="removeFromGroup(${user.id}, 'secretary')">
<i class="fas fa-user-minus"></i> Убрать из секретарей
`<button class="btn btn-danger" onclick="removeFromGroup(${user.id}, 'secretary')" title="Убрать из секретарей">
<i class="fas fa-user-minus"></i>
</button>` :
`<button class="btn btn-success" onclick="addToGroup(${user.id}, 'secretary')">
<i class="fas fa-user-plus"></i> В секретари
`<button class="btn btn-success" onclick="addToGroup(${user.id}, 'secretary')" title="Добавить в секретари">
<i class="fas fa-user-plus"></i>
</button>`
}
${isAdmin ?
`<button class="btn btn-danger" onclick="removeFromGroup(${user.id}, 'admin')">
<i class="fas fa-user-minus"></i> Убрать из администрации
`<button class="btn btn-danger" onclick="removeFromGroup(${user.id}, 'admin')" title="Убрать из администрации">
<i class="fas fa-user-minus"></i>
</button>` :
`<button class="btn btn-primary" onclick="addToGroup(${user.id}, 'admin')">
<i class="fas fa-user-plus"></i> В администрацию
`<button class="btn btn-primary" onclick="addToGroup(${user.id}, 'admin')" title="Добавить в администрацию">
<i class="fas fa-user-plus"></i>
</button>`
}
${isHelp ?
`<button class="btn btn-danger" onclick="removeFromGroup(${user.id}, 'help')" title="Убрать из help">
<i class="fas fa-user-minus"></i>
</button>` :
`<button class="btn btn-help" onclick="addToGroup(${user.id}, 'help')" title="Добавить в help">
<i class="fas fa-user-plus"></i>
</button>`
}
${isDoc ?
`<button class="btn btn-danger" onclick="removeFromGroup(${user.id}, 'doc')" title="Убрать из doc">
<i class="fas fa-user-minus"></i>
</button>` :
`<button class="btn btn-doc" onclick="addToGroup(${user.id}, 'doc')" title="Добавить в doc">
<i class="fas fa-user-plus"></i>
</button>`
}
${isAhch ?
`<button class="btn btn-danger" onclick="removeFromGroup(${user.id}, 'ahch')" title="Убрать из ahch">
<i class="fas fa-user-minus"></i>
</button>` :
`<button class="btn btn-ahch" onclick="addToGroup(${user.id}, 'ahch')" title="Добавить в ahch">
<i class="fas fa-user-plus"></i>
</button>`
}
</div>
@@ -721,6 +1162,15 @@
case 'admin':
renderAdminUsers();
break;
case 'help':
renderHelpUsers();
break;
case 'doc':
renderDocUsers();
break;
case 'ahch':
renderAhchUsers();
break;
case 'all':
renderAllUsers();
break;
@@ -735,36 +1185,29 @@
document.querySelectorAll('.tab').forEach(tab => {
tab.classList.remove('active');
});
document.querySelectorAll('.tab').forEach(tab => {
if (tab.onclick.toString().includes(tabName)) {
tab.classList.add('active');
}
});
// Обновляем активные секции
document.querySelectorAll('.content-section').forEach(section => {
section.classList.remove('active');
});
switch(tabName) {
case 'secretary':
document.getElementById('secretary-section').classList.add('active');
break;
case 'administration':
document.getElementById('administration-section').classList.add('active');
break;
case 'all-users':
document.getElementById('all-users-section').classList.add('active');
break;
}
// Активируем выбранную вкладку
document.querySelector(`.tab.${tabName}`).classList.add('active');
document.getElementById(`${tabName}-section`).classList.add('active');
}
// Добавить пользователя в группу
async function addToGroup(userId, groupType) {
if (!await checkAuth()) return;
const groupName = groupType === 'secretary' ? 'Секретарь' : 'Администрация';
const groupId = groupType === 'secretary' ? secretaryGroupId : adminGroupId;
const groupNames = {
'secretary': 'Секретарь',
'admin': 'Администрация',
'help': 'help',
'doc': 'doc',
'ahch': 'ahch'
};
const groupName = groupNames[groupType];
const groupId = groupIds[groupType];
if (!groupId) {
showError(`Группа "${groupName}" не найдена`);
@@ -795,8 +1238,16 @@
async function removeFromGroup(userId, groupType) {
if (!await checkAuth()) return;
const groupName = groupType === 'secretary' ? 'Секретарь' : 'Администрация';
const groupId = groupType === 'secretary' ? secretaryGroupId : adminGroupId;
const groupNames = {
'secretary': 'Секретарь',
'admin': 'Администрация',
'help': 'help',
'doc': 'doc',
'ahch': 'ahch'
};
const groupName = groupNames[groupType];
const groupId = groupIds[groupType];
if (!groupId) {
showError(`Группа "${groupName}" не найдена`);

613
public/doc-tasks.js Normal file
View File

@@ -0,0 +1,613 @@
// help-tasks.js - Основные операции с заявками
let tasks = [];
let expandedTasks = new Set();
let showingTasksWithoutDate = false;
async function loadTasks() {
try {
showingTasksWithoutDate = false;
const btn = document.getElementById('tasks-no-date-btn');
if (btn) btn.classList.remove('active');
const search = document.getElementById('search-tasks')?.value || '';
const statusFilter = document.getElementById('status-filter')?.value || 'active,in_progress,assigned,overdue,rework';
const creatorFilter = document.getElementById('creator-filter')?.value || '';
const assigneeFilter = document.getElementById('assignee-filter')?.value || '';
const deadlineFilter = document.getElementById('deadline-filter')?.value || '';
const showDeleted = document.getElementById('show-deleted')?.checked || false;
let url = '/api/tasks?';
if (search) url += `search=${encodeURIComponent(search)}&`;
if (statusFilter) url += `status=${encodeURIComponent(statusFilter)}&`;
if (creatorFilter) url += `creator=${encodeURIComponent(creatorFilter)}&`;
if (assigneeFilter) url += `assignee=${encodeURIComponent(assigneeFilter)}&`;
if (deadlineFilter) url += `deadline=${encodeURIComponent(deadlineFilter)}&`;
if (showDeleted) url += `showDeleted=true&`;
const response = await fetch(url);
tasks = await response.json();
// Загружаем файлы для всех заявок
await Promise.all(tasks.map(async (task) => {
try {
const filesResponse = await fetch(`/api/tasks/${task.id}/files`);
if (filesResponse.ok) {
task.files = await filesResponse.json();
} else {
task.files = [];
}
} catch (error) {
console.error(`Ошибка загрузки файлов для заявки ${task.id}:`, error);
task.files = [];
}
}));
renderTasks();
} catch (error) {
console.error('Ошибка загрузки заявок:', error);
}
}
function showTasksWithoutDate() {
showingTasksWithoutDate = true;
const btn = document.getElementById('tasks-no-date-btn');
if (btn) btn.classList.add('active');
loadTasksWithoutDate();
}
async function loadTasksWithoutDate() {
try {
const response = await fetch('/api/tasks');
if (!response.ok) throw new Error('Ошибка загрузки заявок');
const allTasks = await response.json();
tasks = allTasks.filter(task => {
const hasTaskDueDate = !task.due_date;
const hasAssignmentDueDates = task.assignments &&
task.assignments.every(assignment => !assignment.due_date);
return hasTaskDueDate && hasAssignmentDueDates;
});
// Загружаем файлы для всех заявок
await Promise.all(tasks.map(async (task) => {
try {
const filesResponse = await fetch(`/api/tasks/${task.id}/files`);
if (filesResponse.ok) {
task.files = await filesResponse.json();
} else {
task.files = [];
}
} catch (error) {
console.error(`Ошибка загрузки файлов для заявки ${task.id}:`, error);
task.files = [];
}
}));
renderTasks();
} catch (error) {
console.error('Ошибка загрузки заявок без срока:', error);
}
}
async function getHelpUsers() {
try {
const response = await fetch('/api/users/group/doc');
if (response.ok) {
return await response.json();
}
return [];
} catch (error) {
console.error('Ошибка получения пользователей группы doc:', error);
return [];
}
}
async function createTask(event) {
event.preventDefault();
if (!currentUser) {
alert('Требуется аутентификация');
return;
}
const formData = new FormData();
formData.append('title', document.getElementById('title').value);
formData.append('description', document.getElementById('description').value);
const dueDate = document.getElementById('due-date').value;
if (!dueDate) {
alert('Дата и время выполнения обязательны');
return;
}
formData.append('dueDate', dueDate);
// --- ПРОВЕРКА ФАЙЛОВ: минимум 1 документ ---
const iffiles = document.getElementById('files').files;
if (iffiles.length === 0) {
alert('Пожалуйста, загрузите хотя бы один документ для согласования.');
return;
}
// Заявка автоматически назначается всем пользователям группы "help"
// Получаем пользователей группы help
const helpUsers = await getHelpUsers();
if (helpUsers.length === 0) {
alert('Нет пользователей в группе "doc". Заявка не может быть создана.');
return;
}
// Добавляем всех пользователей группы help как исполнителей
helpUsers.forEach(user => {
formData.append('assignedUsers', user.id);
});
const files = document.getElementById('files').files;
for (let i = 0; i < files.length; i++) {
formData.append('files', files[i]);
}
try {
const response = await fetch('/api/tasks', {
method: 'POST',
body: formData
});
if (response.ok) {
alert('Заявка успешно создана и назначена всем пользователям с ролью "Секретарь"!');
document.getElementById('create-task-form').reset();
document.getElementById('file-list').innerHTML = '';
// Возвращаем на главную с параметром для отображения уведомления
// loadTasks();
// loadActivityLogs();
// showSection('tasks');
// Возвращаем на главную с параметром для отображения уведомления
setTimeout(() => {
window.location.href = '/?task_created=true&type=doc';
}, 1500);
} else {
const error = await response.json();
alert(error.error || 'Ошибка создания заявки');
}
} catch (error) {
console.error('Ошибка:', error);
alert('Ошибка создания заявки');
}
}
async function openEditModal(taskId) {
try {
const response = await fetch(`/api/tasks/${taskId}`);
if (!response.ok) {
if (response.status === 404) {
alert('Заявка не найдена или у вас нет прав доступа');
}
throw new Error('Ошибка загрузки заявки');
}
const task = await response.json();
if (!canUserEditTask(task)) {
alert('У вас нет прав для редактирования этой заявки');
return;
}
document.getElementById('edit-task-id').value = task.id;
document.getElementById('edit-title').value = task.title;
document.getElementById('edit-description').value = task.description || '';
document.getElementById('edit-due-date').value = task.due_date ? formatDateTimeForInput(task.due_date) : '';
// Показываем пользователей группы help, назначенных на заявку
showHelpGroupUsersInEditModal(task);
// Показываем существующие файлы
currentEditTaskFiles = task.files || [];
updateEditFileList();
document.getElementById('edit-task-modal').style.display = 'block';
} catch (error) {
console.error('Ошибка:', error);
alert('Ошибка загрузки заявки');
}
}
function showHelpGroupUsersInEditModal(task) {
const container = document.getElementById('edit-help-group-users');
const helpUsers = users.filter(user => user.groups && user.groups.includes('Секретарь'));
if (helpUsers.length === 0) {
container.innerHTML = '<p class="no-users">Нет пользователей в группе "doc"</p>';
return;
}
// Получаем назначенных пользователей
const assignedUserIds = task.assignments ? task.assignments.map(a => a.user_id) : [];
container.innerHTML = helpUsers.map(user => {
const isAssigned = assignedUserIds.includes(user.id.toString());
return `
<div class="help-user-item ${isAssigned ? 'assigned' : 'not-assigned'}">
<i class="fas ${isAssigned ? 'fa-user-check' : 'fa-user'}"></i>
<span>${user.name} (${user.email})</span>
${isAssigned ? '<span class="assigned-badge">назначен</span>' : ''}
</div>
`;
}).join('');
}
function closeEditModal() {
document.getElementById('edit-task-modal').style.display = 'none';
document.getElementById('edit-file-list').innerHTML = '';
currentEditTaskFiles = [];
}
async function updateTask(event) {
event.preventDefault();
const taskId = document.getElementById('edit-task-id').value;
const title = document.getElementById('edit-title').value;
const description = document.getElementById('edit-description').value;
const dueDate = document.getElementById('edit-due-date').value;
if (!dueDate) {
alert('Дата и время выполнения обязательны');
return;
}
// Заявка автоматически назначается всем пользователям группы "help"
const helpUsers = users.filter(user => user.groups && user.groups.includes('Секретарь'));
const assignedUserIds = helpUsers.map(user => user.id);
if (assignedUserIds.length === 0) {
alert('Нет пользователей в группе "help". Заявка не может быть обновлена.');
return;
}
const formData = new FormData();
formData.append('title', title);
formData.append('description', description);
formData.append('assignedUsers', JSON.stringify(assignedUserIds));
formData.append('dueDate', dueDate);
const files = document.getElementById('edit-files').files;
for (let i = 0; i < files.length; i++) {
formData.append('files', files[i]);
}
try {
const response = await fetch(`/api/tasks/${taskId}`, {
method: 'PUT',
body: formData
});
if (response.ok) {
alert('Заявка успешно обновлена и назначена всем пользователям группы "doc"!');
closeEditModal();
loadTasks();
loadActivityLogs();
} else {
const error = await response.json();
alert(error.error || 'Ошибка обновления заявки');
}
} catch (error) {
console.error('Ошибка:', error);
alert('Ошибка обновления заявки');
}
}
function openCopyModal(taskId) {
document.getElementById('copy-task-id').value = taskId;
// Устанавливаем дату по умолчанию (через 7 дней)
const defaultDate = new Date();
defaultDate.setDate(defaultDate.getDate() + 7);
document.getElementById('copy-due-date').value = defaultDate.toISOString().substring(0, 16);
document.getElementById('copy-task-modal').style.display = 'block';
}
function closeCopyModal() {
document.getElementById('copy-task-modal').style.display = 'none';
}
async function copyTask(event) {
event.preventDefault();
const taskId = document.getElementById('copy-task-id').value;
const dueDate = document.getElementById('copy-due-date').value;
if (!dueDate) {
alert('Дата и время выполнения обязательны для копии заявки');
return;
}
// Копия заявки автоматически назначается всем пользователям группы "help"
const helpUsers = users.filter(user => user.groups && user.groups.includes('Секретарь'));
const assignedUserIds = helpUsers.map(user => user.id);
if (assignedUserIds.length === 0) {
alert('Нет пользователей в группе "doc". Копия заявки не может быть создана.');
return;
}
try {
const response = await fetch(`/api/tasks/${taskId}/copy`, {
method: 'POST',
headers: {
'Content-Type': 'application/json',
},
body: JSON.stringify({
assignedUsers: assignedUserIds,
dueDate: dueDate
})
});
if (response.ok) {
alert('Копия заявки успешно создана и назначена всем пользователям группы "doc"!');
closeCopyModal();
loadTasks();
loadActivityLogs();
} else {
const error = await response.json();
alert(error.error || 'Ошибка создания копии заявки');
}
} catch (error) {
console.error('Ошибка:', error);
alert('Ошибка создания копии заявки');
}
}
async function closeTask(taskId) {
if (!confirm('Вы уверены, что хотите закрыть эту заявку? Исполнители больше не будут видеть ее.')) {
return;
}
try {
const response = await fetch(`/api/tasks/${taskId}/close`, {
method: 'POST'
});
if (response.ok) {
alert('Заявка закрыта!');
loadTasks();
loadActivityLogs();
} else {
const error = await response.json();
alert(error.error || 'Ошибка закрытия заявки');
}
} catch (error) {
console.error('Ошибка:', error);
alert('Ошибка закрытия заявки');
}
}
async function reopenTask(taskId) {
try {
const response = await fetch(`/api/tasks/${taskId}/reopen`, {
method: 'POST'
});
if (response.ok) {
alert('Заявка открыта!');
loadTasks();
loadActivityLogs();
} else {
const error = await response.json();
alert(error.error || 'Ошибка открытия заявки');
}
} catch (error) {
console.error('Ошибка:', error);
alert('Ошибка открытия заявки');
}
}
async function deleteTask(taskId) {
if (!confirm('Вы уверены, что хотите удалить эту заявку?')) {
return;
}
try {
const response = await fetch(`/api/tasks/${taskId}`, {
method: 'DELETE'
});
if (response.ok) {
alert('Заявка удалена!');
loadTasks();
loadActivityLogs();
} else {
const error = await response.json();
alert(error.error || 'Ошибка удаления заявки');
}
} catch (error) {
console.error('Ошибка:', error);
alert('Ошибка удаления заявки');
}
}
async function restoreTask(taskId) {
try {
const response = await fetch(`/api/tasks/${taskId}/restore`, {
method: 'POST'
});
if (response.ok) {
alert('Заявка восстановлена!');
loadTasks();
loadActivityLogs();
} else {
const error = await response.json();
alert(error.error || 'Ошибка восстановления заявки');
}
} catch (error) {
console.error('Ошибка:', error);
alert('Ошибка восстановления заявки');
}
}
function openEditAssignmentModal(taskId, userId) {
const task = tasks.find(t => t.id === taskId);
if (!task) return;
const assignment = task.assignments.find(a => a.user_id === userId);
if (!assignment) return;
document.getElementById('edit-assignment-task-id').value = taskId;
document.getElementById('edit-assignment-user-id').value = userId;
document.getElementById('edit-assignment-due-date').value = assignment.due_date ? formatDateTimeForInput(assignment.due_date) : '';
document.getElementById('edit-assignment-modal').style.display = 'block';
}
function closeEditAssignmentModal() {
document.getElementById('edit-assignment-modal').style.display = 'none';
}
async function updateAssignment(event) {
event.preventDefault();
const taskId = document.getElementById('edit-assignment-task-id').value;
const userId = document.getElementById('edit-assignment-user-id').value;
const dueDate = document.getElementById('edit-assignment-due-date').value;
if (!dueDate) {
alert('Дата и время выполнения обязательны');
return;
}
try {
const response = await fetch(`/api/tasks/${taskId}/assignment/${userId}`, {
method: 'PUT',
headers: {
'Content-Type': 'application/json',
},
body: JSON.stringify({
dueDate: dueDate
})
});
if (response.ok) {
alert('Сроки исполнителя обновлены!');
closeEditAssignmentModal();
loadTasks();
loadActivityLogs();
} else {
const error = await response.json();
alert(error.error || 'Ошибка обновления сроков');
}
} catch (error) {
console.error('Ошибка:', error);
alert('Ошибка обновления сроков');
}
}
function openReworkModal(taskId) {
document.getElementById('rework-task-id').value = taskId;
document.getElementById('rework-task-modal').style.display = 'block';
}
function closeReworkModal() {
document.getElementById('rework-task-modal').style.display = 'none';
document.getElementById('rework-comment').value = '';
}
async function sendForRework(event) {
event.preventDefault();
const taskId = document.getElementById('rework-task-id').value;
const comment = document.getElementById('rework-comment').value;
try {
const response = await fetch(`/api/tasks/${taskId}/rework`, {
method: 'POST',
headers: {
'Content-Type': 'application/json',
},
body: JSON.stringify({ comment })
});
if (response.ok) {
alert('Заявка возвращена на доработку!');
closeReworkModal();
loadTasks();
loadActivityLogs();
} else {
const error = await response.json();
alert(error.error || 'Ошибка возврата заявки на доработку');
}
} catch (error) {
console.error('Ошибка:', error);
alert('Ошибка возврата заявки на доработку');
}
}
async function updateStatus(taskId, userId, status) {
try {
const response = await fetch(`/api/tasks/${taskId}/status`, {
method: 'PUT',
headers: {
'Content-Type': 'application/json',
},
body: JSON.stringify({ userId, status })
});
if (response.ok) {
loadTasks();
loadActivityLogs();
} else {
const error = await response.json();
alert(error.error || 'Ошибка обновления статуса');
}
} catch (error) {
console.error('Ошибка:', error);
alert('Ошибка обновления статуса');
}
}
function canUserEditTask(task) {
if (!currentUser) return false;
// Администратор может всё
if (currentUser.role === 'admin') return true;
// Создатель может редактировать свою заявку
if (parseInt(task.created_by) === currentUser.id) {
// Но если заявка уже назначена группе "help",
// создатель может только просматривать
if (task.assignments && task.assignments.length > 0) {
return false;
}
return true;
}
// Пользователи группы "help" могут менять только свой статус
if (task.assignments) {
const isHelpUser = task.assignments.some(assignment =>
parseInt(assignment.user_id) === currentUser.id
);
if (isHelpUser) {
return false; // Могут менять только статус
}
}
return false;
}
// Функция для отображения пользователей группы help при создании заявки
function showHelpGroupUsers() {
const container = document.getElementById('help-group-users');
const helpUsers = users.filter(user => user.groups && user.groups.includes('Секретарь'));
if (helpUsers.length === 0) {
container.innerHTML = '<p class="no-users">Нет пользователей в группе "help"</p>';
return;
}
container.innerHTML = helpUsers.map(user => `
<div class="help-user-item">
<i class="fas fa-user"></i>
<span>${user.name} (${user.email})</span>
</div>
`).join('');
}

153
public/doc-users.js Normal file
View File

@@ -0,0 +1,153 @@
// help-users.js - Управление пользователями
let users = [];
let allUsers = [];
let filteredUsers = [];
let selectedUsers = [];
let editSelectedUsers = [];
let copySelectedUsers = [];
async function loadUsers() {
try {
const response = await fetch('/api/users');
users = await response.json();
allUsers = users;
// Получаем пользователей группы "help"
const helpUsers = users.filter(user => user.groups && user.groups.includes('Секретарь'));
filteredUsers = helpUsers;
// Показываем пользователей группы help при создании заявки
showHelpGroupUsers();
populateFilterDropdowns();
} catch (error) {
console.error('Ошибка загрузки пользователей:', error);
}
}
function populateFilterDropdowns() {
const creatorFilter = document.getElementById('creator-filter');
const assigneeFilter = document.getElementById('assignee-filter');
// Проверяем существование элементов (они есть только на странице help.html)
if (!creatorFilter || !assigneeFilter) {
console.log('Фильтры не найдены (возможно, не на странице help.html)');
return;
}
creatorFilter.innerHTML = '<option value="">Все заказчики</option>';
assigneeFilter.innerHTML = '<option value="">Все исполнители (группа "help")</option>';
// Для заказчиков показываем всех пользователей
users.forEach(user => {
const creatorOption = document.createElement('option');
creatorOption.value = user.id;
creatorOption.textContent = `${user.name} (${user.login})`;
creatorFilter.appendChild(creatorOption);
});
// Для исполнителей показываем только пользователей группы "help"
const helpUsers = users.filter(user => user.groups && user.groups.includes('Секретарь'));
helpUsers.forEach(user => {
const assigneeOption = document.createElement('option');
assigneeOption.value = user.id;
assigneeOption.textContent = `${user.name} (${user.login}) - группа "help"`;
assigneeFilter.appendChild(assigneeOption);
});
}
// Функция для отображения пользователей группы help
function showHelpGroupUsers() {
const container = document.getElementById('help-group-users');
// Проверяем существование элемента (он есть только на странице help.html)
if (!container) {
console.log('Контейнер help-group-users не найден (возможно, не на странице help.html)');
return;
}
const helpUsers = users.filter(user => user.groups && user.groups.includes('Секретарь'));
if (helpUsers.length === 0) {
container.innerHTML = '<div class="help-group-notice"><i class="fas fa-exclamation-triangle"></i> Нет пользователей в группе "help"</div>';
return;
}
container.innerHTML = `
<div class="help-group-notice">
<i class="fas fa-info-circle"></i> Заявка будет автоматически назначена ${helpUsers.length} пользователям группы "help":
</div>
<div class="help-users-list">
${helpUsers.map(user => `
<div class="help-user-item">
<i class="fas fa-user"></i>
<span class="help-user-name">${user.name}</span>
<span class="help-user-email">(${user.email})</span>
</div>
`).join('')}
</div>
`;
}
// Старые функции фильтрации оставляем, но они теперь не используются для выбора исполнителей
function filterUsers() {
const searchInput = document.getElementById('user-search');
if (!searchInput) return; // Элемент есть только на странице help.html
const search = searchInput.value.toLowerCase();
// Фильтруем пользователей группы "help"
filteredUsers = users.filter(user =>
user.groups && user.groups.includes('Секретарь') && (
user.name.toLowerCase().includes(search) ||
user.login.toLowerCase().includes(search) ||
user.email.toLowerCase().includes(search)
)
);
// Не рендерим чеклист, так как выбираем всех пользователей группы help
}
function filterEditUsers() {
// Не используется, так как заявка автоматически назначается всем пользователям группы help
}
function filterCopyUsers() {
// Не используется, так как заявка автоматически назначается всем пользователям группы help
}
// Старые функции рендеринга оставляем для совместимости, но они не будут использоваться
function renderUsersChecklist() {
// Не рендерим чеклист, так как выбираем всех пользователей группы help
}
function renderEditUsersChecklist(filtered = users) {
// Не рендерим чеклист, так как заявка автоматически назначается всем пользователям группы help
}
function renderCopyUsersChecklist(filtered = users) {
// Не рендерим чеклист, так как заявка автоматически назначается всем пользователям группы help
}
// Старые функции выбора пользователей оставляем для совместимости
function toggleUserSelection(checkbox, userId) {
if (checkbox.checked) {
selectedUsers.push(userId);
} else {
selectedUsers = selectedUsers.filter(id => id !== userId);
}
}
function toggleEditUserSelection(checkbox, userId) {
if (checkbox.checked) {
editSelectedUsers.push(userId);
} else {
editSelectedUsers = editSelectedUsers.filter(id => id !== userId);
}
}
function toggleCopyUserSelection(checkbox, userId) {
if (checkbox.checked) {
copySelectedUsers.push(userId);
} else {
copySelectedUsers = copySelectedUsers.filter(id => id !== userId);
}
}

91
public/doc.html
View File

@@ -46,13 +46,9 @@
</div>
<nav>
<button onclick="window.location.href = '/'" class="nav-btn btn-admin"><i class="fas fa-cog"></i> Главная</button>
<button onclick="window.location.href = '/'" class="nav-btn btn-admin"><i class="fas fa-list"></i> Задачи</button>
<button onclick="showSection('create-task')" class="nav-btn">
<i class="fas fa-plus-circle"></i> Создать согласование DOC
</button>
<button onclick="showSection('tasks')" class="nav-btn">
<i class="fas fa-list"></i> Согласования DOC
</button>
<button onclick="window.location.href = '/doc?action=create'" class="nav-btn btn-admin"><i class="fa-solid fa-file"></i> Согласование документов</button>
<button onclick="window.location.href = '/help'" class="nav-btn btn-admin"><i class="fas fa-user-circle"></i> Заявки</button>
<button onclick="window.location.href = '/admin'" class="nav-btn btn-admin"><i class="fas fa-cog"></i> Админ-панель</button>
</nav>
</header>
@@ -61,43 +57,7 @@
<h2><i class="fas fa-file-signature"></i> Все согласования</h2>
<div id="tasks-controls">
<div class="filters">
<div class="filter-group">
<label for="search-tasks"><i class="fas fa-search"></i> Поиск:</label>
<input type="text" id="search-tasks" placeholder="Поиск по названию и описанию..." oninput="loadTasks()">
</div>
<div class="filter-group">
<label for="status-filter"><i class="fas fa-filter"></i> Статус:</label>
<select id="status-filter" onchange="loadTasks()">
<option value="active,in_progress,assigned,overdue,rework">Все активные</option>
<option value="all">Все статусы</option>
<option value="assigned">Назначена</option>
<option value="in_progress">В работе</option>
<option value="rework">На доработке</option>
<option value="overdue">Просрочена</option>
<option value="completed">Выполнена</option>
<option value="closed">Закрыта</option>
</select>
</div>
<div class="filter-group">
<label for="creator-filter"><i class="fas fa-user-tie"></i> Заказчик:</label>
<select id="creator-filter" onchange="loadTasks()">
<option value="">Все заказчики</option>
</select>
</div>
<div class="filter-group">
<label for="assignee-filter"><i class="fas fa-user-check"></i> Секретарь:</label>
<select id="assignee-filter" onchange="loadTasks()">
<option value="">Все секретари</option>
</select>
</div>
<div class="filter-group">
<label for="deadline-filter"><i class="fas fa-calendar-times"></i> Срок выполнения:</label>
<select id="deadline-filter" onchange="loadTasks()">
<option value="">Все сроки</option>
<option value="48h">Менее 48 часов</option>
<option value="24h">Менее 24 часов</option>
</select>
</div>
</div>
<label class="show-deleted-label" style="display: none;">
<input type="checkbox" id="show-deleted" onchange="loadTasks()">
@@ -126,14 +86,9 @@
</div>
<div class="form-group">
<label><i class="fas fa-users"></i> Секретари (исполнители):</label>
<div class="user-search">
<input type="text" id="user-search" placeholder="Поиск секретарей..." oninput="filterUsers()">
<i class="fas fa-search"></i>
</div>
<div id="users-checklist" class="checkbox-group"></div>
<label><i class="fas fa-users"></i> Исполнители:</label>
<small style="color: #666; display: block; margin-top: 5px;">
<i class="fas fa-info-circle"></i> В качестве исполнителей можно выбрать только пользователей с ролью "Секретарь"
<i class="fas fa-info-circle"></i> Автоматически будет назначено всем пользователям с ролью "Секретарь"
</small>
</div>
@@ -184,10 +139,7 @@
</div>
<div class="form-group">
<label>Секретари (исполнители):</label>
<div class="user-search">
<input type="text" id="edit-user-search" placeholder="Поиск секретарей..." oninput="filterEditUsers()">
</div>
<label>Исполнители:</label>
<div id="edit-users-checklist" class="checkbox-group"></div>
<small style="color: #666; display: block; margin-top: 5px;">
<i class="fas fa-info-circle"></i> В качестве исполнителей можно выбрать только пользователей с ролью "Секретарь"
@@ -296,10 +248,33 @@
<div class="loading">Загрузка Канбан-доски...</div>
</div>
</div>
<script>
// В начале основного скрипта
(function() {
// Проверяем, нужно ли автоматически показать форму создания
const urlParams = new URLSearchParams(window.location.search);
const hash = window.location.hash;
if (urlParams.get('action') === 'create' || hash === '#create') {
// Ждем полной загрузки DOM
document.addEventListener('DOMContentLoaded', function() {
// Небольшая задержка для гарантии загрузки всех скриптов
setTimeout(() => {
showSection('create-task');
// Убираем параметр из URL без перезагрузки
if (window.history.replaceState) {
const newUrl = window.location.pathname;
window.history.replaceState({}, document.title, newUrl);
}
}, 100);
});
}
})();
</script>
<script src="auth.js"></script>
<script src="users-doc.js"></script>
<script src="tasks-doc.js"></script>
<script src="doc-users.js"></script>
<script src="doc-tasks.js"></script>
<script src="kanban.js"></script>
<script src="files.js"></script>
<script src="ui.js"></script>

202
public/tasks-doc.js → public/help-tasks.js
View File

@@ -1,4 +1,4 @@
// tasks.js - Основные операции с согласованиями
// help-tasks.js - Основные операции с заявками
let tasks = [];
let expandedTasks = new Set();
let showingTasksWithoutDate = false;
@@ -27,7 +27,7 @@ async function loadTasks() {
const response = await fetch(url);
tasks = await response.json();
// Загружаем файлы для всех согласований
// Загружаем файлы для всех заявок
await Promise.all(tasks.map(async (task) => {
try {
const filesResponse = await fetch(`/api/tasks/${task.id}/files`);
@@ -37,7 +37,7 @@ async function loadTasks() {
task.files = [];
}
} catch (error) {
console.error(`Ошибка загрузки файлов для согласования ${task.id}:`, error);
console.error(`Ошибка загрузки файлов для заявки ${task.id}:`, error);
task.files = [];
}
}));
@@ -45,7 +45,7 @@ async function loadTasks() {
renderTasks();
} catch (error) {
console.error('Ошибка загрузки согласований:', error);
console.error('Ошибка загрузки заявок:', error);
}
}
@@ -59,7 +59,7 @@ function showTasksWithoutDate() {
async function loadTasksWithoutDate() {
try {
const response = await fetch('/api/tasks');
if (!response.ok) throw new Error('Ошибка загрузки согласований');
if (!response.ok) throw new Error('Ошибка загрузки заявок');
const allTasks = await response.json();
tasks = allTasks.filter(task => {
@@ -69,7 +69,7 @@ async function loadTasksWithoutDate() {
return hasTaskDueDate && hasAssignmentDueDates;
});
// Загружаем файлы для всех согласований
// Загружаем файлы для всех заявок
await Promise.all(tasks.map(async (task) => {
try {
const filesResponse = await fetch(`/api/tasks/${task.id}/files`);
@@ -79,14 +79,27 @@ async function loadTasksWithoutDate() {
task.files = [];
}
} catch (error) {
console.error(`Ошибка загрузки файлов для согласования ${task.id}:`, error);
console.error(`Ошибка загрузки файлов для заявки ${task.id}:`, error);
task.files = [];
}
}));
renderTasks();
} catch (error) {
console.error('Ошибка загрузки согласований без срока:', error);
console.error('Ошибка загрузки заявок без срока:', error);
}
}
async function getHelpUsers() {
try {
const response = await fetch('/api/users/group/help');
if (response.ok) {
return await response.json();
}
return [];
} catch (error) {
console.error('Ошибка получения пользователей группы help:', error);
return [];
}
}
@@ -97,7 +110,7 @@ async function createTask(event) {
alert('Требуется аутентификация');
return;
}
const formData = new FormData();
formData.append('title', document.getElementById('title').value);
formData.append('description', document.getElementById('description').value);
@@ -109,13 +122,18 @@ async function createTask(event) {
}
formData.append('dueDate', dueDate);
// Используем selectedUsers вместо прямого доступа к DOM
if (selectedUsers.length === 0) {
alert('Выберите хотя бы одного секретаря в качестве исполнителя');
// Заявка автоматически назначается всем пользователям группы "help"
// Получаем пользователей группы help
const helpUsers = await getHelpUsers();
if (helpUsers.length === 0) {
alert('Нет пользователей в группе "help". Заявка не может быть создана.');
return;
}
selectedUsers.forEach(userId => {
formData.append('assignedUsers', userId);
// Добавляем всех пользователей группы help как исполнителей
helpUsers.forEach(user => {
formData.append('assignedUsers', user.id);
});
const files = document.getElementById('files').files;
@@ -130,22 +148,19 @@ async function createTask(event) {
});
if (response.ok) {
alert('Согласование успешно создано!');
alert('Заявка успешно создана и назначена всем пользователям группы "help"!');
document.getElementById('create-task-form').reset();
document.getElementById('file-list').innerHTML = '';
document.getElementById('user-search').value = '';
selectedUsers = [];
renderUsersChecklist();
loadTasks();
loadActivityLogs();
showSection('tasks');
} else {
const error = await response.json();
alert(error.error || 'Ошибка создания согласования');
alert(error.error || 'Ошибка создания заявки');
}
} catch (error) {
console.error('Ошибка:', error);
alert('Ошибка создания согласования');
alert('Ошибка создания заявки');
}
}
@@ -154,15 +169,15 @@ async function openEditModal(taskId) {
const response = await fetch(`/api/tasks/${taskId}`);
if (!response.ok) {
if (response.status === 404) {
alert('Согласование не найдено или у вас нет прав доступа');
alert('Заявка не найдена или у вас нет прав доступа');
}
throw new Error('Ошибка загрузки согласования');
throw new Error('Ошибка загрузки заявки');
}
const task = await response.json();
if (!canUserEditTask(task)) {
alert('У вас нет прав для редактирования этого согласования');
alert('У вас нет прав для редактирования этой заявки');
return;
}
@@ -172,9 +187,8 @@ async function openEditModal(taskId) {
document.getElementById('edit-due-date').value = task.due_date ? formatDateTimeForInput(task.due_date) : '';
// Устанавливаем выбранных пользователей (только секретарей)
editSelectedUsers = task.assignments ? task.assignments.map(a => a.user_id) : [];
renderEditUsersChecklist(users);
// Показываем пользователей группы help, назначенных на заявку
showHelpGroupUsersInEditModal(task);
// Показываем существующие файлы
currentEditTaskFiles = task.files || [];
@@ -183,17 +197,38 @@ async function openEditModal(taskId) {
document.getElementById('edit-task-modal').style.display = 'block';
} catch (error) {
console.error('Ошибка:', error);
alert('Ошибка загрузки согласования');
alert('Ошибка загрузки заявки');
}
}
function showHelpGroupUsersInEditModal(task) {
const container = document.getElementById('edit-help-group-users');
const helpUsers = users.filter(user => user.groups && user.groups.includes('help'));
if (helpUsers.length === 0) {
container.innerHTML = '<p class="no-users">Нет пользователей в группе "help"</p>';
return;
}
// Получаем назначенных пользователей
const assignedUserIds = task.assignments ? task.assignments.map(a => a.user_id) : [];
container.innerHTML = helpUsers.map(user => {
const isAssigned = assignedUserIds.includes(user.id.toString());
return `
<div class="help-user-item ${isAssigned ? 'assigned' : 'not-assigned'}">
<i class="fas ${isAssigned ? 'fa-user-check' : 'fa-user'}"></i>
<span>${user.name} (${user.email})</span>
${isAssigned ? '<span class="assigned-badge">назначен</span>' : ''}
</div>
`;
}).join('');
}
function closeEditModal() {
document.getElementById('edit-task-modal').style.display = 'none';
document.getElementById('edit-file-list').innerHTML = '';
document.getElementById('edit-user-search').value = '';
editSelectedUsers = [];
currentEditTaskFiles = [];
filterEditUsers();
}
async function updateTask(event) {
@@ -209,11 +244,12 @@ async function updateTask(event) {
return;
}
// Используем editSelectedUsers (только секретари)
const assignedUserIds = editSelectedUsers;
// Заявка автоматически назначается всем пользователям группы "help"
const helpUsers = users.filter(user => user.groups && user.groups.includes('help'));
const assignedUserIds = helpUsers.map(user => user.id);
if (assignedUserIds.length === 0) {
alert('Выберите хотя бы одного секретаря в качестве исполнителя');
alert('Нет пользователей в группе "help". Заявка не может быть обновлена.');
return;
}
@@ -235,17 +271,17 @@ async function updateTask(event) {
});
if (response.ok) {
alert('Согласование успешно обновлено!');
alert('Заявка успешно обновлена и назначена всем пользователям группы "help"!');
closeEditModal();
loadTasks();
loadActivityLogs();
} else {
const error = await response.json();
alert(error.error || 'Ошибка обновления согласования');
alert(error.error || 'Ошибка обновления заявки');
}
} catch (error) {
console.error('Ошибка:', error);
alert('Ошибка обновления согласования');
alert('Ошибка обновления заявки');
}
}
@@ -257,18 +293,11 @@ function openCopyModal(taskId) {
defaultDate.setDate(defaultDate.getDate() + 7);
document.getElementById('copy-due-date').value = defaultDate.toISOString().substring(0, 16);
// Сбрасываем выбранных пользователей (только секретари)
copySelectedUsers = [];
renderCopyUsersChecklist(users);
document.getElementById('copy-task-modal').style.display = 'block';
}
function closeCopyModal() {
document.getElementById('copy-task-modal').style.display = 'none';
document.getElementById('copy-user-search').value = '';
copySelectedUsers = [];
filterCopyUsers();
}
async function copyTask(event) {
@@ -278,15 +307,16 @@ async function copyTask(event) {
const dueDate = document.getElementById('copy-due-date').value;
if (!dueDate) {
alert('Дата и время выполнения обязательны для копии согласования');
alert('Дата и время выполнения обязательны для копии заявки');
return;
}
// Используем copySelectedUsers (только секретари)
const assignedUserIds = copySelectedUsers;
// Копия заявки автоматически назначается всем пользователям группы "help"
const helpUsers = users.filter(user => user.groups && user.groups.includes('help'));
const assignedUserIds = helpUsers.map(user => user.id);
if (assignedUserIds.length === 0) {
alert('Выберите хотя бы одного секретаря в качестве исполнителя для копии согласования');
alert('Нет пользователей в группе "help". Копия заявки не может быть создана.');
return;
}
@@ -303,22 +333,22 @@ async function copyTask(event) {
});
if (response.ok) {
alert('Копия согласования успешно создана!');
alert('Копия заявки успешно создана и назначена всем пользователям группы "help"!');
closeCopyModal();
loadTasks();
loadActivityLogs();
} else {
const error = await response.json();
alert(error.error || 'Ошибка создания копии согласования');
alert(error.error || 'Ошибка создания копии заявки');
}
} catch (error) {
console.error('Ошибка:', error);
alert('Ошибка создания копии согласования');
alert('Ошибка создания копии заявки');
}
}
async function closeTask(taskId) {
if (!confirm('Вы уверены, что хотите закрыть это согласование? Секретари больше не будут видеть его.')) {
if (!confirm('Вы уверены, что хотите закрыть эту заявку? Исполнители больше не будут видеть ее.')) {
return;
}
@@ -328,16 +358,16 @@ async function closeTask(taskId) {
});
if (response.ok) {
alert('Согласование закрыто!');
alert('Заявка закрыта!');
loadTasks();
loadActivityLogs();
} else {
const error = await response.json();
alert(error.error || 'Ошибка закрытия согласования');
alert(error.error || 'Ошибка закрытия заявки');
}
} catch (error) {
console.error('Ошибка:', error);
alert('Ошибка закрытия согласования');
alert('Ошибка закрытия заявки');
}
}
@@ -348,21 +378,21 @@ async function reopenTask(taskId) {
});
if (response.ok) {
alert('Согласование открыто!');
alert('Заявка открыта!');
loadTasks();
loadActivityLogs();
} else {
const error = await response.json();
alert(error.error || 'Ошибка открытия согласования');
alert(error.error || 'Ошибка открытия заявки');
}
} catch (error) {
console.error('Ошибка:', error);
alert('Ошибка открытия согласования');
alert('Ошибка открытия заявки');
}
}
async function deleteTask(taskId) {
if (!confirm('Вы уверены, что хотите удалить это согласование?')) {
if (!confirm('Вы уверены, что хотите удалить эту заявку?')) {
return;
}
@@ -372,16 +402,16 @@ async function deleteTask(taskId) {
});
if (response.ok) {
alert('Согласование удалено!');
alert('Заявка удалена!');
loadTasks();
loadActivityLogs();
} else {
const error = await response.json();
alert(error.error || 'Ошибка удаления согласования');
alert(error.error || 'Ошибка удаления заявки');
}
} catch (error) {
console.error('Ошибка:', error);
alert('Ошибка удаления согласования');
alert('Ошибка удаления заявки');
}
}
@@ -392,16 +422,16 @@ async function restoreTask(taskId) {
});
if (response.ok) {
alert('Согласование восстановлено!');
alert('Заявка восстановлена!');
loadTasks();
loadActivityLogs();
} else {
const error = await response.json();
alert(error.error || 'Ошибка восстановления согласования');
alert(error.error || 'Ошибка восстановления заявки');
}
} catch (error) {
console.error('Ошибка:', error);
alert('Ошибка восстановления согласования');
alert('Ошибка восстановления заявки');
}
}
@@ -447,7 +477,7 @@ async function updateAssignment(event) {
});
if (response.ok) {
alert('Сроки секретаря обновлены!');
alert('Сроки исполнителя обновлены!');
closeEditAssignmentModal();
loadTasks();
loadActivityLogs();
@@ -487,17 +517,17 @@ async function sendForRework(event) {
});
if (response.ok) {
alert('Согласование возвращено на доработку!');
alert('Заявка возвращена на доработку!');
closeReworkModal();
loadTasks();
loadActivityLogs();
} else {
const error = await response.json();
alert(error.error || 'Ошибка возврата согласования на доработку');
alert(error.error || 'Ошибка возврата заявки на доработку');
}
} catch (error) {
console.error('Ошибка:', error);
alert('Ошибка возврата согласования на доработку');
alert('Ошибка возврата заявки на доработку');
}
}
@@ -530,34 +560,38 @@ function canUserEditTask(task) {
// Администратор может всё
if (currentUser.role === 'admin') return true;
// Создатель может редактировать свое согласование
// Создатель может редактировать свою заявку
if (parseInt(task.created_by) === currentUser.id) {
// Но если согласование уже назначено секретарям,
// Но если заявка уже назначена группе "help",
// создатель может только просматривать
if (task.assignments && task.assignments.length > 0) {
// Проверяем, назначено ли согласование секретарям (не только себе)
const assignedToSecretaries = task.assignments.some(assignment =>
parseInt(assignment.user_id) !== currentUser.id
);
if (assignedToSecretaries) {
// Создатель может только просматривать и закрывать согласование
return false;
}
return false;
}
return true;
}
// Секретарь может менять только свой статус
// Пользователи группы "help" могут менять только свой статус
if (task.assignments) {
const isSecretary = task.assignments.some(assignment =>
const isHelpUser = task.assignments.some(assignment =>
parseInt(assignment.user_id) === currentUser.id
);
if (isSecretary) {
// Секретарь может менять только статус
return false;
if (isHelpUser) {
return false; // Могут менять только статус
}
}
return false;
}
// Функция для отображения пользователей группы help при создании заявки
function showHelpGroupUsers() {
const container = document.getElementById('help-group-users');
const helpUsers = users.filter(user => user.groups && user.groups.includes('help'));
container.innerHTML = helpUsers.map(user => `
<div class="help-user-item">
<i class="fas fa-user"></i>
<span>${user.name} (${user.email})</span>
</div>
`).join('');
}

153
public/help-users.js Normal file
View File

@@ -0,0 +1,153 @@
// help-users.js - Управление пользователями
let users = [];
let allUsers = [];
let filteredUsers = [];
let selectedUsers = [];
let editSelectedUsers = [];
let copySelectedUsers = [];
async function loadUsers() {
try {
const response = await fetch('/api/users');
users = await response.json();
allUsers = users;
// Получаем пользователей группы "help"
const helpUsers = users.filter(user => user.groups && user.groups.includes('help'));
filteredUsers = helpUsers;
// Показываем пользователей группы help при создании заявки
showHelpGroupUsers();
populateFilterDropdowns();
} catch (error) {
console.error('Ошибка загрузки пользователей:', error);
}
}
function populateFilterDropdowns() {
const creatorFilter = document.getElementById('creator-filter');
const assigneeFilter = document.getElementById('assignee-filter');
// Проверяем существование элементов (они есть только на странице help.html)
if (!creatorFilter || !assigneeFilter) {
console.log('Фильтры не найдены (возможно, не на странице help.html)');
return;
}
creatorFilter.innerHTML = '<option value="">Все заказчики</option>';
assigneeFilter.innerHTML = '<option value="">Все исполнители (группа "help")</option>';
// Для заказчиков показываем всех пользователей
users.forEach(user => {
const creatorOption = document.createElement('option');
creatorOption.value = user.id;
creatorOption.textContent = `${user.name} (${user.login})`;
creatorFilter.appendChild(creatorOption);
});
// Для исполнителей показываем только пользователей группы "help"
const helpUsers = users.filter(user => user.groups && user.groups.includes('help'));
helpUsers.forEach(user => {
const assigneeOption = document.createElement('option');
assigneeOption.value = user.id;
assigneeOption.textContent = `${user.name} (${user.login}) - группа "help"`;
assigneeFilter.appendChild(assigneeOption);
});
}
// Функция для отображения пользователей группы help
function showHelpGroupUsers() {
const container = document.getElementById('help-group-users');
// Проверяем существование элемента (он есть только на странице help.html)
if (!container) {
console.log('Контейнер help-group-users не найден (возможно, не на странице help.html)');
return;
}
const helpUsers = users.filter(user => user.groups && user.groups.includes('help'));
if (helpUsers.length === 0) {
container.innerHTML = '<div class="help-group-notice"><i class="fas fa-exclamation-triangle"></i> Нет пользователей в группе "help"</div>';
return;
}
container.innerHTML = `
<div class="help-group-notice">
<i class="fas fa-info-circle"></i> Заявка будет автоматически назначена ${helpUsers.length} пользователям группы "help":
</div>
<div class="help-users-list">
${helpUsers.map(user => `
<div class="help-user-item">
<i class="fas fa-user"></i>
<span class="help-user-name">${user.name}</span>
<span class="help-user-email">(${user.email})</span>
</div>
`).join('')}
</div>
`;
}
// Старые функции фильтрации оставляем, но они теперь не используются для выбора исполнителей
function filterUsers() {
const searchInput = document.getElementById('user-search');
if (!searchInput) return; // Элемент есть только на странице help.html
const search = searchInput.value.toLowerCase();
// Фильтруем пользователей группы "help"
filteredUsers = users.filter(user =>
user.groups && user.groups.includes('help') && (
user.name.toLowerCase().includes(search) ||
user.login.toLowerCase().includes(search) ||
user.email.toLowerCase().includes(search)
)
);
// Не рендерим чеклист, так как выбираем всех пользователей группы help
}
function filterEditUsers() {
// Не используется, так как заявка автоматически назначается всем пользователям группы help
}
function filterCopyUsers() {
// Не используется, так как заявка автоматически назначается всем пользователям группы help
}
// Старые функции рендеринга оставляем для совместимости, но они не будут использоваться
function renderUsersChecklist() {
// Не рендерим чеклист, так как выбираем всех пользователей группы help
}
function renderEditUsersChecklist(filtered = users) {
// Не рендерим чеклист, так как заявка автоматически назначается всем пользователям группы help
}
function renderCopyUsersChecklist(filtered = users) {
// Не рендерим чеклист, так как заявка автоматически назначается всем пользователям группы help
}
// Старые функции выбора пользователей оставляем для совместимости
function toggleUserSelection(checkbox, userId) {
if (checkbox.checked) {
selectedUsers.push(userId);
} else {
selectedUsers = selectedUsers.filter(id => id !== userId);
}
}
function toggleEditUserSelection(checkbox, userId) {
if (checkbox.checked) {
editSelectedUsers.push(userId);
} else {
editSelectedUsers = editSelectedUsers.filter(id => id !== userId);
}
}
function toggleCopyUserSelection(checkbox, userId) {
if (checkbox.checked) {
copySelectedUsers.push(userId);
} else {
copySelectedUsers = copySelectedUsers.filter(id => id !== userId);
}
}

74
public/help.html
View File

@@ -25,7 +25,7 @@
</button>
</form>
<div class="test-users">
<h3><i class="fas fa-users"></i> Управление согласованиями</h3>
<h3><i class="fas fa-users"></i> Группа поддержки "help"</h3>
<ul>
<li><strong><i class="fas fa-school"></i> @2025</strong> МАОУ - СОШ № 25</li>
</ul>
@@ -36,7 +36,7 @@
<div class="container">
<header>
<div class="header-top">
<h1><i class="fas fa-file-signature"></i> School CRM - поддержка</h1>
<h1><i class="fas fa-file-signature"></i> School CRM - система заявок</h1>
<div class="user-info">
<span id="current-user"></span>
<button onclick="logout()" class="btn-logout">
@@ -45,21 +45,23 @@
</div>
</div>
<nav>
<button onclick="window.location.href = '/'" class="nav-btn btn-admin"><i class="fas fa-cog"></i> Главная</button>
<button onclick="showSection('create-task')" class="nav-btn"><i class="fas fa-plus-circle"></i> Создать заявку</button>
<button onclick="showSection('tasks')" class="nav-btn"><i class="fas fa-list"></i> Мои заявки</button>
<button onclick="window.location.href = '/'" class="nav-btn btn-admin"><i class="fas fa-cog"></i> Главная</button>
<button onclick="showSection('create-task')" class="nav-btn"><i class="fas fa-plus-circle"></i> Создать заявку в ИТ</button>
<button onclick="showSection('create-task')" class="nav-btn"><i class="fas fa-plus-circle"></i> Создать заявку в АХЧ</button>
<button onclick="showSection('tasks')" class="nav-btn"><i class="fas fa-list"></i> Мои заявки</button>
</nav>
</header>
<main>
<section id="tasks-section" class="section">
<h2><i class="fas fa-file-signature"></i> Все согласования</h2>
<h2><i class="fas fa-file-signature"></i> Все заявки</h2>
<div id="tasks-controls">
<div class="filters">
<!-- Фильтры остаются -->
</div>
<label class="show-deleted-label" style="display: none;">
<input type="checkbox" id="show-deleted" onchange="loadTasks()">
<i class="fas fa-trash"></i> Показать удаленные согласования
<i class="fas fa-trash"></i> Показать удаленные заявки
</label>
</div>
<div id="tasks-list"></div>
@@ -85,11 +87,12 @@
<div class="form-group">
<label><i class="fas fa-users"></i> Исполнители:</label>
<div class="user-search">
<input type="text" id="user-search" placeholder="Поиск исполнителей..." oninput="filterUsers()">
<i class="fas fa-search"></i>
<div class="help-group-notice">
<i class="fas fa-info-circle"></i> Заявка автоматически будет назначена всем пользователям группы "поддержка"
</div>
<div id="help-group-users" class="help-group-users">
<!-- Список пользователей группы help будет загружен динамически -->
</div>
<div id="users-checklist" class="checkbox-group"></div>
</div>
<div class="form-group">
@@ -104,22 +107,22 @@
</div>
<button type="submit" class="btn-primary">
<i class="fas fa-check-circle"></i> Создать согласование
<i class="fas fa-check-circle"></i> Создать заявку
</button>
</form>
</section>
</main>
</div>
<!-- Модальные окна -->
<!-- Модальные окна - тексты изменены с "согласование" на "заявка" -->
<div id="edit-task-modal" class="modal">
<div class="modal-content">
<span class="close" onclick="closeEditModal()">&times;</span>
<h3><i class="fas fa-edit"></i> Редактировать согласование</h3>
<h3><i class="fas fa-edit"></i> Редактировать заявку</h3>
<form id="edit-task-form" enctype="multipart/form-data">
<input type="hidden" id="edit-task-id">
<div class="form-group">
<label for="edit-title">Название согласования:</label>
<label for="edit-title">Название заявки:</label>
<input type="text" id="edit-title" name="title" required>
</div>
@@ -134,13 +137,12 @@
</div>
<div class="form-group">
<label>Секретари (исполнители):</label>
<div class="user-search">
<input type="text" id="edit-user-search" placeholder="Поиск секретарей..." oninput="filterEditUsers()">
<label>Исполнители (группа "help"):</label>
<div id="edit-help-group-users" class="help-group-users">
<!-- Список пользователей группы help будет загружен динамически -->
</div>
<div id="edit-users-checklist" class="checkbox-group"></div>
<small style="color: #666; display: block; margin-top: 5px;">
<i class="fas fa-info-circle"></i> В качестве исполнителей можно выбрать только пользователей с ролью "Секретарь"
<i class="fas fa-info-circle"></i> Заявка автоматически назначается всем пользователям группы "help"
</small>
</div>
@@ -160,7 +162,7 @@
<div id="copy-task-modal" class="modal">
<div class="modal-content">
<span class="close" onclick="closeCopyModal()">&times;</span>
<h3><i class="fas fa-copy"></i> Создать копию согласования</h3>
<h3><i class="fas fa-copy"></i> Создать копию заявки</h3>
<form id="copy-task-form">
<input type="hidden" id="copy-task-id">
@@ -170,14 +172,10 @@
</div>
<div class="form-group">
<label>Назначить секретарей для копии:</label>
<div class="user-search">
<input type="text" id="copy-user-search" placeholder="Поиск секретарей..." oninput="filterCopyUsers()">
<label>Исполнители для копии:</label>
<div class="help-group-notice">
<i class="fas fa-info-circle"></i> Копия заявки автоматически будет назначена всем пользователям группы "help"
</div>
<div id="copy-users-checklist" class="checkbox-group"></div>
<small style="color: #666; display: block; margin-top: 5px;">
<i class="fas fa-info-circle"></i> В качестве исполнителей можно выбрать только пользователей с ролью "Секретарь"
</small>
</div>
<button type="submit" class="btn-primary">
<i class="fas fa-copy"></i> Создать копию
@@ -189,7 +187,7 @@
<div id="edit-assignment-modal" class="modal">
<div class="modal-content">
<span class="close" onclick="closeEditAssignmentModal()">&times;</span>
<h3><i class="fas fa-clock"></i> Редактировать сроки секретаря</h3>
<h3><i class="fas fa-clock"></i> Редактировать сроки исполнителя</h3>
<form id="edit-assignment-form">
<input type="hidden" id="edit-assignment-task-id">
<input type="hidden" id="edit-assignment-user-id">
@@ -207,7 +205,7 @@
<div id="rework-task-modal" class="modal">
<div class="modal-content">
<span class="close" onclick="closeReworkModal()">&times;</span>
<h3><i class="fas fa-redo"></i> Вернуть согласование на доработку</h3>
<h3><i class="fas fa-redo"></i> Вернуть заявку на доработку</h3>
<form id="rework-task-form">
<input type="hidden" id="rework-task-id">
<div class="form-group">
@@ -223,20 +221,20 @@
<div id="kanban-section" class="section kanban-section">
<div class="section-header">
<h2><i class="fas fa-columns"></i> Канбан-доска согласований</h2>
<p>Перетаскивайте согласования между колонками для изменения статуса</p>
<h2><i class="fas fa-columns"></i> Канбан-доска заявок</h2>
<p>Перетаскивайте заявки между колонками для изменения статуса</p>
<div class="kanban-controls">
<div class="kanban-filters">
<select id="kanban-filter" onchange="loadKanbanBoard()">
<option value="all">Все согласования</option>
<option value="created">Мои согласования (я создал)</option>
<option value="assigned">Назначенные мне как секретарю</option>
<option value="all">Все заявки</option>
<option value="created">Мои заявки (я создал)</option>
<option value="assigned">Назначенные мне (группа "help")</option>
</select>
<select id="kanban-days" onchange="loadKanbanBoard()">
<option value="7">7 дней</option>
<option value="14">14 дней</option>
<option value="30">30 дней</option>
<option value="365">Все согласования</option>
<option value="365">Все заявки</option>
</select>
</div>
</div>
@@ -248,8 +246,8 @@
</div>
<script src="auth.js"></script>
<script src="users-doc.js"></script>
<script src="tasks-doc.js"></script>
<script src="help-users.js"></script>
<script src="help-tasks.js"></script>
<script src="kanban.js"></script>
<script src="files.js"></script>
<script src="ui.js"></script>

33
public/index.html
View File

@@ -39,29 +39,26 @@
<h1><i class="fas fa-tasks"></i> School CRM - Управление задачами</h1>
<div class="user-info">
<span id="current-user"></span>
<button onclick="logout()" class="btn-logout">
<!--<button onclick="logout()" class="btn-logout">
<i class="fas fa-sign-out-alt"></i> Выйти
</button>
</button>-->
</div>
</div>
<nav>
<button onclick="showSection('create-task')" class="nav-btn">
<i class="fas fa-plus-circle"></i> Создать задачу
</button>
<button onclick="showSection('tasks')" class="nav-btn"><i class="fas fa-list"></i> Задачи</button>
<!--
<button onclick="showTasksWithoutDate()" class="nav-btn" id="tasks-no-date-btn">
<i class="fas fa-clock"></i> Задачи без срока
</button> -->
<button onclick="window.location.href = '/doc'" class="nav-btn btn-admin"><i class="fa-solid fa-file"></i> Согласование документов</button>
<button onclick="showKanbanSection()" class="nav-btn"><i class="fas fa-columns"></i> Канбан</button>
<button onclick="window.location.href = '/help'" class="nav-btn btn-admin"><i class="fas fa-user-circle"></i> Заявки</button>
<button onclick="showSection('profile')" class="nav-btn" id="profile-btn"><i class="fas fa-user-circle"></i> Личный кабинет</button>
<!--
<button onclick="showSection('logs')" class="nav-btn">
<i class="fas fa-history"></i> Лог активности
</button> -->
<button onclick="window.location.href = '/admin'" class="nav-btn btn-admin"><i class="fas fa-cog"></i> Админ-панель</button>
<button onclick="showTasksWithoutDate()" class="nav-btn" id="tasks-no-date-btn"><i class="fas fa-clock"></i> Задачи без срока</button>
-->
<!--
<button onclick="showSection('logs')" class="nav-btn"><i class="fas fa-history"></i> Лог активности</button>
-->
<button onclick="showSection('create-task')" class="nav-btn tasks"><i class="fas fa-plus-circle"></i> Создать задачу</button>
<button onclick="showSection('tasks')" class="nav-btn tasks"><i class="fas fa-list"></i> Задачи</button>
<button onclick="window.location.href = '/doc?action=create'" class="nav-btn create"><i class="fa-solid fa-file"></i> Согласование документов</button>
<button onclick="showKanbanSection()" class="nav-btn kanban"><i class="fas fa-columns"></i> Канбан</button>
<button onclick="window.location.href = '/help'" class="nav-btn doc"><i class="fas fa-user-circle"></i> Заявки</button>
<button onclick="showSection('profile')" class="nav-btn profile" id="profile-btn"><i class="fas fa-user-circle"></i> Личный кабинет</button>
<button onclick="window.location.href = '/admin'" class="nav-btn admin"><i class="fas fa-cog"></i> Админ-панель</button>
<button onclick="logout()" class="btn-logout"><i class="fas fa-sign-out-alt"></i> Выйти</button>
</nav>
</header>

50
public/style.css
View File

@@ -41,13 +41,14 @@ header h1 {
.user-info {
display: flex;
align-items: center;
justify-content: space-between;
justify-content: center;
margin-bottom: 1.2rem;
padding: 12px 20px;
background: linear-gradient(135deg, #667eea, #764ba2);
background: linear-gradient(135deg, #3498db, #2980b9);
border-radius: 10px;
color: white;
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
box-shadow: 0 4px 15px rgba(52, 152, 219, 0.3);
text-align: center;
}
.user-info span {
@@ -2308,4 +2309,45 @@ small {
border-radius: 10px;
font-size: 11px;
border: 1px solid #dee2e6;
}
}
/* public/admin-doc.html */
/* public/admin-doc.html */
/* Цвета для кнопок навигации */
.nav-btn.create {
background: linear-gradient(135deg, #27ae60, #219a52);
box-shadow: 0 4px 15px rgba(39, 174, 96, 0.3);
}
.nav-btn.tasks {
background: linear-gradient(135deg, #3498db, #2980b9);
box-shadow: 0 4px 15px rgba(52, 152, 219, 0.3);
}
.nav-btn.doc {
background: linear-gradient(135deg, #9b59b6, #8e44ad);
box-shadow: 0 4px 15px rgba(155, 89, 182, 0.3);
}
.nav-btn.kanban {
background: linear-gradient(135deg, #f39c12, #e67e22);
box-shadow: 0 4px 15px rgba(243, 156, 18, 0.3);
}
.nav-btn.help {
background: linear-gradient(135deg, #17a2b8, #138496);
box-shadow: 0 4px 15px rgba(23, 162, 184, 0.3);
}
.nav-btn.profile {
background: linear-gradient(135deg, #2ecc71, #27ae60);
box-shadow: 0 4px 15px rgba(46, 204, 113, 0.3);
}
.nav-btn.admin {
background: linear-gradient(135deg, #e74c3c, #c0392b);
box-shadow: 0 4px 15px rgba(231, 76, 60, 0.3);
}
/* Эффекты при наведении сохраняются */
.nav-btn.create:hover { box-shadow: 0 6px 20px rgba(39, 174, 96, 0.4); }
.nav-btn.tasks:hover { box-shadow: 0 6px 20px rgba(52, 152, 219, 0.4); }
.nav-btn.doc:hover { box-shadow: 0 6px 20px rgba(155, 89, 182, 0.4); }
.nav-btn.kanban:hover { box-shadow: 0 6px 20px rgba(243, 156, 18, 0.4); }
.nav-btn.help:hover { box-shadow: 0 6px 20px rgba(23, 162, 184, 0.4); }
.nav-btn.profile:hover { box-shadow: 0 6px 20px rgba(46, 204, 113, 0.4); }
.nav-btn.admin:hover { box-shadow: 0 6px 20px rgba(231, 76, 60, 0.4); }

161
public/users-doc.js
View File

@@ -1,161 +0,0 @@
// users.js - Управление пользователями
let users = [];
let allUsers = [];
let filteredUsers = [];
let selectedUsers = [];
let editSelectedUsers = [];
let copySelectedUsers = [];
async function loadUsers() {
try {
const response = await fetch('/api/users');
users = await response.json();
allUsers = users;
// Фильтруем только секретарей
filteredUsers = users.filter(user => user.role === 'secretary');
renderUsersChecklist();
renderEditUsersChecklist();
renderCopyUsersChecklist();
populateFilterDropdowns();
} catch (error) {
console.error('Ошибка загрузки пользователей:', error);
}
}
function populateFilterDropdowns() {
const creatorFilter = document.getElementById('creator-filter');
const assigneeFilter = document.getElementById('assignee-filter');
creatorFilter.innerHTML = '<option value="">Все заказчики</option>';
assigneeFilter.innerHTML = '<option value="">Все секретари</option>';
users.forEach(user => {
// Для заказчиков показываем всех пользователей
const creatorOption = document.createElement('option');
creatorOption.value = user.id;
creatorOption.textContent = `${user.name} (${user.login})`;
creatorFilter.appendChild(creatorOption);
// Для исполнителей показываем только секретарей
if (user.role === 'secretary') {
const assigneeOption = document.createElement('option');
assigneeOption.value = user.id;
assigneeOption.textContent = `${user.name} (${user.login}) - ldap_api`;
assigneeFilter.appendChild(assigneeOption);
}
});
}
function filterUsers() {
const search = document.getElementById('user-search').value.toLowerCase();
// Фильтруем только секретарей
filteredUsers = users.filter(user =>
user.role === 'secretary' && (
user.name.toLowerCase().includes(search) ||
user.login.toLowerCase().includes(search) ||
user.email.toLowerCase().includes(search)
)
);
renderUsersChecklist();
}
function filterEditUsers() {
const search = document.getElementById('edit-user-search').value.toLowerCase();
// Фильтруем только секретарей
const filtered = users.filter(user =>
user.role === 'secretary' && (
user.name.toLowerCase().includes(search) ||
user.login.toLowerCase().includes(search) ||
user.email.toLowerCase().includes(search)
)
);
renderEditUsersChecklist(filtered);
}
function filterCopyUsers() {
const search = document.getElementById('copy-user-search').value.toLowerCase();
// Фильтруем только секретарей
const filtered = users.filter(user =>
user.role === 'secretary' && (
user.name.toLowerCase().includes(search) ||
user.login.toLowerCase().includes(search) ||
user.email.toLowerCase().includes(search)
)
);
renderCopyUsersChecklist(filtered);
}
function renderUsersChecklist() {
const container = document.getElementById('users-checklist');
// Показываем только секретарей
container.innerHTML = filteredUsers
.filter(user => user.id !== currentUser.id && user.role === 'secretary')
.map(user => `
<div class="checkbox-item">
<label>
<input type="checkbox" name="assignedUsers" value="${user.id}"
onchange="toggleUserSelection(this, ${user.id})">
${user.name} (${user.email}) - <strong>localrootgroup</strong>
${user.auth_type === 'ldap' ? '<small style="color: #666;"> - LDAP</small>' : ''}
</label>
</div>
`).join('');
}
function renderEditUsersChecklist(filtered = users) {
const container = document.getElementById('edit-users-checklist');
// Показываем только секретарей
container.innerHTML = filtered
.filter(user => user.id !== currentUser.id && user.role === 'secretary')
.map(user => `
<div class="checkbox-item">
<label>
<input type="checkbox" name="assignedUsers" value="${user.id}"
onchange="toggleEditUserSelection(this, ${user.id})">
${user.name} (${user.email}) - <strong>localrootgroup</strong>
${user.auth_type === 'ldap' ? '<small style="color: #666;"> - LDAP</small>' : ''}
</label>
</div>
`).join('');
}
function renderCopyUsersChecklist(filtered = users) {
const container = document.getElementById('copy-users-checklist');
// Показываем только секретарей
container.innerHTML = filtered
.filter(user => user.id !== currentUser.id && user.role === 'secretary')
.map(user => `
<div class="checkbox-item">
<label>
<input type="checkbox" name="assignedUsers" value="${user.id}"
onchange="toggleCopyUserSelection(this, ${user.id})">
${user.name} (${user.email}) - <strong>localrootgroup</strong>
${user.auth_type === 'ldap' ? '<small style="color: #666;"> - LDAP</small>' : ''}
</label>
</div>
`).join('');
}
function toggleUserSelection(checkbox, userId) {
if (checkbox.checked) {
selectedUsers.push(userId);
} else {
selectedUsers = selectedUsers.filter(id => id !== userId);
}
}
function toggleEditUserSelection(checkbox, userId) {
if (checkbox.checked) {
editSelectedUsers.push(userId);
} else {
editSelectedUsers = editSelectedUsers.filter(id => id !== userId);
}
}
function toggleCopyUserSelection(checkbox, userId) {
if (checkbox.checked) {
copySelectedUsers.push(userId);
} else {
copySelectedUsers = copySelectedUsers.filter(id => id !== userId);
}
}