115 lines
3.7 KiB
HTML
115 lines
3.7 KiB
HTML
{% 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 %}
|