62 lines
2.1 KiB
HTML
62 lines
2.1 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="zh">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<title>课程选择主页</title>
|
|
<link rel="stylesheet" href="/static/css/footer.css">
|
|
<link rel="stylesheet" href="/static/css/index.css">
|
|
</head>
|
|
<body>
|
|
{% include 'navbar.html' %}
|
|
|
|
<main>
|
|
<section class="search-section">
|
|
<div class="container">
|
|
<div class="row justify-content-center">
|
|
<div class="col-lg-8">
|
|
<div class="search-container">
|
|
<div class="input-group">
|
|
<input type="text" class="form-control form-control-lg" placeholder="搜索您感兴趣的课程...">
|
|
<button class="btn btn-primary btn-lg" type="button">
|
|
<i class="fas fa-search me-1"></i> 搜索
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
|
|
<div class="course-selection">
|
|
<h2>课程列表</h2>
|
|
<div class="course-list">
|
|
{% for course in courses_data %}
|
|
<div class="course-card" onclick="show_course_details('{{ course._id }}')">
|
|
<img src="{{ course.image_url }}" alt="{{ course.course_name }}">
|
|
<h3>{{ course.name }}</h3>
|
|
<p>{{ course.description }}</p>
|
|
{% if course._id in selected_courses %}
|
|
<button class="selected-button">已选择</button>
|
|
{% else %}
|
|
<button class="select-button" data-course-id="{{course._id}}">选择课程</button>
|
|
{% endif %}
|
|
</div>
|
|
{% endfor %}
|
|
|
|
</div>
|
|
</div>
|
|
</main>
|
|
|
|
|
|
{% include 'foot.html' %}
|
|
</body>
|
|
<script>
|
|
window.appData = {
|
|
user_selected_courses: JSON.parse(`{{selected_courses}}`.replace(/"/g, "\""))
|
|
}
|
|
</script>
|
|
<script src="/static/js/index.js"></script>
|
|
</html>
|
|
|