Initial commit: Quality App v2 - FG Scan Module with Reports
This commit is contained in:
114
app/templates/dashboard.html
Normal file
114
app/templates/dashboard.html
Normal file
@@ -0,0 +1,114 @@
|
||||
{% extends "base.html" %}
|
||||
|
||||
{% block title %}Dashboard - Quality App v2{% endblock %}
|
||||
|
||||
{% block content %}
|
||||
<div class="container-fluid py-5">
|
||||
<!-- Welcome Section -->
|
||||
<div class="row mb-5">
|
||||
<div class="col-12">
|
||||
<div class="welcome-card bg-gradient p-5 rounded">
|
||||
<h1 class="mb-2">Welcome, {{ user.full_name }}!</h1>
|
||||
<p class="text-muted mb-0">
|
||||
<i class="fas fa-calendar-alt"></i>
|
||||
Today is {{ now().strftime('%A, %B %d, %Y') }}
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Quick Stats Section -->
|
||||
<div class="row mb-5">
|
||||
<div class="col-md-3">
|
||||
<div class="stat-card">
|
||||
<div class="stat-icon bg-primary">
|
||||
<i class="fas fa-chart-line"></i>
|
||||
</div>
|
||||
<div class="stat-content">
|
||||
<h3>0</h3>
|
||||
<p>Total Inspections</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-3">
|
||||
<div class="stat-card">
|
||||
<div class="stat-icon bg-success">
|
||||
<i class="fas fa-check-circle"></i>
|
||||
</div>
|
||||
<div class="stat-content">
|
||||
<h3>0</h3>
|
||||
<p>Passed</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-3">
|
||||
<div class="stat-card">
|
||||
<div class="stat-icon bg-warning">
|
||||
<i class="fas fa-exclamation-circle"></i>
|
||||
</div>
|
||||
<div class="stat-content">
|
||||
<h3>0</h3>
|
||||
<p>Warnings</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-3">
|
||||
<div class="stat-card">
|
||||
<div class="stat-icon bg-danger">
|
||||
<i class="fas fa-times-circle"></i>
|
||||
</div>
|
||||
<div class="stat-content">
|
||||
<h3>0</h3>
|
||||
<p>Failed</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Modules Section -->
|
||||
<div class="row">
|
||||
<div class="col-12 mb-4">
|
||||
<h2 class="mb-4">
|
||||
<i class="fas fa-th"></i> Available Modules
|
||||
</h2>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
{% for module in modules %}
|
||||
<div class="col-md-6 col-lg-4 mb-4">
|
||||
<div class="module-card card h-100 shadow-sm hover-shadow">
|
||||
<div class="card-body text-center">
|
||||
<div class="module-icon mb-3">
|
||||
<i class="fas {{ module.icon }} text-{{ module.color }}"></i>
|
||||
</div>
|
||||
<h5 class="card-title">{{ module.name }}</h5>
|
||||
<p class="card-text text-muted">{{ module.description }}</p>
|
||||
<a href="{{ module.url }}" class="btn btn-{{ module.color }} btn-sm">
|
||||
<i class="fas fa-arrow-right"></i> Open Module
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{% endfor %}
|
||||
</div>
|
||||
|
||||
<!-- Recent Activity Section -->
|
||||
<div class="row mt-5">
|
||||
<div class="col-12">
|
||||
<div class="card shadow-sm">
|
||||
<div class="card-header bg-light border-bottom">
|
||||
<h5 class="card-title mb-0">
|
||||
<i class="fas fa-history"></i> Recent Activity
|
||||
</h5>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<p class="text-muted text-center py-4">
|
||||
<i class="fas fa-inbox"></i> No recent activity
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{% endblock %}
|
||||
Reference in New Issue
Block a user