|
|
<!DOCTYPE html> |
|
|
<html lang="vi"> |
|
|
<head> |
|
|
<meta charset="UTF-8"> |
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0"> |
|
|
<title>{% block title %}Student Feedback Analysis{% endblock %}</title> |
|
|
|
|
|
|
|
|
<link rel="icon" type="image/svg+xml" |
|
|
href="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -16 544 544' fill='%236B7280'%3E%3Cpath d='M527.79 288H290.5l158.03 158.03c6.04 6.04 15.98 6.53 22.19.68 38.7-36.46 65.32-85.61 73.13-140.86 1.34-9.46-6.51-17.85-16.06-17.85zm-15.83-64.8C503.72 103.74 408.26 8.28 288.8.04 279.68-.59 272 7.1 272 16.24V240h223.77c9.14 0 16.82-7.68 16.19-16.8zM224 288V50.71c0-9.55-8.39-17.4-17.84-16.06C86.99 51.49-4.1 155.6 .14 280.37 4.5 408.51 114.83 513.59 243.03 511.98c50.4-.63 96.97-16.87 135.26-44.03 7.9-5.6 8.42-17.23 1.57-24.08L224 288z'/%3E%3C/svg%3E"> |
|
|
|
|
|
<link rel="alternate icon" |
|
|
href="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -16 544 544' fill='%236B7280'%3E%3Cpath d='M527.79 288H290.5l158.03 158.03c6.04 6.04 15.98 6.53 22.19.68 38.7-36.46 65.32-85.61 73.13-140.86 1.34-9.46-6.51-17.85-16.06-17.85zm-15.83-64.8C503.72 103.74 408.26 8.28 288.8.04 279.68-.59 272 7.1 272 16.24V240h223.77c9.14 0 16.82-7.68 16.19-16.8zM224 288V50.71c0-9.55-8.39-17.4-17.84-16.06C86.99 51.49-4.1 155.6 .14 280.37 4.5 408.51 114.83 513.59 243.03 511.98c50.4-.63 96.97-16.87 135.26-44.03 7.9-5.6 8.42-17.23 1.57-24.08L224 288z'/%3E%3C/svg%3E"> |
|
|
|
|
|
|
|
|
|
|
|
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet"> |
|
|
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css" rel="stylesheet"> |
|
|
<link href="{{ url_for('static', filename='css/style.css') }}" rel="stylesheet"> |
|
|
|
|
|
{% block extra_head %}{% endblock %} |
|
|
</head> |
|
|
<body> |
|
|
<div class="container-fluid{% block container_class %}{% endblock %}"> |
|
|
|
|
|
{% block header %} |
|
|
<header> |
|
|
<div class="d-flex justify-content-between align-items-center"> |
|
|
<h1 class="display-4 fw-bold text-primary mb-0"> |
|
|
<i class="fas fa-graduation-cap me-1" style="margin-left: 10px !important;"></i> |
|
|
{% block page_title %}Student Feedback Analysis{% endblock %} |
|
|
</h1> |
|
|
<div class="d-flex align-items-center justify-content-end" style="margin-right: 20px; gap: 16px;"> |
|
|
{% if current_user.is_authenticated %} |
|
|
<span class="text-white fw-semibold d-flex align-items-center"> |
|
|
<i class="fas fa-user me-2"></i> |
|
|
{{ current_user.username }} |
|
|
</span> |
|
|
|
|
|
{% block navigation_buttons %} |
|
|
{% if current_user.is_admin %} |
|
|
<a href="{{ url_for('view_database') }}" class="btn-glass"> |
|
|
<i class="fas fa-database"></i> |
|
|
<span>Database</span> |
|
|
</a> |
|
|
{% else %} |
|
|
<a href="{{ url_for('my_statistics') }}" class="btn-glass"> |
|
|
<i class="fas fa-chart-bar"></i> |
|
|
<span>Thống kê của tôi</span> |
|
|
</a> |
|
|
{% endif %} |
|
|
<a href="{{ url_for('home') }}" class="btn-glass"> |
|
|
<i class="fas fa-chart-line"></i> |
|
|
<span>Trang Phân Tích</span> |
|
|
</a> |
|
|
<a href="{{ url_for('logout') }}" class="btn-glass"> |
|
|
<i class="fas fa-sign-out-alt"></i> |
|
|
<span>Đăng xuất</span> |
|
|
</a> |
|
|
{% endblock %} |
|
|
{% endif %} |
|
|
</div> |
|
|
</div> |
|
|
</header> |
|
|
{% endblock %} |
|
|
|
|
|
|
|
|
{% block flash_messages %} |
|
|
{% with messages = get_flashed_messages(with_categories=true) %} |
|
|
{% if messages %} |
|
|
<div class="row justify-content-center mb-2"> |
|
|
<div class="col-lg-8 col-md-10"> |
|
|
{% for category, message in messages %} |
|
|
<div class="alert alert-{{ 'danger' if category == 'error' else category }} alert-dismissible fade show" role="alert"> |
|
|
<div class="alert-content"> |
|
|
<i class="fas fa-{{ 'exclamation-triangle' if category == 'error' else 'info-circle' if category == 'info' else 'check-circle' if category == 'success' else 'exclamation-triangle' }}"></i> |
|
|
{{ message }} |
|
|
</div> |
|
|
<button type="button" class="btn-close" data-bs-dismiss="alert"></button> |
|
|
</div> |
|
|
{% endfor %} |
|
|
</div> |
|
|
</div> |
|
|
{% endif %} |
|
|
{% endwith %} |
|
|
{% endblock %} |
|
|
|
|
|
|
|
|
{% block content %}{% endblock %} |
|
|
|
|
|
|
|
|
{% block footer %} |
|
|
<footer class="text-center py-4 mt-5"> |
|
|
<p class="text-muted mb-0"> |
|
|
<i class="fas fa-robot me-2"></i> |
|
|
Powered by Tư _ Đức _ Nghĩa _ Hà |
|
|
</p> |
|
|
</footer> |
|
|
{% endblock %} |
|
|
</div> |
|
|
|
|
|
|
|
|
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js"></script> |
|
|
{% block extra_scripts %}{% endblock %} |
|
|
|
|
|
|
|
|
<script> |
|
|
document.addEventListener('DOMContentLoaded', function() { |
|
|
const alerts = document.querySelectorAll('.alert'); |
|
|
alerts.forEach(function(alert) { |
|
|
setTimeout(function() { |
|
|
alert.classList.add('fade-out'); |
|
|
setTimeout(function() { |
|
|
alert.remove(); |
|
|
}, 500); |
|
|
}, 2000); |
|
|
}); |
|
|
}); |
|
|
</script> |
|
|
</body> |
|
|
</html> |
|
|
|
