<?
error_reporting(E_ALL);
ini_set("display_errors", 1);
session_start();
$db = new SQLite3('school.db');
/* ================== РОЛИ ================== */
$role = 'guest';
$student_id = null;
$lesson_id = null;
$teacher_logged = null;
/* === обработка входа преподавателя === DEBUG! */
if (isset($_POST['teacher_login'])) {
// Здесь простая проверка — в реальном проекте лучше хранить хеш и использовать пользователей из БД
// Но по вашему коду используется фиксированный SECRET_TEACHER_KEY
setcookie('teacher_auth', md5('SECRET_TEACHER_KEY'), time() + (86400 * 30), "/"); // 30 дней
$action = '';
if ($action==='login') {
//session_start();
$login=$_POST['login'];
$pass=$_POST['password'];
$stmt=$db->prepare("SELECT * FROM users WHERE login=:l");
$stmt->bindValue(':l',$login);
$res=$stmt->execute();
$user=$res->fetchArray(SQLITE3_ASSOC);
if ($user && password_verify($pass,$user['password_hash'])) {
$_SESSION['user_id']=$user['id'];
$_SESSION['role']=$user['role'];
echo json_encode(['status'=>'ok']);
} else {
echo json_encode(['status'=>'error']);
}
exit;
}
header("Location: index.php");
exit;
}
/* === выход === */
if (isset($_GET['logout'])) {
setcookie('teacher_auth', '', time() - 3600, "/");
header("Location: index.php");
exit;
}
/* === преподаватель по cookie === */
if (!empty($_COOKIE['teacher_auth']) && $_COOKIE['teacher_auth'] === md5('SECRET_TEACHER_KEY')) {
$role = 'teacher';
$teacher_logged = 'ID учителя';//ID учителя
}
/* === ученик по ссылке === */
if (!empty($_GET['lesson'])) {
$parts = explode('-', $_GET['lesson']);
if (count($parts) !== 2 || md5($parts[0] . 'lesson+') !== $parts[1]) {
die('Ссылка не найдена');
}
$lesson_id = (int)$parts[0];
$res = $db->query("SELECT student_id FROM lessons WHERE id=$lesson_id");
$row = $res->fetchArray(SQLITE3_ASSOC);
if (!$row) die('Урок не найден');
$student_id = (int)$row['student_id'];
$role = 'student';
$teacher_logged = $student_id;//ID студента
if(empty($_COOKIE['teacher_auth']))
$_SESSION['student_id'] = $student_id;
/* лог доступа */
$stmt = $db->prepare("
INSERT INTO access_log (role, student_id, lesson_id, ip, user_agent, created_at)
VALUES ('student', :sid, :lid, :ip, :ua, :dt)
");
$stmt->bindValue(':sid', $student_id);
$stmt->bindValue(':lid', $lesson_id);
$stmt->bindValue(':ip', $_SERVER['REMOTE_ADDR']);
$stmt->bindValue(':ua', $_SERVER['HTTP_USER_AGENT']);
$stmt->bindValue(':dt', date('Y-m-d H:i:s'));
$stmt->execute();
if(isset($_SESSION['student_id']) && $role=='student'){
/* уведомление преподавателю */
$res = $db->query("SELECT id as homework_id FROM homework WHERE lesson_id=$lesson_id ORDER BY id DESC LIMIT 1");
$row = $res->fetchArray(SQLITE3_ASSOC);
$stmt = $db->prepare("
INSERT INTO notifications (type, role, student_id, homework_id, message, created_at)
VALUES ('student_visit','teacher',:sid,:lid,'Ученик перешёл по ссылке',:dt)
");
$stmt->bindValue(':sid', $student_id);
$stmt->bindValue(':lid', $row['homework_id']);
$stmt->bindValue(':dt', date('Y-m-d H:i:s'));
$stmt->execute();
}
/* логируем заход ученика */
/* $stmt = $db->prepare("
INSERT INTO access_log (role, student_id, lesson_id, ip, user_agent, created_at)
VALUES ('student', :sid, :lid, :ip, :ua, :dt)
");
$stmt->bindValue(':sid', $student_id, SQLITE3_INTEGER);
$stmt->bindValue(':lid', $lesson_id, SQLITE3_INTEGER);
$stmt->bindValue(':ip', $_SERVER['REMOTE_ADDR'], SQLITE3_TEXT);
$stmt->bindValue(':ua', $_SERVER['HTTP_USER_AGENT'], SQLITE3_TEXT);
$stmt->bindValue(':dt', date('Y-m-d H:i:s'), SQLITE3_TEXT);
$stmt->execute();
*/
/* логируем преподавателя */
/*if ($role === 'teacher') {
$db->exec("
INSERT INTO access_log (role, ip, user_agent, created_at)
VALUES ('teacher','{$_SERVER['REMOTE_ADDR']}','{$_SERVER['HTTP_USER_AGENT']}','".date('Y-m-d H:i:s')."')
");
}*/
}
//echo '<pre style="display:none">'.print_r($GLOBALS,1);exit;
//echo '<pre>'.print_r($GLOBALS,1);exit;
?>
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<title>Уроки и домашние задания</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet">
<link href="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/css/select2.min.css" rel="stylesheet">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css">
<script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/js/select2.min.js"></script>
<style>
#left-panel {
height: 100vh;
overflow-y: auto;
}
.lesson-item {
cursor: pointer;
}
.lesson-item:hover,.lesson-item.active {
background: #f0f0f0;
}
#left-panel, #left-panel-mobile {
max-height: calc(100vh - 60px);
overflow-y: auto;
}
.lesson-item {
cursor: pointer;
}
.lesson-item:hover,
.lesson-item.active {
background: #f0f0f0;
}
.table-responsive {
overflow-x: auto; /* горизонтальная прокрутка */
-webkit-overflow-scrolling: touch; /* плавная прокрутка на iOS */
}
.table td, .table th {
/* word-break: break-word; перенос длинных слов */
}
.homework-card .file-item a {
text-decoration: none;
color: #0d6efd;
}
.homework-card .file-item a:hover {
text-decoration: underline;
}
.comment-input {
/*min-width: 320px;*/
margin-top: 15px;
width: 100%;
}
@media (max-width: 768px) {
.homework-card .btn-group {
position: absolute;
top: 10px;
right: 15px;
}
}
#sticky-header {
position: sticky;
top: 50px;
z-index: 100;
background: #fff;
/*border-bottom: 1px solid #ddd;*/
}
</style>
</head>
<body>
<!-- ================== ОСНОВНОЙ ИНТЕРФЕЙС ================== -->
<?
if (!$teacher_logged && $role === 'guest'){
include 'login.php';
exit;
}
?>
<!-- ФИКСИРОВАННЫЙ HEADER -->
<header class="navbar navbar-expand navbar-dark bg-dark shadow-sm sticky-top">
<div class="container-fluid">
<a class="navbar-brand" href="index.php">📚 Школа</a>
<button class="btn btn-outline-primary d-md-none m-2"
data-bs-toggle="offcanvas"
data-bs-target="#leftOffcanvas">
☰ Уроки
</button>
<div class="d-flex align-items-center">
<?php if ($role === 'teacher' || $role === 'student'): ?>
<button class="btn btn-outline-light position-relative me-3" id="notify-btn">
🔔
<span id="notify-count" class="position-absolute top-0 start-100 translate-middle badge bg-danger"></span>
</button>
<a href="index.php?logout=1" class="btn btn-outline-danger">Выйти</a>
<?php else: ?>
<!-- Для ученика ничего не показываем в хедере, кроме названия -->
<?php endif; ?>
</div>
</div>
</header>
<div class="container-fluid">
<!--<div class="d-flex justify-content-between mb-2">
<?php if ($role === 'teacher'): ?>
<button class="btn btn-warning position-relative" id="notify-btn">
🔔
<span id="notify-count"
class="position-absolute top-0 start-100 translate-middle badge bg-danger"></span>
</button>
<?php endif; ?>
</div>-->
<!-- КНОПКА МЕНЮ (только мобилка) -->
<!-- <button class="btn btn-outline-primary d-md-none m-2"
data-bs-toggle="offcanvas"
data-bs-target="#leftOffcanvas">
☰ Уроки
</button> -->
<!-- OFFCANVAS ДЛЯ МОБИЛКИ -->
<div class="offcanvas offcanvas-start d-md-none" id="leftOffcanvas">
<div class="offcanvas-header">
<h5>Уроки</h5>
<button type="button" class="btn-close" data-bs-dismiss="offcanvas"></button>
</div>
<div class="mb-1 mt-1 p-4">
<!-- <label>выбрать сортировку</label> -->
<select class="form-control form-select sort-lessons">
<option value="last_lessons" selected>Все уроки</option>
<option value="change_lessons">Измененые уроки</option>
</select>
</div>
<div class="offcanvas-body" id="left-panel-mobile"></div>
</div>
<div class="row">
<!-- ЛЕВАЯ ПАНЕЛЬ -->
<div class="col-md-3 col-lg-2 border-end d-none d-md-block" id="left-panel">
<!--<div class="col-12 col-md-3 col-lg-2 border-end" id="left-panel">-->
<h5 class="mt-3">Уроки</h5>
<div class="mb-3 mt-3">
<!-- <label>выбрать сортировку</label> -->
<select class="form-control form-select sort-lessons">
<option value="last_lessons" selected>Все уроки</option>
<option value="change_lessons">Измененые уроки</option>
</select>
</div>
<div id="lesson-list"></div>
</div>
<!-- ПРАВАЯ ПАНЕЛЬ -->
<div class="col-12 col-md-9 col-lg-10 p-4">
<h4 id="form-title">Занятие</h4>
<div class="col-lg-3 col-12 d-flex text-lg-end mb-2 ms-auto justify-content-end" style=" float: inline-end; margin-top: -40px;">
<?php if ($role === 'teacher'): ?>
<button class="btn btn-danger btn-sm px-4 shadow-sm"
data-bs-toggle="collapse"
data-bs-target="#lesson-form">
<i class="bi bi-pencil-square me-2"></i>
Редактировать урок
</button>
<?php endif; ?>
</div>
<!-- <div id="sticky-header" class="d-flex justify-content-between align-items-center mb-3">
<div id="lesson-info" class="fw-bold text-primary">
Урок не выбран
</div>
<button class="btn btn-outline-success"
data-bs-toggle="collapse"
data-bs-target="#lesson-form">
➕ Создать / Редактировать
</button>
</div> -->
<div id="sticky-header" class="bg-light rounded-3 p-3 p-md-2 mb-4 shadow-sm border-start border-primary border-5 lesson-info" style="display: none;">
<div class="row align-items-center">
<!-- Информация об уроке -->
<div class="col-lg-9 col-12 mb-3 mb-lg-0">
<div id="lesson-info">
<!-- Пример содержимого (будет подставляться JS) -->
<h4 class="mb-1 text-primary fw-bold data-topic"> </h4>
<p class="mb-2 text-muted">
<i class="bi bi-calendar3"></i> <small class="data-date"> </small>
<span class="ms-3"><i class="bi bi-person"></i> <i class="data-student-name"></i></span>
</p>
<div class="small text-secondary">
<i class="bi bi-link-45deg" style="font-size: 1.5em;"></i> <strong>Ссылка для ученика:</strong>
<a href=""
target="_blank"
class="text-break word-break text-decoration-none data-data-link">
</a>
<button class="btn btn-sm btn-outline-secondary ms-2 copy-link" title="Копировать ссылку">
<i class="bi bi-clipboard"></i>
</button>
</div>
</div>
</div>
<!-- Кнопка редактирования -->
<!-- <div class="col-lg-3 col-12 text-lg-end">
<?php if ($role === 'teacher'): ?>
<button class="btn btn-success btn-sm px-4 shadow-sm"
data-bs-toggle="collapse"
data-bs-target="#lesson-form">
<i class="bi bi-pencil-square me-2"></i>
Редактировать урок
</button>
<?php endif; ?>
</div> -->
</div>
</div>
<form id="lesson-form" class="collapse">
<input type="hidden" id="lesson_id">
<!-- Ученик -->
<div class="mb-3">
<label>Ученик</label>
<select id="student" class="form-control" style="width: 100%"></select>
</div>
<!-- Предмет / тема -->
<div class="mb-3">
<label>Тема урока</label>
<input type="text" id="topic" class="form-control">
</div>
<!-- Дата -->
<div class="mb-3">
<label>Дата</label>
<input type="date" id="lesson_date" class="form-control">
</div>
<!-- Время -->
<div class="row">
<div class="col">
<label>Начало</label>
<input type="time" id="time_start" class="form-control">
</div>
<div class="col">
<label>Конец</label>
<input type="time" id="time_end" class="form-control">
</div>
</div>
<!-- Повтор -->
<div class="mb-3 mt-3">
<label>Повтор</label>
<select id="repeat_type" class="form-control">
<option value="none">Без повтора</option>
<option value="daily">Каждый день</option>
<option value="weekly">Каждую неделю</option>
</select>
</div>
<button type="submit" class="btn btn-primary">Сохранить</button>
</form>
<hr>
<!-- ДОМАШНИЕ ЗАДАНИЯ -->
<!-- <h5>Домашние задания</h5>
<?php if ($role === 'teacher'): ?>
<button class="btn btn-success mb-2" id="add-homework">Добавить задание</button>
<?php endif; ?>
<div class="table-responsive">
<table class="table table-bordered">
<thead>
<tr>
<th>Дата</th>
<th class="teacher-file">Файлы задания</th>
<th>Файлы ответа</th>
<th></th>
</tr>
</thead>
<tbody id="homework-table"></tbody>
</table>
</div> -->
<!-- ДОМАШНИЕ ЗАДАНИЯ — НОВОЕ КРАСИВОЕ ОТОБРАЖЕНИЕ -->
<div class="lesson-info" style="display:none;">
<h5 class="mt-4">Домашние задания</h5>
<?php if ($role === 'teacher'): ?>
<button class="btn btn-success mb-3" id="add-homework">➕ Добавить задание</button>
<?php endif; ?>
</div>
<div id="homework-container">
<!-- Здесь будут карточки ДЗ, генерируемые JS -->
</div>
<!-- Шаблон одной карточки ДЗ (скрытый, используется в JS) -->
<template id="homework-template">
<div class="homework-card card mb-3 shadow-sm" data-id="">
<div class="card-body">
<!-- Дата и комментарий -->
<div class="d-flex justify-content-between align-items-start mb-3">
<div class="flex-grow-1 me-2">
<h6 class="card-title mb-1" data-date></h6>
<textarea type="text" class="form-control comment-input w-100" rows="4" placeholder="Комментарий преподавателя" data-comment></textarea>
</div>
<div class="teacher-button btn-group btn-group-sm" role="group">
<button class="btn btn-primary save-comment" title="Сохранить комментарий">💾</button>
<button class="btn btn-danger delete-homework" title="Удалить задание">🗑️</button>
</div>
</div>
<div class="row">
<!-- Файлы задания (от преподавателя) -->
<div class="col-md-6 mb-3 mb-md-0">
<div class="d-flex justify-content-between align-items-center mb-2 teacher-file">
<strong>📎 Задание</strong>
<input type="file" multiple class="form-control form-control-sm task-files" style="max-width: 200px;">
</div>
<div class="task-files-list small"></div>
</div>
<!-- Файлы ответа (от ученика) -->
<div class="col-md-6">
<div class="d-flex justify-content-between align-items-center mb-2">
<strong>📤 Ответ ученика</strong>
<input type="file" multiple class="form-control form-control-sm answer-files" style="max-width: 200px;">
</div>
<div class="answer-files-list small"></div>
</div>
</div>
</div>
</div>
</template>
</div>
</div>
</div>
<!-- УВЕДОМЛЕНИЯ -->
<div class="modal fade" id="notifyModal">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<div class="modal-header">
<h5>Уведомления</h5>
<button class="btn-close" data-bs-dismiss="modal"></button>
</div>
<div class="modal-body" id="notify-list"></div>
</div>
</div>
</div>
<script>
function role_studenthide($role){
if ($role === 'student') {
$('#lesson-form').remove();
$('#add-homework').remove();
$('[data-bs-target="#lesson-form"]').remove();
$('.teacher-file .remove-file, .teacher-file .task-files, .teacher-button').remove();
}
}
const ROLE = "<?= $role ?>";
const STUDENT_ID = <?= $student_id ?: 'null' ?>;
const LESSON_ID = <?= $lesson_id ?: 'null' ?>;
if (ROLE === 'student') {
$('#lesson-form').remove();
$('#add-homework').remove();
$('[data-bs-target="#lesson-form"]').remove();
$('.teacher-file .remove-file, .teacher-file .task-files, .teacher-button button').remove();
}
<?php if ($student_id): ?>
$(function(){
//$('.lesson-item[data-id="<?= $lesson_id ?>"]').trigger('click');
console.log(ROLE);
});
<?php endif; ?>
$('#student').select2({
tags: true, // разрешаем пользовательский ввод
tokenSeparators: [','],
ajax: {
url: 'api.php',
dataType: 'json',
delay: 250,
data: function (params) {
return {
action: 'search_students',
q: params.term
};
},
processResults: function (data) {
return { results: data };
}
},
createTag: function (params) {
return {
id: params.term, // пользовательский ввод
text: params.term,
newOption: true
};
}
});
function loadLessons() {
let params = { action: 'get_lessons' };
if (ROLE === 'student') {
params.student_id = STUDENT_ID;
}
$.getJSON('api.php', params, function(data) {//{action: 'get_lessons'}
$('#lesson-list').html('');
let html = '';
if (data.length === 0) {
//$('#lesson-list').html('<p>Уроки отсутствуют</p>');//
html = '<p>Уроки отсутствуют</p>';
//return;
}else{
data.forEach(function(lesson) {
html +=
<div class="p-2 lesson-item" data-id="${lesson.id}">
<strong>${lesson.topic}</strong><br>
<small>${lesson.date} | ${lesson.student_name}</small>
</div>
;
});
}
$('#lesson-list').html(html);
$('#left-panel-mobile').html(html);
if (LESSON_ID) {
$(
.lesson-item[data-id="${LESSON_ID}"]).trigger('click');
}
}).fail(function(jqXHR, textStatus, errorThrown){
console.log("Ошибка AJAX:", textStatus, errorThrown);
$('#lesson-list, #left-panel-mobile').html('<p>Ошибка загрузки уроков</p>');
});
}
loadLessons();
$('#lesson-form').submit(function(e){
e.preventDefault();
let data = {
action: 'save_lesson',
id: $('#lesson_id').val(),
student_id: $('#student').val(),
topic: $('#topic').val(),
date: $('#lesson_date').val(),
start: $('#time_start').val(),
end: $('#time_end').val(),
repeat: $('#repeat_type').val()
};
$.post('api.php', data, function(){
loadLessons();
alert('Сохранено');
});
});
$(document).on('click','.lesson-item',function(){
let id = $(this).data('id');
// Закрываем оффканвас на мобильной версии
// Закрываем offcanvas на мобильных
var offcanvasEl = document.getElementById('leftOffcanvas');
if (offcanvasEl.classList.contains('show')) { // проверяем, открыт ли
var bsOffcanvas = bootstrap.Offcanvas.getInstance(offcanvasEl);
if (!bsOffcanvas) {
bsOffcanvas = new bootstrap.Offcanvas(offcanvasEl);
}
bsOffcanvas.hide();
}
// Снимаем класс .active со всех уроков
$('.lesson-item').removeClass('active');
// Добавляем класс .active к выбранному
$(this).addClass('active');
$.getJSON('api.php',{action:'get_lesson',id:id},function(data){
$('#lesson_id').val(data.id);
$('#topic').val(data.topic);
$('#lesson_date').val(data.date);
$('#time_start').val(data.time_start);
$('#time_end').val(data.time_end);
$('#repeat_type').val(data.repeat_type).change();
$('#lesson-info .data-topic').html(data.topic);
$('#lesson-info .data-date').html(data.date);
$('#lesson-info .data-student-name').html(data.student_name);
$('#lesson-info .data-data-link').attr('href', data.link_l);
$('#lesson-info .data-data-link').text(data.link_l);
// Обновление селекта ученика
if(data.student_id && data.student_name){
let newOption = new Option(data.student_name, data.student_id, true, true);
$('#student').append(newOption).trigger('change');
}
$('#lesson-form').collapse('hide');
$('.lesson-info').show();
loadHomework(id);
});
});
/*function loadHomework(lesson_id){
$.getJSON('api.php',{action:'get_homework',lesson_id:lesson_id},function(data){
$('#homework-table').html('');
data.forEach(hw=>{
$('#homework-table').append(
<tr data-id="${hw.id}">
<td>${hw.created_at}
<input class="form-control mt-1 comment-th" value="${hw.comment_th}">
</td>
<td class="teacher-file">
${hw.task_files.map(f=>
<a href="/uploads/${f.file_name}" download>${f.file_name}</a>).join('<br>')}
<input type="file" multiple class="task-files" data-homework-id="${hw.id}">
</td>
<td>
${hw.answer_files.map(f=>
<a href="/uploads/${f.file_name}" download>${f.file_name}</a>).join('<br>')}
<input type="file" multiple class="answer-files" data-homework-id="${hw.id}">
</td>
<td class="teacher-file">
<button class="btn btn-primary btn-sm save-comment">Сохранить</button>
</td>
</tr>
);
});
});
}*/
$('#add-homework').click(function(){
let lesson_id = $('#lesson_id').val();
if(!lesson_id){
alert('Сначала выберите или создайте урок!');
return;
}
$.post('api.php', {action: 'add_homework', lesson_id: lesson_id}, function(data){
if(data.status === 'ok'){
loadHomework(lesson_id);
}
}, 'json');
});
function loadHomeworkOLD(lesson_id){
$.getJSON('api.php',{action:'get_homework',lesson_id:lesson_id},function(data){
$('#homework-table').html('');
data.forEach(function(hw){
console.log(hw);
//let task_files = hw.task_files.map(f=>
<span class="file-item" data-id="${f.id}" data-type="task">${f.file_name} <button class="btn btn-sm btn-danger remove-file">x</button></span>).join('<br>');
//let answer_files = hw.answer_files.map(f=>
<span class="file-item" data-id="${f.id}" data-type="answer">${f.file_name} <button class="btn btn-sm btn-danger remove-file">x</button></span>).join('<br>');
let task_files = hw.task_files.map(f =>
<span class="file-item" data-id="${f.id}" data-type="task"><a href="/uploads/${f.file_name}" target="_blank" download>${f.file_name}</a>
<button class="btn btn-sm btn-danger remove-file">x</button></span>
).join('<br>');
let answer_files = hw.answer_files.map(f =>
<span class="file-item" data-id="${f.id}" data-type="answer"><a href="/uploads/${f.file_name}" target="_blank" download>${f.file_name}</a>
<button class="btn btn-sm btn-danger remove-file">x</button></span>
).join('<br>');
$('#homework-table').append(
<tr data-id="${hw.id}">
<td>
${hw.created_at}<br>
<input type="text" class="form-control mt-1 comment-th" value="${hw.comment_th}" placeholder="Комментарий">
</td>
<td class="teacher-file">
${task_files}
<input type="file" multiple class="task-files" data-homework-id="${hw.id}">
</td>
<td>
${answer_files}
<input type="file" multiple class="answer-files" data-homework-id="${hw.id}">
</td>
<td class="teacher-button">
<button class="btn btn-primary btn-sm save-comment">Сохранить</button>
<button class="btn btn-danger btn-sm delete-homework">Удалить</button>
</td>
</tr>
);
});
role_studenthide(ROLE);
$('#lesson_id').val(lesson_id);
});
}
function loadHomework(lesson_id){
$.getJSON('api.php',{action:'get_homework',lesson_id:lesson_id},function(data){
const container = $('#homework-container');
container.empty();
if (data.length === 0) {
container.html('<p class="text-muted">Домашних заданий пока нет.</p>');
return;
}
data.forEach(function(hw){
// Клонируем шаблон
const template = $('#homework-template').prop('content').firstElementChild.cloneNode(true);
const card = $(template);
card.attr('data-id', hw.id);
// Дата
card.find('[data-date]').text(hw.created_at);
// Комментарий
const commentInput = card.find('.comment-input');
commentInput.val(hw.comment_th || '');
// Файлы задания
const taskList = card.find('.task-files-list');
hw.task_files.forEach(f => {
taskList.append(
<div class="file-item mb-1" data-id="${f.id}" data-type="task">
<a href="/uploads/${f.file_name}" target="_blank" download>${f.file_name}</a>
<button type="button" class="btn btn-sm btn-danger remove-file ms-2">×</button>
</div>
);
});
// Файлы ответа
const answerList = card.find('.answer-files-list');
hw.answer_files.forEach(f => {
answerList.append(
<div class="file-item mb-1" data-id="${f.id}" data-type="answer">
<a href="/uploads/${f.file_name}" target="_blank" download>${f.file_name}</a>
<button type="button" class="btn btn-sm btn-danger remove-file ms-2">×</button>
</div>
);
});
// Инпуты загрузки
card.find('.task-files').data('homework-id', hw.id);
card.find('.answer-files').data('homework-id', hw.id);
container.append(card);
});
// Скрываем элементы для ученика
if (ROLE === 'student') {
$('.teacher-button, .task-files, .remove-file, .save-comment, .delete-homework').remove();
$('.comment-input').prop('readonly', true).addClass('border-0 bg-transparent');
$('.comment-input').prop('disabled', true);
}
$('#lesson_id').val(lesson_id);
});
}
$(document).on('change', '.task-files, .answer-files', function(){
let files = this.files;
let homework_id = $(this).data('homework-id');
let type = $(this).hasClass('task-files') ? 'task' : 'answer';
let formData = new FormData();
formData.append('action','upload_homework_file');
formData.append('homework_id', homework_id);
formData.append('type', type);
for(let i=0;i<files.length;i++){
formData.append('files[]', files[i]);
}
$.ajax({
url:'api.php',
type:'POST',
data: formData,
processData:false,
contentType:false,
success:function(){
if ($('#lesson_id').length > 0)
loadHomework($('#lesson_id').val());
else
loadHomework(LESSON_ID);
}
});
// очистка input чтобы можно было загрузить новые файлы
$(this).val('');
});
$(document).on('click','.remove-file',function(){
let file_id = $(this).parent().data('id');
if(!confirm('Удалить файл?')) return;
$.post('api.php',{action:'delete_homework_file',file_id:file_id},function(){
if ($('#lesson_id').length > 0)
loadHomework($('#lesson_id').val());
else
loadHomework(LESSON_ID);
});
});
// Сохранение комментария
$(document).on('click', '.save-comment', function(){
let card = $(this).closest('.homework-card');
let homework_id = card.data('id');
let comment = card.find('.comment-input').val();
$.post('api.php', {
action: 'save_homework_comment',
homework_id: homework_id,
comment_th: comment
}, function(data) {
if (data.status === 'ok') {
alert('Комментарий сохранён');
} else {
alert('Ошибка сохранения комментария');
}
}, 'json');
});
// Удаление всего домашнего задания
$(document).on('click', '.delete-homework', function(){
if (!confirm('Удалить всё домашнее задание? Это действие нельзя отменить.')) return;
let card = $(this).closest('.homework-card');
let homework_id = card.data('id');
$.post('api.php', {
action: 'delete_homework',
homework_id: homework_id
}, function(data) {
if (data.status === 'ok') {
card.remove();
if ($('#homework-container .homework-card').length === 0) {
$('#homework-container').html('<p class="text-muted text-center py-4">Домашних заданий пока нет.</p>');
}
}
}, 'json');
});
/* ================== УВЕДОМЛЕНИЯ ================== */
function loadNotifications(typeHtml=1) {
let params = { action: 'get_notifications' };
if (ROLE === 'student') {
params.student_id = STUDENT_ID;
}
$.getJSON('api.php',params,function(data){//{action:'get_notifications',student_id:student_id}
let unread=0, html='';
// Получаем последний сохраненный ID из локального хранилища
const lastSavedId = parseInt(localStorage.getItem('last_read_id')) || 0;
data.forEach(n=>{
const notificationId = parseInt(n.id);
// Условие: показываем если (не прочитано) ИЛИ (прочитано, но ID больше сохраненного)
if (!n.is_read || notificationId > lastSavedId) {
if(!n.is_read) unread++;
if(!n.name)
n.name='';
html+=
<div class="border-bottom p-2 ${n.is_read?'':'bg-warning'}">
<small>${n.created_at}</small><br>${n.message} ${n.name}
<button class="btn btn-sm btn-outline-secondary mark-read float-end"
data-id="${n.id}">✓</button>
</div>
; //bg-light
}
});
if(typeHtml)
$('#notify-list').html(html);
$('#notify-count').text(unread||'');
});
}
if (ROLE==='teacher' || ROLE==='student' ) {
loadNotifications();
setInterval(loadNotifications,125000);
}
$('#notify-btn').click(()=>$('#notifyModal').modal('show'));
$(document).on('click','.mark-read',function(){
//$.post('api.php',{action:'read_notification',id:$(this).data('id')},loadNotifications);
var $this = $(this); // Сохраняем ссылку на элемент
var $btn = $(this);
var id = $this.data('id');
var $notificationItem = $btn.closest('.border-bottom'); // Находим контейнер всей записи
$.post('api.php', {
action: 'read_notification',
id: id//$this.data('id')
}, function(response) {
// Сохраняем ID как последний обработанный
localStorage.setItem('last_read_id', id);
$notificationItem.fadeOut(300, function() {
$(this).remove(); // Полностью удаляем после скрытия
});
// Этот блок выполнится только при успешном ответе сервера
$this.closest('.notification-item').hide(); // Скрывает всю строку уведомления
loadNotifications(0);
});
});
// Копирование ссылки урока в буфер обмена
$(document).on('click', '.copy-link', function() {
const link = $(this).closest('.small').find('a').attr('href');
navigator.clipboard.writeText(link).then(() => {
// Временно меняем иконку
const btn = $(this);
const icon = btn.html();
btn.html('<i class="bi bi-check2"></i>').removeClass('btn-outline-secondary').addClass('btn-success');
setTimeout(() => {
btn.html(icon).removeClass('btn-success').addClass('btn-outline-secondary');
}, 2000);
}).catch(() => {
alert('Не удалось скопировать ссылку');
});
});
</script>
</body>
</html>