Фронт: без бейджа «Обе недели», недели на страницах преподов/аудиторий, иконка приложения
- пары с одинаковыми ч/з показываются одним списком без пометки недели (группы, преподаватели, аудитории); раньше на страницах преподавателей и аудиторий такое занятие дублировалось в обеих колонках - бейдж «Обе недели» убран как информационный шум (отсутствие пометки и означает «любая неделя») - favicon: квадрат с градиентом боковой панели (#1b2dd8 → #167cf2) и совой - PWA: manifest.json, sw.js, apple-touch-icon и иконки 192/512 — при добавлении на главный экран смартфона появляется логотип - tools/make_icons.py — генерация иконок из логотипа (rsvg-convert) - удалён неиспользуемый roomPeriodCell и мёртвый favicon.png
This commit is contained in:
@@ -227,7 +227,9 @@ function addPeriodRow(block, num, time, lessonsHTML) {
|
||||
}
|
||||
|
||||
function entityLessonHTML(parity, entry) {
|
||||
const active = parity === currentParity ? " active" : "";
|
||||
const badge = parity
|
||||
? `<span class="${PARITY_CLASS[parity]}${parity === currentParity ? " active" : ""}">${PARITY_LABEL[parity]}</span>`
|
||||
: "";
|
||||
const details = [];
|
||||
if (entry.room) details.push(entry.room);
|
||||
if (entry.teacher) details.push(entry.teacher);
|
||||
@@ -235,7 +237,7 @@ function entityLessonHTML(parity, entry) {
|
||||
return `
|
||||
<div class="lesson">
|
||||
<div>
|
||||
<span class="${PARITY_CLASS[parity]}${active}">${PARITY_LABEL[parity]}</span>
|
||||
${badge}
|
||||
${entry.marker ? `<span class="badge badge-kv">${escapeHTML(entry.marker)}</span>` : ""}
|
||||
<span class="subject">${escapeHTML(entry.subject)}</span>
|
||||
</div>
|
||||
@@ -244,19 +246,36 @@ function entityLessonHTML(parity, entry) {
|
||||
</div>`;
|
||||
}
|
||||
|
||||
/** Занятия числителя и знаменателя совпадают: неделя не важна. */
|
||||
function sameEntries(chEntries, znEntries) {
|
||||
return chEntries.length > 0 && JSON.stringify(chEntries) === JSON.stringify(znEntries);
|
||||
}
|
||||
|
||||
/** Колонки занятий для страниц преподавателя и аудитории. */
|
||||
function lessonsColHTML(chEntries, znEntries) {
|
||||
if (sameEntries(chEntries, znEntries)) {
|
||||
// не зависит от недели — одним списком, без бейджа недели
|
||||
return `<div class="parities">${alwaysColHTML(chEntries.map((e) => entityLessonHTML(null, e)).join(""))}</div>`;
|
||||
}
|
||||
const chHtml = chEntries.map((e) => entityLessonHTML("ч", e)).join("");
|
||||
const znHtml = znEntries.map((e) => entityLessonHTML("з", e)).join("");
|
||||
return `<div class="parities">${parityColHTML("", chHtml || OKNO_HTML)}${parityColHTML("", znHtml || OKNO_HTML)}</div>`;
|
||||
}
|
||||
|
||||
function singleLessonHTML(badgeKey, lesson, full) {
|
||||
const config = {
|
||||
always: { label: "Обе недели", cls: "badge badge-always" },
|
||||
always: { label: "", cls: "badge badge-always" },
|
||||
ч: { label: "Числитель", cls: "badge badge-ch" },
|
||||
з: { label: "Знаменатель", cls: "badge badge-zn" },
|
||||
};
|
||||
const { label, cls } = config[badgeKey];
|
||||
const active = badgeKey !== "always" && badgeKey === currentParity ? " active" : "";
|
||||
const badge = label ? `<span class="${cls}${active}">${label}</span>` : "";
|
||||
const details = [lesson.teacher, lesson.room].filter(Boolean).join(" · ");
|
||||
return `
|
||||
<div class="lesson${full ? " full" : ""}">
|
||||
<div>
|
||||
<span class="${cls}${active}">${label}</span>
|
||||
${badge}
|
||||
${lesson.marker ? `<span class="badge badge-kv">${escapeHTML(lesson.marker)}</span>` : ""}
|
||||
<span class="subject">${escapeHTML(lesson.subject)}</span>
|
||||
</div>
|
||||
@@ -368,11 +387,11 @@ function renderTeacher(data, status) {
|
||||
Object.entries(periods)
|
||||
.sort(([a], [b]) => Number(a) - Number(b))
|
||||
.forEach(([num, slot]) => {
|
||||
const chHtml = (slot.ч || []).map((entry) => { hasAny = true; return entityLessonHTML("ч", entry); }).join("");
|
||||
const znHtml = (slot.з || []).map((entry) => { hasAny = true; return entityLessonHTML("з", entry); }).join("");
|
||||
if (!chHtml && !znHtml) return;
|
||||
const inner = `<div class="parities">${parityColHTML("Числитель", chHtml || OKNO_HTML)}${parityColHTML("Знаменатель", znHtml || OKNO_HTML)}</div>`;
|
||||
addPeriodRow(block, num, slot.time, inner);
|
||||
const chEntries = slot.ч || [];
|
||||
const znEntries = slot.з || [];
|
||||
if (!chEntries.length && !znEntries.length) return;
|
||||
hasAny = true;
|
||||
addPeriodRow(block, num, slot.time, lessonsColHTML(chEntries, znEntries));
|
||||
});
|
||||
daysContainer.appendChild(block);
|
||||
});
|
||||
@@ -457,9 +476,7 @@ function buildRoomsList(data, periodNums) {
|
||||
if (!chEntries.length && !znEntries.length) {
|
||||
body.innerHTML = `<div class="parities">${parityColHTML("", OKNO_HTML)}</div>`;
|
||||
} else {
|
||||
const chHtml = chEntries.map((e) => entityLessonHTML("ч", e)).join("");
|
||||
const znHtml = znEntries.map((e) => entityLessonHTML("з", e)).join("");
|
||||
body.innerHTML = `<div class="parities">${parityColHTML("", chHtml || OKNO_HTML)}${parityColHTML("", znHtml || OKNO_HTML)}</div>`;
|
||||
body.innerHTML = lessonsColHTML(chEntries, znEntries);
|
||||
}
|
||||
row.appendChild(body);
|
||||
card.appendChild(row);
|
||||
@@ -469,33 +486,6 @@ function buildRoomsList(data, periodNums) {
|
||||
return list;
|
||||
}
|
||||
|
||||
function roomPeriodCell(slot) {
|
||||
const td = document.createElement("td");
|
||||
td.className = "r-cell";
|
||||
const all = [...((slot && slot.ч) || []), ...((slot && slot.з) || [])];
|
||||
if (!all.length) {
|
||||
td.classList.add("r-free");
|
||||
td.textContent = "окно";
|
||||
return td;
|
||||
}
|
||||
td.classList.add("r-busy");
|
||||
const seen = new Set();
|
||||
const lines = [];
|
||||
all.forEach((e) => {
|
||||
if (!e.subject || seen.has(e.subject)) return;
|
||||
seen.add(e.subject);
|
||||
lines.push(e.subject);
|
||||
});
|
||||
lines.forEach((x) => {
|
||||
const div = document.createElement("div");
|
||||
div.className = "r-subj";
|
||||
div.textContent = x;
|
||||
td.appendChild(div);
|
||||
});
|
||||
td.title = lines.join("; ");
|
||||
return td;
|
||||
}
|
||||
|
||||
function escapeHTML(s) {
|
||||
return s.replace(/[&<>"']/g, (c) => ({ "&": "&", "<": "<", ">": ">", '"': """, "'": "'" }[c]));
|
||||
}
|
||||
@@ -547,3 +537,10 @@ loadWeek().finally(() => {
|
||||
errorEl.classList.remove("hidden");
|
||||
});
|
||||
});
|
||||
|
||||
// PWA: ярлык «на главный экран» с иконкой приложения (манифест + service worker)
|
||||
if ("serviceWorker" in navigator) {
|
||||
window.addEventListener("load", () => {
|
||||
navigator.serviceWorker.register("/sw.js").catch(() => {});
|
||||
});
|
||||
}
|
||||
|
||||
36
src/frontend/static/img/app-icon.svg
Normal file
36
src/frontend/static/img/app-icon.svg
Normal file
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 35 KiB |
BIN
src/frontend/static/img/apple-touch-icon.png
Normal file
BIN
src/frontend/static/img/apple-touch-icon.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 9.6 KiB |
BIN
src/frontend/static/img/favicon-32.png
Normal file
BIN
src/frontend/static/img/favicon-32.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 905 B |
Binary file not shown.
|
Before Width: | Height: | Size: 315 B |
BIN
src/frontend/static/img/icon-192.png
Normal file
BIN
src/frontend/static/img/icon-192.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 10 KiB |
BIN
src/frontend/static/img/icon-512.png
Normal file
BIN
src/frontend/static/img/icon-512.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 31 KiB |
@@ -4,7 +4,16 @@
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Расписание · Факультет ИВТ ЯрГУ</title>
|
||||
<link rel="icon" type="image/svg+xml" href="/img/owl-white.svg">
|
||||
<meta name="description" content="Расписание занятий факультета информатики и вычислительной техники ЯрГУ">
|
||||
<link rel="icon" type="image/svg+xml" href="/img/app-icon.svg">
|
||||
<link rel="icon" type="image/png" sizes="32x32" href="/img/favicon-32.png">
|
||||
<link rel="apple-touch-icon" sizes="180x180" href="/img/apple-touch-icon.png">
|
||||
<link rel="manifest" href="/manifest.json">
|
||||
<meta name="theme-color" content="#1b2dd8">
|
||||
<meta name="mobile-web-app-capable" content="yes">
|
||||
<meta name="apple-mobile-web-app-capable" content="yes">
|
||||
<meta name="apple-mobile-web-app-title" content="Расписание">
|
||||
<meta name="apple-mobile-web-app-status-bar-style" content="default">
|
||||
<link rel="stylesheet" href="/style.css">
|
||||
</head>
|
||||
<body>
|
||||
|
||||
16
src/frontend/static/manifest.json
Normal file
16
src/frontend/static/manifest.json
Normal file
@@ -0,0 +1,16 @@
|
||||
{
|
||||
"name": "Расписание · Факультет ИВТ ЯрГУ",
|
||||
"short_name": "Расписание",
|
||||
"description": "Расписание занятий факультета информатики и вычислительной техники ЯрГУ",
|
||||
"lang": "ru",
|
||||
"start_url": "/",
|
||||
"scope": "/",
|
||||
"display": "standalone",
|
||||
"background_color": "#f1f5f9",
|
||||
"theme_color": "#1b2dd8",
|
||||
"icons": [
|
||||
{ "src": "/img/icon-192.png", "sizes": "192x192", "type": "image/png" },
|
||||
{ "src": "/img/icon-512.png", "sizes": "512x512", "type": "image/png" },
|
||||
{ "src": "/img/icon-512.png", "sizes": "512x512", "type": "image/png", "purpose": "maskable" }
|
||||
]
|
||||
}
|
||||
8
src/frontend/static/sw.js
Normal file
8
src/frontend/static/sw.js
Normal file
@@ -0,0 +1,8 @@
|
||||
// Минимальный service worker: браузеры требуют его наличия, чтобы предложить
|
||||
// «установить приложение» и показать иконку на главном экране.
|
||||
// Ничего не кэширует — источник данных всегда сеть.
|
||||
self.addEventListener("install", () => self.skipWaiting());
|
||||
self.addEventListener("activate", (event) => event.waitUntil(self.clients.claim()));
|
||||
self.addEventListener("fetch", () => {
|
||||
// пустой обработчик: запросы уходят в сеть как обычно
|
||||
});
|
||||
Reference in New Issue
Block a user