eye / templates /index.html
triflix's picture
Upload 23 files
0a515cd verified
{% extends "base.html" %}
{% block title %}Dashboard - Architecture PM System{% endblock %}
{% block content %}
<div class="container">
<h1 class="mb-4"><i class="bi bi-speedometer2"></i> Dashboard</h1>
<div class="row g-4 mb-5">
<div class="col-md-3">
<div class="card text-white bg-primary">
<div class="card-body">
<h5 class="card-title"><i class="bi bi-folder"></i> Projects</h5>
<h2 class="display-4">{{ projects_count }}</h2>
<a href="/projects" class="btn btn-light btn-sm mt-2">View All</a>
</div>
</div>
</div>
<div class="col-md-3">
<div class="card text-white bg-success">
<div class="card-body">
<h5 class="card-title"><i class="bi bi-people"></i> Employees</h5>
<h2 class="display-4">{{ employees_count }}</h2>
<a href="/employees" class="btn btn-light btn-sm mt-2">View All</a>
</div>
</div>
</div>
<div class="col-md-3">
<div class="card text-white bg-info">
<div class="card-body">
<h5 class="card-title"><i class="bi bi-clock-history"></i> Timesheets</h5>
<h2 class="display-4">{{ timesheets_count }}</h2>
<a href="/timesheets" class="btn btn-light btn-sm mt-2">View All</a>
</div>
</div>
</div>
<div class="col-md-3">
<div class="card text-white bg-warning">
<div class="card-body">
<h5 class="card-title"><i class="bi bi-receipt"></i> Invoices</h5>
<h2 class="display-4">{{ invoices_count }}</h2>
<a href="/invoices" class="btn btn-light btn-sm mt-2">View All</a>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-12">
<div class="card">
<div class="card-header bg-primary text-white">
<h5 class="mb-0"><i class="bi bi-graph-up"></i> Quick Links</h5>
</div>
<div class="card-body">
<div class="list-group">
<a href="/projects" class="list-group-item list-group-item-action">
<i class="bi bi-folder"></i> Manage Projects
</a>
<a href="/employees" class="list-group-item list-group-item-action">
<i class="bi bi-people"></i> Manage Employees
</a>
<a href="/timesheets" class="list-group-item list-group-item-action">
<i class="bi bi-clock-history"></i> Track Time
</a>
<a href="/milestones" class="list-group-item list-group-item-action">
<i class="bi bi-flag"></i> Monitor Milestones
</a>
<a href="/invoices" class="list-group-item list-group-item-action">
<i class="bi bi-receipt"></i> Process Invoices
</a>
<a href="/subcontractors" class="list-group-item list-group-item-action">
<i class="bi bi-tools"></i> Manage Subcontractors
</a>
<a href="/staff-allocation" class="list-group-item list-group-item-action">
<i class="bi bi-person-workspace"></i> Allocate Staff
</a>
</div>
</div>
</div>
</div>
</div>
</div>
{% endblock %}