nngo/GOV_QR_Codes_Management
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Initial Codes

Browse Source
This commit is contained in:
NguyenND
2025-07-29 17:02:08 -04:00
committed by GitHub
parent 946b18f142
commit 7459d0fd15
34 changed files with 23480 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
templates/errors/403.html
+79
View File
@@ -0,0 +1,79 @@
<!-- templates/errors/403.html -->
{% extends "base.html" %} {% block title %}Access Forbidden - QR Code
Management{% endblock %} {% block content %}
<div class="error-page">
<div class="error-container">
<div class="error-code">403</div>
<div class="error-message">
<h1>Access Forbidden</h1>
<p>You don't have permission to access this resource.</p>
<p class="error-detail">This action requires administrator privileges.</p>
</div>
<div class="error-actions">
<a href="{{ url_for('dashboard') }}" class="btn btn-primary">
<i class="fas fa-home"></i>
Go to Dashboard
</a>
{% if session.role == 'staff' %}
<a href="{{ url_for('profile') }}" class="btn btn-secondary">
<i class="fas fa-user"></i>
View Profile
</a>
{% endif %}
</div>
</div>
</div>
<style>
.error-page {
display: flex;
justify-content: center;
align-items: center;
min-height: 60vh;
padding: var(--spacing-8);
}
.error-container {
text-align: center;
max-width: 600px;
}
.error-code {
font-size: 8rem;
font-weight: 900;
color: var(--warning-color);
line-height: 1;
margin-bottom: var(--spacing-4);
background: linear-gradient(135deg, var(--warning-color), #b45309);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
}
.error-message h1 {
font-size: var(--font-size-3xl);
color: var(--gray-900);
margin-bottom: var(--spacing-4);
}
.error-message p {
font-size: var(--font-size-lg);
color: var(--gray-600);
margin-bottom: var(--spacing-4);
}
.error-detail {
font-size: var(--font-size-sm);
color: var(--warning-color);
font-weight: 600;
margin-bottom: var(--spacing-8) !important;
}
.error-actions {
display: flex;
gap: var(--spacing-4);
justify-content: center;
flex-wrap: wrap;
}
</style>
{% endblock %}
templates/errors/404.html
+73
View File
@@ -0,0 +1,73 @@
<!-- templates/errors/404.html -->
{% extends "base.html" %} {% block title %}Page Not Found - QR Code Management{%
endblock %} {% block content %}
<div class="error-page">
<div class="error-container">
<div class="error-code">404</div>
<div class="error-message">
<h1>Page Not Found</h1>
<p>The page you're looking for doesn't exist or has been moved.</p>
</div>
<div class="error-actions">
<a href="{{ url_for('dashboard') }}" class="btn btn-primary">
<i class="fas fa-home"></i>
Go to Dashboard
</a>
<a href="javascript:history.back()" class="btn btn-secondary">
<i class="fas fa-arrow-left"></i>
Go Back
</a>
</div>
</div>
</div>
<style>
.error-page {
display: flex;
justify-content: center;
align-items: center;
min-height: 60vh;
padding: var(--spacing-8);
}
.error-container {
text-align: center;
max-width: 600px;
}
.error-code {
font-size: 8rem;
font-weight: 900;
color: var(--primary-color);
line-height: 1;
margin-bottom: var(--spacing-4);
background: linear-gradient(
135deg,
var(--primary-color),
var(--primary-hover)
);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
}
.error-message h1 {
font-size: var(--font-size-3xl);
color: var(--gray-900);
margin-bottom: var(--spacing-4);
}
.error-message p {
font-size: var(--font-size-lg);
color: var(--gray-600);
margin-bottom: var(--spacing-8);
}
.error-actions {
display: flex;
gap: var(--spacing-4);
justify-content: center;
flex-wrap: wrap;
}
</style>
{% endblock %}
templates/errors/500.html
+77
View File
@@ -0,0 +1,77 @@
<!-- templates/errors/500.html -->
{% extends "base.html" %} {% block title %}Server Error - QR Code Management{%
endblock %} {% block content %}
<div class="error-page">
<div class="error-container">
<div class="error-code">500</div>
<div class="error-message">
<h1>Internal Server Error</h1>
<p>Something went wrong on our end. We're working to fix it.</p>
<p class="error-detail">Please try again in a few moments.</p>
</div>
<div class="error-actions">
<a href="{{ url_for('dashboard') }}" class="btn btn-primary">
<i class="fas fa-home"></i>
Go to Dashboard
</a>
<button onclick="location.reload()" class="btn btn-secondary">
<i class="fas fa-redo"></i>
Try Again
</button>
</div>
</div>
</div>
<style>
.error-page {
display: flex;
justify-content: center;
align-items: center;
min-height: 60vh;
padding: var(--spacing-8);
}
.error-container {
text-align: center;
max-width: 600px;
}
.error-code {
font-size: 8rem;
font-weight: 900;
color: var(--danger-color);
line-height: 1;
margin-bottom: var(--spacing-4);
background: linear-gradient(135deg, var(--danger-color), #b91c1c);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
}
.error-message h1 {
font-size: var(--font-size-3xl);
color: var(--gray-900);
margin-bottom: var(--spacing-4);
}
.error-message p {
font-size: var(--font-size-lg);
color: var(--gray-600);
margin-bottom: var(--spacing-4);
}
.error-detail {
font-size: var(--font-size-sm);
color: var(--danger-color);
font-weight: 600;
margin-bottom: var(--spacing-8) !important;
}
.error-actions {
display: flex;
gap: var(--spacing-4);
justify-content: center;
flex-wrap: wrap;
}
</style>
{% endblock %}