Migrate UI to Lucide icons, reorder sidebar, and polish journal/groups UX
- Replace emoji icons with Lucide across admin pages; add vendor/lucide.min.js and renderIcons() helper\n- Reorder sidebar logically (Dashboard, Journal, Students, Groups, Files, Links, Trash + admin sections)\n- Groups: open photo chronology only via the Фото button; covers no longer clickable\n- Journal: show group badge over card photo, compact AI-status icon beside description, and date range in empty-state message\n- Update README (AI worker, Lucide, worker.js)
This commit is contained in:
dev
@@ -4,7 +4,8 @@
|
||||
|
||||
## Возможности
|
||||
|
||||
- **Журнал записей** — отметки о занятиях с фото и прикреплёнными файлами (проектные работы), мягкое удаление и корзина
|
||||
- **Журнал записей** — отметки о занятиях с фото и прикреплёнными файлами (проектные работы), мягкое удаление и корзина; в режиме карточек у записи показывается бейдж группы поверх фото и иконка статуса AI-проверки
|
||||
- **AI-проверка (воркер)** — фоновый авто-чек текста записей (`worker.js`); статус каждой записи (очередь / проверка / проверено / пропущено / ошибка) отображается компактной иконкой в журнале с всплывающей подсказкой
|
||||
- **Файлы** — централизованный раздел со всеми загруженными файлами, фильтры (имя воспитанника, группа, даты, поиск) и вкладка «Откреплённые»
|
||||
- **Группы** — учебные группы, расписание (день недели, время), фотохроника группы
|
||||
- **Воспитанники** — справочник с привязкой к группам
|
||||
@@ -19,6 +20,7 @@
|
||||
- Node.js + Express
|
||||
- PostgreSQL (pg)
|
||||
- Multer (загрузка файлов), Tar (бэкапы)
|
||||
- Lucide (иконки UI)
|
||||
- Docker / Docker Compose
|
||||
- Tailscale (Serve / Funnel) — публикация по HTTPS
|
||||
|
||||
@@ -239,6 +241,7 @@ docker exec whatido-tailscale-1 tailscale funnel status
|
||||
├── .env.example # шаблон переменных окружения
|
||||
├── Dockerfile # сборка образа (Node 20, генерация TLS-сертификата)
|
||||
├── server.js # Express-приложение
|
||||
├── worker.js # фоновый worker AI-проверки записей
|
||||
├── certs/ # cert.pem приложения (монтируется в tailscale, в git не хранится)
|
||||
├── db/
|
||||
│ ├── init.sql # схема при первом запуске
|
||||
|
||||
Generated
+7
@@ -13,6 +13,7 @@
|
||||
"express-rate-limit": "^8.7.0",
|
||||
"heic-convert": "^2.1.0",
|
||||
"helmet": "^8.3.0",
|
||||
"lucide": "^1.44.0",
|
||||
"multer": "^1.4.5-lts.1",
|
||||
"pg": "^8.13.0",
|
||||
"tar": "^7.4.3"
|
||||
@@ -1018,6 +1019,12 @@
|
||||
"node": ">=8.0.0"
|
||||
}
|
||||
},
|
||||
"node_modules/lucide": {
|
||||
"version": "1.44.0",
|
||||
"resolved": "https://registry.npmjs.org/lucide/-/lucide-1.44.0.tgz",
|
||||
"integrity": "sha512-d30uv1R6AOLBddzVMeeSk6aDAhobqh7nFxMsXuWHyhMmxKRhpLivikbfkmgzbWsn8WTLQIceGMlFY4g3gn4reg==",
|
||||
"license": "ISC"
|
||||
},
|
||||
"node_modules/make-dir": {
|
||||
"version": "3.1.0",
|
||||
"resolved": "https://registry.npmjs.org/make-dir/-/make-dir-3.1.0.tgz",
|
||||
|
||||
+4
-3
@@ -6,14 +6,15 @@
|
||||
"start": "node server.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"bcrypt": "^5.1.1",
|
||||
"express": "^4.21.0",
|
||||
"express-rate-limit": "^8.7.0",
|
||||
"heic-convert": "^2.1.0",
|
||||
"helmet": "^8.3.0",
|
||||
"lucide": "^1.44.0",
|
||||
"multer": "^1.4.5-lts.1",
|
||||
"pg": "^8.13.0",
|
||||
"tar": "^7.4.3",
|
||||
"bcrypt": "^5.1.1",
|
||||
"heic-convert": "^2.1.0"
|
||||
"tar": "^7.4.3"
|
||||
},
|
||||
"allowScripts": {
|
||||
"bcrypt@5.1.1": true
|
||||
|
||||
+18
-11
@@ -12,8 +12,9 @@ body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;b
|
||||
.sidebar nav a{display:flex;align-items:center;gap:10px;padding:10px 20px;color:var(--muted);text-decoration:none;font-size:.9rem;transition:all .15s;border-left:3px solid transparent}
|
||||
.sidebar nav a:hover{color:var(--text);background:var(--bg)}
|
||||
.sidebar nav a.active{color:var(--accent);background:rgba(37,99,235,.06);border-left-color:var(--accent);font-weight:500}
|
||||
.sidebar nav a i,.sidebar .bottom a i{width:16px;height:16px;flex-shrink:0}
|
||||
.sidebar .bottom{padding:12px 20px;border-top:1px solid var(--border)}
|
||||
.sidebar .bottom a{display:block;color:var(--muted);text-decoration:none;font-size:.8rem;padding:6px 0}
|
||||
.sidebar .bottom a{display:flex;align-items:center;gap:10px;color:var(--muted);text-decoration:none;font-size:.8rem;padding:6px 0}
|
||||
.sidebar .bottom a:hover{color:var(--text)}
|
||||
.sidebar .bottom .logout{color:#ef4444;cursor:pointer;margin-top:4px}
|
||||
|
||||
@@ -51,15 +52,15 @@ body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;b
|
||||
.card .group{color:var(--accent);font-size:.8rem;margin-top:2px}
|
||||
.card .desc{color:var(--muted);font-size:.85rem;margin-top:8px;line-height:1.4;white-space:pre-wrap}
|
||||
.card .time{color:var(--muted);font-size:.75rem;margin-top:8px}
|
||||
.entry-files{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
|
||||
.entry-files .f-item{display:inline-flex;align-items:center;gap:2px;background:var(--bg);border:1px solid var(--border);border-radius:6px;padding:2px}
|
||||
.entry-files{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:8px}
|
||||
.entry-files .f-item{display:flex;align-items:center;gap:2px;background:var(--bg);border:1px solid var(--border);border-radius:6px;padding:2px;min-width:0}
|
||||
.entry-files .f-item:hover{border-color:var(--accent)}
|
||||
.entry-files .f-item a{display:inline-flex;align-items:center;gap:4px;color:var(--text);text-decoration:none;padding:2px 6px;font-size:.75rem;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
|
||||
.entry-files .f-item a{display:inline-flex;align-items:center;gap:4px;color:var(--text);text-decoration:none;padding:2px 6px;font-size:.75rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0}
|
||||
.entry-files .f-item a:hover{color:var(--accent)}
|
||||
.entry-files .f-item a::before{content:'📎'}
|
||||
.entry-files .f-detach{background:none;border:none;color:var(--muted);cursor:pointer;font-size:.75rem;line-height:1;padding:2px 5px;border-radius:4px}
|
||||
.entry-files .f-detach{flex-shrink:0;background:none;border:none;color:var(--muted);cursor:pointer;font-size:.75rem;line-height:1;padding:2px 5px;border-radius:4px}
|
||||
.entry-files .f-detach:hover{color:#ef4444;background:rgba(239,68,68,.1)}
|
||||
.entry-files a{display:inline-flex;align-items:center;gap:4px;background:var(--bg);border:1px solid var(--border);color:var(--text);text-decoration:none;border-radius:6px;padding:4px 8px;font-size:.75rem;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
|
||||
.entry-files a{display:inline-flex;align-items:center;gap:4px;background:var(--bg);border:1px solid var(--border);color:var(--text);text-decoration:none;border-radius:6px;padding:3px 8px;font-size:.75rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
|
||||
.entry-files a:hover{border-color:var(--accent);color:var(--accent)}
|
||||
.entry-files a::before{content:'📎'}
|
||||
.f-actions{display:flex;align-items:center;flex-shrink:0}
|
||||
@@ -77,14 +78,14 @@ body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;b
|
||||
.view-toggle button:hover{color:var(--text)}
|
||||
.view-toggle button.active{background:var(--accent);color:#fff}
|
||||
.journal-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
|
||||
.journal-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column}
|
||||
.journal-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column;position:relative}
|
||||
.journal-card img{width:100%;aspect-ratio:4/3;object-fit:cover;cursor:pointer;display:block;flex-shrink:0}
|
||||
.group-badge{position:absolute;top:8px;left:8px;z-index:2;max-width:calc(100% - 16px);background:rgba(0,0,0,.55);backdrop-filter:blur(4px);color:#fff;font-size:.72rem;font-weight:600;line-height:1.3;padding:3px 9px;border-radius:999px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
|
||||
.journal-card .no-photo{aspect-ratio:4/3;background:var(--bg);display:flex;align-items:center;justify-content:center;flex-shrink:0}
|
||||
.journal-card .no-photo svg{width:64%;height:64%;color:#c7cbd0}
|
||||
.journal-card .no-photo svg *{fill:currentColor}
|
||||
.journal-card .body{padding:12px 14px;display:flex;flex-direction:column;gap:6px;flex:1;min-width:0}
|
||||
.journal-card .name{font-weight:600;font-size:.95rem}
|
||||
.journal-card .group{color:var(--accent);font-size:.8rem}
|
||||
.journal-card .desc{color:var(--muted);font-size:.85rem;line-height:1.4;white-space:pre-wrap;flex:1}
|
||||
.journal-card .foot{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:10px 14px;border-top:1px solid var(--border);color:var(--muted);font-size:.75rem}
|
||||
.journal-card .foot .edit,.journal-card .foot .del{background:none;border:none;color:var(--muted);cursor:pointer;font-size:1rem;padding:4px}
|
||||
@@ -178,9 +179,9 @@ body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;b
|
||||
.toast.show{opacity:1}
|
||||
|
||||
/* --- Фото группы (хронология) --- */
|
||||
.group-cover{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:10px;cursor:pointer;display:block;background:var(--bg)}
|
||||
.group-cover{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:10px;display:block;background:var(--bg)}
|
||||
.group-cover:hover{opacity:.9}
|
||||
.empty-cover{background:var(--bg);border:1px dashed var(--border);display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:1.6rem;cursor:pointer}
|
||||
.empty-cover{background:var(--bg);border:1px dashed var(--border);display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:1.6rem}
|
||||
.empty-cover:hover{border-color:var(--accent);color:var(--accent)}
|
||||
.photo-btn{background:var(--bg);border:1px solid var(--border);color:var(--accent);border-radius:8px;padding:8px 14px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .15s}
|
||||
.photo-btn:hover{border-color:var(--accent);opacity:.85}
|
||||
@@ -277,6 +278,7 @@ body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;b
|
||||
.dash-card{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:20px;display:flex;flex-direction:column;gap:16px}
|
||||
.dash-card h3{font-size:1rem;font-weight:700;display:flex;align-items:center;gap:9px;margin:0}
|
||||
.dash-card h3 .ic{width:30px;height:30px;border-radius:9px;background:rgba(37,99,235,.08);display:flex;align-items:center;justify-content:center;font-size:.95rem;flex-shrink:0}
|
||||
.dash-card h3 .ic i,.settings-card .card-head .ic i{width:17px;height:17px;flex-shrink:0}
|
||||
.dash-empty{color:var(--muted);font-size:.82rem;padding:8px 0}
|
||||
.dash-link-row{margin-top:2px;text-align:right}
|
||||
.dash-link-row a{color:var(--accent);text-decoration:none;font-size:.8rem;font-weight:600}
|
||||
@@ -305,6 +307,8 @@ body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;b
|
||||
.actions-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
|
||||
.action-btn{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 10px;background:var(--bg);border:1px solid var(--border);border-radius:12px;color:var(--text);text-decoration:none;font-size:.8rem;font-weight:600;transition:all .15s}
|
||||
.action-btn .aic{font-size:1.3rem}
|
||||
.action-btn .aic i{width:22px;height:22px}
|
||||
.recent-item .thumb i{width:18px;height:18px}
|
||||
.action-btn:hover{border-color:var(--accent);color:var(--accent);transform:translateY(-2px)}
|
||||
.active-list{display:flex;flex-direction:column;gap:8px}
|
||||
.active-item{display:flex;justify-content:space-between;align-items:center;gap:8px;background:var(--bg);border:1px solid var(--border);border-radius:10px;padding:9px 12px}
|
||||
@@ -357,10 +361,13 @@ body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;b
|
||||
#aiSuggestion{font-size:.9rem;line-height:1.5}
|
||||
|
||||
/* --- AI auto-check --- */
|
||||
.ai-badge{display:inline-block;font-size:.68rem;font-weight:600;padding:2px 7px;border-radius:999px;margin-left:6px;vertical-align:middle;background:rgba(37,99,235,.1);color:var(--accent);white-space:nowrap}
|
||||
.ai-badge{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:999px;margin-left:8px;vertical-align:middle;background:rgba(37,99,235,.1);color:var(--accent);cursor:help;flex-shrink:0}
|
||||
.ai-badge svg{width:14px;height:14px;display:block}
|
||||
.ai-badge-done{background:rgba(22,163,74,.12);color:#16a34a}
|
||||
.ai-badge-error{background:rgba(239,68,68,.12);color:#ef4444}
|
||||
.ai-badge-skipped,.ai-badge-reverted{background:rgba(148,163,184,.18);color:var(--muted)}
|
||||
.ai-badge-processing .lucide-loader{animation:spin 1s linear infinite}
|
||||
@keyframes spin{to{transform:rotate(360deg)}}
|
||||
.ai-status{margin-top:6px;font-size:.78rem;color:var(--muted)}
|
||||
.ai-queue{margin-top:8px;font-size:.78rem;color:var(--muted)}
|
||||
|
||||
|
||||
+22
-15
@@ -41,20 +41,20 @@ function buildSidebar(active) {
|
||||
const el = document.getElementById('sidebar');
|
||||
if (!el) return;
|
||||
const base = [
|
||||
{ page: 'dashboard', label: 'Дашборд' },
|
||||
{ page: 'journal', label: 'Журнал' },
|
||||
{ page: 'trash', label: 'Корзина' },
|
||||
{ page: 'files', label: 'Файлы' },
|
||||
{ page: 'links', label: 'Ссылки' },
|
||||
{ page: 'students', label: 'Ученики' },
|
||||
{ page: 'groups', label: 'Группы' },
|
||||
{ page: 'dashboard', label: 'Дашборд', icon: 'layout-dashboard' },
|
||||
{ page: 'journal', label: 'Журнал', icon: 'book-open' },
|
||||
{ page: 'students', label: 'Ученики', icon: 'graduation-cap' },
|
||||
{ page: 'groups', label: 'Группы', icon: 'users' },
|
||||
{ page: 'files', label: 'Файлы', icon: 'folder' },
|
||||
{ page: 'links', label: 'Ссылки', icon: 'link' },
|
||||
{ page: 'trash', label: 'Корзина', icon: 'trash-2' },
|
||||
];
|
||||
const adminNav = [
|
||||
{ page: 'branches', label: 'Филиалы' },
|
||||
{ page: 'users', label: 'Пользователи' },
|
||||
{ page: 'audit', label: 'Аудит' },
|
||||
{ page: 'worker', label: 'Воркер ИИ' },
|
||||
{ page: 'settings', label: 'Настройки' },
|
||||
{ page: 'branches', label: 'Филиалы', icon: 'building-2' },
|
||||
{ page: 'users', label: 'Пользователи', icon: 'user-cog' },
|
||||
{ page: 'worker', label: 'Воркер ИИ', icon: 'bot' },
|
||||
{ page: 'audit', label: 'Аудит', icon: 'scroll-text' },
|
||||
{ page: 'settings', label: 'Настройки', icon: 'settings' },
|
||||
];
|
||||
const nav = [...base, ...(isAdmin() ? adminNav : [])];
|
||||
const userName = currentUser?.name || currentUser?.username || '';
|
||||
@@ -66,15 +66,22 @@ function buildSidebar(active) {
|
||||
<div class="user-role">${roleLabel}</div>
|
||||
</div>
|
||||
<nav>
|
||||
${nav.map(n => `<a href="${n.page}.html" class="${n.page === active ? 'active' : ''}">${n.label}</a>`).join('')}
|
||||
${nav.map(n => `<a href="${n.page}.html" class="${n.page === active ? 'active' : ''}"><i data-lucide="${n.icon}"></i>${n.label}</a>`).join('')}
|
||||
</nav>
|
||||
<div class="bottom">
|
||||
<a href="/">На главную</a>
|
||||
<a class="logout" href="#" data-action="logout">Выйти</a>
|
||||
<a href="/"><i data-lucide="home"></i>На главную</a>
|
||||
<a class="logout" href="#" data-action="logout"><i data-lucide="log-out"></i>Выйти</a>
|
||||
</div>`;
|
||||
renderIcons();
|
||||
}
|
||||
|
||||
// --- Common UI ---
|
||||
function renderIcons() {
|
||||
if (window.lucide && typeof window.lucide.createIcons === 'function') {
|
||||
window.lucide.createIcons();
|
||||
}
|
||||
}
|
||||
|
||||
function showToast(msg) {
|
||||
const t = document.getElementById('toast');
|
||||
if (!t) return;
|
||||
|
||||
@@ -39,6 +39,7 @@
|
||||
</div>
|
||||
</div>
|
||||
<div class="toast" id="toast"></div>
|
||||
<script src="vendor/lucide.min.js"></script>
|
||||
<script src="admin.js"></script>
|
||||
<script src="js/audit.js"></script>
|
||||
</body>
|
||||
|
||||
@@ -63,6 +63,7 @@
|
||||
<img id="imgModalSrc" alt="">
|
||||
</div>
|
||||
<div class="toast" id="toast"></div>
|
||||
<script src="vendor/lucide.min.js"></script>
|
||||
<script src="admin.js"></script>
|
||||
<script src="js/branches.js"></script>
|
||||
<style>
|
||||
|
||||
+14
-13
@@ -19,17 +19,17 @@
|
||||
<div class="dash-grid">
|
||||
<div class="dash-col">
|
||||
<div class="dash-card">
|
||||
<h3><span class="ic">📊</span> Динамика записей (14 дней)</h3>
|
||||
<h3><span class="ic"><i data-lucide="bar-chart-3"></i></span> Динамика записей (14 дней)</h3>
|
||||
<div class="chart" id="activityChart" title=""></div>
|
||||
<div class="dash-link-row"><a href="journal.html">Открыть журнал →</a></div>
|
||||
</div>
|
||||
<div class="dash-card">
|
||||
<h3><span class="ic">🕒</span> Последние записи</h3>
|
||||
<h3><span class="ic"><i data-lucide="clock"></i></span> Последние записи</h3>
|
||||
<div class="recent" id="recentList"></div>
|
||||
<div class="dash-link-row"><a href="journal.html">Все записи →</a></div>
|
||||
</div>
|
||||
<div class="dash-card">
|
||||
<h3><span class="ic">📸</span> Фото групп</h3>
|
||||
<h3><span class="ic"><i data-lucide="camera"></i></span> Фото групп</h3>
|
||||
<div class="photos-grid-dash" id="dashPhotos"></div>
|
||||
<div class="dash-link-row"><a href="groups.html">Фото групп →</a></div>
|
||||
</div>
|
||||
@@ -37,23 +37,23 @@
|
||||
|
||||
<div class="dash-col">
|
||||
<div class="dash-card">
|
||||
<h3><span class="ic">⚡</span> Быстрые действия</h3>
|
||||
<h3><span class="ic"><i data-lucide="zap"></i></span> Быстрые действия</h3>
|
||||
<div class="actions-grid">
|
||||
<a class="action-btn" href="journal.html"><span class="aic">📖</span>Журнал</a>
|
||||
<a class="action-btn" href="files.html"><span class="aic">📎</span>Файлы</a>
|
||||
<a class="action-btn" href="groups.html"><span class="aic">👥</span>Группы</a>
|
||||
<a class="action-btn" href="links.html"><span class="aic">🔗</span>Ссылки</a>
|
||||
<a class="action-btn" href="trash.html"><span class="aic">🗑️</span>Корзина</a>
|
||||
<a class="action-btn" href="worker.html"><span class="aic">🤖</span>Воркер ИИ</a>
|
||||
<a class="action-btn" href="settings.html"><span class="aic">🛡️</span>Бэкап</a>
|
||||
<a class="action-btn" href="journal.html"><span class="aic"><i data-lucide="book-open"></i></span>Журнал</a>
|
||||
<a class="action-btn" href="files.html"><span class="aic"><i data-lucide="folder"></i></span>Файлы</a>
|
||||
<a class="action-btn" href="groups.html"><span class="aic"><i data-lucide="users"></i></span>Группы</a>
|
||||
<a class="action-btn" href="links.html"><span class="aic"><i data-lucide="link"></i></span>Ссылки</a>
|
||||
<a class="action-btn" href="trash.html"><span class="aic"><i data-lucide="trash-2"></i></span>Корзина</a>
|
||||
<a class="action-btn" href="worker.html"><span class="aic"><i data-lucide="bot"></i></span>Воркер ИИ</a>
|
||||
<a class="action-btn" href="settings.html"><span class="aic"><i data-lucide="shield"></i></span>Бэкап</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="dash-card">
|
||||
<h3><span class="ic">🟢</span> Активные сейчас группы</h3>
|
||||
<h3><span class="ic"><i data-lucide="activity"></i></span> Активные сейчас группы</h3>
|
||||
<div class="active-list" id="activeList"></div>
|
||||
</div>
|
||||
<div class="dash-card">
|
||||
<h3><span class="ic">🏆</span> Топ учеников</h3>
|
||||
<h3><span class="ic"><i data-lucide="trophy"></i></span> Топ учеников</h3>
|
||||
<div class="top-list" id="topList"></div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -65,6 +65,7 @@
|
||||
<img id="imgModalSrc" alt="">
|
||||
</div>
|
||||
<div class="toast" id="toast"></div>
|
||||
<script src="vendor/lucide.min.js"></script>
|
||||
<script src="admin.js"></script>
|
||||
<script src="js/dashboard.js"></script>
|
||||
</body>
|
||||
|
||||
@@ -40,6 +40,7 @@
|
||||
</div>
|
||||
|
||||
<div class="toast" id="toast"></div>
|
||||
<script src="vendor/lucide.min.js"></script>
|
||||
<script src="admin.js"></script>
|
||||
<script src="js/files.js"></script>
|
||||
</body>
|
||||
|
||||
@@ -70,6 +70,7 @@
|
||||
</div>
|
||||
|
||||
<div class="toast" id="toast"></div>
|
||||
<script src="vendor/lucide.min.js"></script>
|
||||
<script src="admin.js"></script>
|
||||
<script src="vendor/jszip.min.js"></script>
|
||||
<script src="js/groups.js"></script>
|
||||
|
||||
@@ -172,6 +172,7 @@
|
||||
</div>
|
||||
|
||||
<div class="toast" id="toast"></div>
|
||||
<script src="vendor/lucide.min.js"></script>
|
||||
<script src="admin.js"></script>
|
||||
<script src="js/journal.js"></script>
|
||||
</body>
|
||||
|
||||
@@ -57,7 +57,7 @@ function renderRecent(rows) {
|
||||
<div class="recent-item">
|
||||
${e.photo_path
|
||||
? `<img src="${API}${e.photo_path}" data-img="${API}${e.photo_path}" alt="">`
|
||||
: `<div class="thumb">🎓</div>`}
|
||||
: `<div class="thumb"><i data-lucide="graduation-cap"></i></div>`}
|
||||
<div class="r-info">
|
||||
<div class="r-name">${esc(e.student_name)}</div>
|
||||
<div class="r-meta">${esc(e.group_name)} · ${new Date(e.created_at).toLocaleString('ru', { day: '2-digit', month: '2-digit', hour: '2-digit', minute: '2-digit' })}</div>
|
||||
@@ -110,6 +110,7 @@ async function loadDashboard() {
|
||||
renderActive(d.active_groups);
|
||||
renderTop(d.top_students);
|
||||
renderPhotos(d.photos);
|
||||
renderIcons();
|
||||
}
|
||||
|
||||
document.getElementById('imgModal').addEventListener('click', e => e.currentTarget.classList.remove('open'));
|
||||
|
||||
+6
-10
@@ -25,8 +25,8 @@ async function loadGroups() {
|
||||
return `
|
||||
<div class="group-card" data-group-id="${g.id}">
|
||||
${g.cover_path
|
||||
? `<img class="group-cover" src="${API}${g.cover_path}" data-group-id="${g.id}" data-group-name="${esc(g.name)}" title="Фото группы (хронология)" alt="">`
|
||||
: `<div class="group-cover empty-cover" data-group-id="${g.id}" data-group-name="${esc(g.name)}" title="Фото группы (хронология)">📷</div>`}
|
||||
? `<img class="group-cover" src="${API}${g.cover_path}" alt="">`
|
||||
: `<div class="group-cover empty-cover">📷</div>`}
|
||||
<div class="group-head">
|
||||
<input class="name-input" id="name-${g.id}" value="${esc(g.name)}">
|
||||
<button class="del" data-del-group="${g.id}" title="Удалить">×</button>
|
||||
@@ -301,10 +301,10 @@ document.getElementById('groupList').addEventListener('click', e => {
|
||||
if (eg) { exportGroup(parseInt(eg.dataset.exportGroup, 10), eg.dataset.groupName); return; }
|
||||
const eu = e.target.closest('[data-export-urls]');
|
||||
if (eu) { exportGroupUrls(parseInt(eu.dataset.exportUrls, 10), eu.dataset.groupName); return; }
|
||||
const cover = e.target.closest('[data-group-id]');
|
||||
if (cover) {
|
||||
const id = parseInt(cover.dataset.groupId, 10);
|
||||
const name = cover.dataset.groupName;
|
||||
const photoBtn = e.target.closest('.photo-btn');
|
||||
if (photoBtn) {
|
||||
const id = parseInt(photoBtn.dataset.groupId, 10);
|
||||
const name = photoBtn.dataset.groupName;
|
||||
if (!isNaN(id)) openPhotos(id, name);
|
||||
}
|
||||
});
|
||||
@@ -313,15 +313,11 @@ function updateGroupCoverUI(coverPath) {
|
||||
const card = document.querySelector(`.group-card[data-group-id="${currentGroupId}"]`);
|
||||
if (!card) return;
|
||||
const g = allGroups.find(x => String(x.id) === String(currentGroupId));
|
||||
const name = g ? g.name : currentGroupName;
|
||||
const existing = card.querySelector('.group-cover');
|
||||
if (existing && existing.tagName === 'IMG') { existing.src = API + coverPath; return; }
|
||||
const el = document.createElement('img');
|
||||
el.className = 'group-cover';
|
||||
el.src = API + coverPath;
|
||||
el.dataset.groupId = String(currentGroupId);
|
||||
el.dataset.groupName = name;
|
||||
el.title = 'Фото группы (хронология)';
|
||||
el.alt = '';
|
||||
if (existing) existing.replaceWith(el);
|
||||
else card.insertBefore(el, card.firstChild);
|
||||
|
||||
+27
-8
@@ -49,10 +49,21 @@ const AI_STATUS_LABELS = {
|
||||
reverted: 'ИИ: возвращён оригинал',
|
||||
};
|
||||
|
||||
const AI_STATUS_ICONS = {
|
||||
pending: 'clock',
|
||||
processing: 'loader',
|
||||
done: 'circle-check',
|
||||
skipped: 'skip-forward',
|
||||
error: 'circle-alert',
|
||||
reverted: 'undo',
|
||||
};
|
||||
|
||||
function aiBadge(e) {
|
||||
if (!e || !e.ai_status) return '';
|
||||
const label = AI_STATUS_LABELS[e.ai_status] || `ИИ: ${e.ai_status}`;
|
||||
return `<span class="ai-badge ai-badge-${esc(e.ai_status)}" title="${esc(label)}">${esc(label)}</span>`;
|
||||
const st = e.ai_status;
|
||||
const label = AI_STATUS_LABELS[st] || `ИИ: ${st}`;
|
||||
const icon = AI_STATUS_ICONS[st] || 'sparkles';
|
||||
return `<span class="ai-badge ai-badge-${esc(st)}" title="${esc(label)}" role="img" aria-label="${esc(label)}"><i data-lucide="${icon}"></i></span>`;
|
||||
}
|
||||
|
||||
function findFile(id) {
|
||||
@@ -83,9 +94,9 @@ function gridEntryHTML(e) {
|
||||
<div class="card">
|
||||
${mp ? `<img src="${API}${mp}" data-img="${API}${mp}" alt="">` : ''}
|
||||
<div class="info">
|
||||
<div class="name">${esc(e.student_name)}</div>${aiBadge(e)}
|
||||
<div class="name">${esc(e.student_name)}</div>
|
||||
<div class="group">${esc(e.group_name)}</div>
|
||||
<div class="desc">${esc(e.description)}</div>
|
||||
<div class="desc">${esc(e.description)}${aiBadge(e)}</div>
|
||||
${filesHTML(e.files)}
|
||||
<div class="time">${new Date(e.created_at).toLocaleString('ru')}</div>
|
||||
</div>
|
||||
@@ -102,10 +113,10 @@ function cardEntryHTML(e) {
|
||||
${mp
|
||||
? `<img src="${API}${mp}" data-img="${API}${mp}" alt="">`
|
||||
: `<div class="no-photo"><svg viewBox="0 0 240 160" preserveAspectRatio="xMidYMid meet" aria-hidden="true"><circle cx="105" cy="48" r="15"/><path d="M74 140 C74 106 88 92 105 92 C122 92 136 106 136 140 Z"/><circle cx="145" cy="58" r="18"/><path d="M108 144 C108 104 124 88 145 88 C166 88 182 104 182 144 Z"/></svg></div>`}
|
||||
${e.group_name ? `<span class="group-badge" title="${esc(e.group_name)}">${esc(e.group_name)}</span>` : ''}
|
||||
<div class="body">
|
||||
<div class="name">${esc(e.student_name)}</div>${aiBadge(e)}
|
||||
<div class="group">${esc(e.group_name)}</div>
|
||||
<div class="desc">${esc(e.description)}</div>
|
||||
<div class="name">${esc(e.student_name)}</div>
|
||||
<div class="desc">${esc(e.description)}${aiBadge(e)}</div>
|
||||
${filesHTML(e.files)}
|
||||
</div>
|
||||
<div class="foot">
|
||||
@@ -122,8 +133,15 @@ function cardEntryHTML(e) {
|
||||
function renderGrid() {
|
||||
const grid = document.getElementById('grid');
|
||||
if (!currentEntries.length) {
|
||||
const fmt = d => d ? d.split('-').reverse().join('.') : '';
|
||||
const from = fmt(document.getElementById('dateFrom').value);
|
||||
const to = fmt(document.getElementById('dateTo').value);
|
||||
let range = '';
|
||||
if (from && to) range = ` за ${from} – ${to}`;
|
||||
else if (from) range = ` с ${from}`;
|
||||
else if (to) range = ` по ${to}`;
|
||||
grid.className = 'grid';
|
||||
grid.innerHTML = '<div class="empty">Ничего не найдено</div>';
|
||||
grid.innerHTML = `<div class="empty">Ничего не найдено${range}</div>`;
|
||||
return;
|
||||
}
|
||||
if (view === 'cards') {
|
||||
@@ -133,6 +151,7 @@ function renderGrid() {
|
||||
grid.className = 'grid';
|
||||
grid.innerHTML = currentEntries.map(gridEntryHTML).join('');
|
||||
}
|
||||
renderIcons();
|
||||
}
|
||||
|
||||
function setView(v) {
|
||||
|
||||
@@ -89,6 +89,7 @@
|
||||
</div>
|
||||
|
||||
<div class="toast" id="toast"></div>
|
||||
<script src="vendor/lucide.min.js"></script>
|
||||
<script src="admin.js"></script>
|
||||
<script src="js/links.js"></script>
|
||||
</body>
|
||||
|
||||
@@ -147,6 +147,7 @@
|
||||
<button class="btn-primary" id="saveBtn" type="button">Сохранить изменения</button>
|
||||
</div>
|
||||
<div class="toast" id="toast"></div>
|
||||
<script src="vendor/lucide.min.js"></script>
|
||||
<script src="admin.js"></script>
|
||||
<script src="js/settings.js"></script>
|
||||
</body>
|
||||
|
||||
@@ -79,6 +79,7 @@
|
||||
</div>
|
||||
|
||||
<div class="toast" id="toast"></div>
|
||||
<script src="vendor/lucide.min.js"></script>
|
||||
<script src="admin.js"></script>
|
||||
<script src="vendor/jszip.min.js"></script>
|
||||
<script src="js/students.js"></script>
|
||||
|
||||
@@ -25,6 +25,7 @@
|
||||
</div>
|
||||
|
||||
<div class="toast" id="toast"></div>
|
||||
<script src="vendor/lucide.min.js"></script>
|
||||
<script src="admin.js"></script>
|
||||
<script src="js/trash.js"></script>
|
||||
</body>
|
||||
|
||||
@@ -82,6 +82,7 @@
|
||||
</div>
|
||||
|
||||
<div class="toast" id="toast"></div>
|
||||
<script src="vendor/lucide.min.js"></script>
|
||||
<script src="admin.js"></script>
|
||||
<script src="js/users.js"></script>
|
||||
<style>
|
||||
|
||||
Vendored
+12
File diff suppressed because one or more lines are too long
@@ -96,6 +96,7 @@
|
||||
</div>
|
||||
</div>
|
||||
<div class="toast" id="toast"></div>
|
||||
<script src="vendor/lucide.min.js"></script>
|
||||
<script src="admin.js"></script>
|
||||
<script src="js/worker.js"></script>
|
||||
</body>
|
||||
|
||||
Reference in New Issue
Block a user