ClassManager/frontend/admin/subjects.php

<?php
/**
 * 班级操行分管理系统 - 管理端科目管理
 * 
 * 开发者: Canglan
 * 联系方式: admin@sea-studio.top
 * 版权归属: Sea Network Technology Studio
 * 许可证: MIT License
 * 
 * 版权所有 © Sea Network Technology Studio
 */

require_once __DIR__ . '/../config.php';

if (!isset($_SESSION['user_id']) || $_SESSION['user_type'] !== 'admin') {
    header('Location: /index.php');
    exit();
}

$role = $_SESSION['role'] ?? '';
if (!in_array($role, ['班主任', '学习委员'])) {
    header('Location: /admin/dashboard.php');
    exit();
}

$page_title = '科目管理';
include __DIR__ . '/../includes/header.php';
?>

<div class="nav">
    <a href="/admin/dashboard.php" class="nav-item">首页</a>
    <a href="/admin/students.php" class="nav-item">学生管理</a>
    <?php if ($role === '班主任' || $role === '班长'): ?>
    <a href="/admin/conduct.php" class="nav-item">操行分管理</a>
    <?php endif; ?>
    <?php if ($role === '班主任' || $role === '学习委员'): ?>
    <a href="/admin/homework.php" class="nav-item">作业管理</a>
    <a href="/admin/subjects.php" class="nav-item active">科目管理</a>
    <?php endif; ?>
    <?php if ($role === '班主任' || $role === '考勤委员'): ?>
    <a href="/admin/attendance.php" class="nav-item">考勤管理</a>
    <?php endif; ?>
    <?php if ($role === '班主任'): ?>
    <a href="/admin/admins.php" class="nav-item">管理员管理</a>
    <?php endif; ?>
    <a href="/admin/history.php" class="nav-item">历史记录</a>
    <a href="/admin/password.php" class="nav-item">修改密码</a>
</div>

<div class="container">
    <div class="card">
        <div class="action-bar">
            <button class="btn btn-primary" onclick="showAddSubjectModal()">添加科目</button>
        </div>
        <div id="subjectList" class="subject-list"></div>
    </div>
</div>

<!-- 添加科目模态框 -->
<div id="addSubjectModal" class="modal">
    <div class="modal-content">
        <div class="modal-header">
            <h3>添加科目</h3>
            <button class="modal-close" onclick="closeModal('addSubjectModal')">&times;</button>
        </div>
        <form onsubmit="event.preventDefault(); submitAddSubject()">
            <div class="form-group">
                <label>科目名称</label>
                <input type="text" id="subjectName" required placeholder="例如：语文、数学">
            </div>
            <div class="form-group">
                <label>科目代码</label>
                <input type="text" id="subjectCode" placeholder="例如：CHI、MATH">
                <small>可选，用于排序和标识</small>
            </div>
            <div class="modal-footer">
                <button type="submit" class="btn btn-primary">添加</button>
                <button type="button" class="btn" onclick="closeModal('addSubjectModal')">取消</button>
            </div>
        </form>
    </div>
</div>

<style>
.subject-list {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}
.subject-item {
    background: #f8f9fa;
    padding: 12px 20px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    gap: 15px;
}
.subject-name {
    font-weight: 500;
    font-size: 16px;
}
.subject-code {
    color: #999;
    font-size: 12px;
}
.subject-status {
    font-size: 11px;
    padding: 2px 8px;
    border-radius: 12px;
}
.subject-status-active {
    background: #c6f6d5;
    color: #22543d;
}
.subject-status-inactive {
    background: #fed7d7;
    color: #742a2a;
}
</style>

<script>
async function loadSubjects() {
    const res = await apiGet('/api/subject/list');
    if (res && res.success) {
        let html = '';
        res.data.subjects.forEach(sub => {
            html += `
                <div class="subject-item">
                    <span class="subject-name">${escapeHtml(sub.subject_name)}</span>
                    <span class="subject-code">${escapeHtml(sub.subject_code || '')}</span>
                    <span class="subject-status ${sub.is_active ? 'subject-status-active' : 'subject-status-inactive'}">
                        ${sub.is_active ? '启用' : '禁用'}
                    </span>
                    <button class="btn btn-sm" onclick="toggleSubject(${sub.subject_id}, ${!sub.is_active})">
                        ${sub.is_active ? '禁用' : '启用'}
                    </button>
                </div>
            `;
        });
        if (res.data.subjects.length === 0) {
            html = '<p style="text-align:center;padding:40px;">暂无科目，请点击"添加科目"</p>';
        }
        document.getElementById('subjectList').innerHTML = html;
    }
}

async function toggleSubject(subjectId, enable) {
    const res = await apiPut(`/api/subject/update/${subjectId}`, { is_active: enable });
    if (res && res.success) {
        showToast(enable ? '科目已启用' : '科目已禁用');
        loadSubjects();
    } else {
        showToast(res?.message || '操作失败', 'error');
    }
}

function showAddSubjectModal() {
    document.getElementById('addSubjectModal').style.display = 'flex';
    document.getElementById('addSubjectForm')?.reset();
}

async function submitAddSubject() {
    const subjectName = document.getElementById('subjectName').value.trim();
    const subjectCode = document.getElementById('subjectCode').value.trim();
    if (!subjectName) {
        showToast('请填写科目名称', 'warning');
        return;
    }
    const res = await apiPost('/api/subject/create', {
        subject_name: subjectName,
        subject_code: subjectCode
    });
    if (res && res.success) {
        showToast('科目添加成功');
        closeModal('addSubjectModal');
        loadSubjects();
    } else {
        showToast(res?.message || '添加失败', 'error');
    }
}

function closeModal(modalId) {
    const modal = document.getElementById(modalId);
    if (modal) modal.style.display = 'none';
}

loadSubjects();
</script>
<script src="/assets/js/admin.js"></script>

<?php include __DIR__ . '/../includes/footer.php'; ?>