109 lines
5.1 KiB
HTML
109 lines
5.1 KiB
HTML
<!-- templates/dashboard.html -->
|
|
{% extends "base.html" %}
|
|
|
|
{% block content %}
|
|
<div class="row">
|
|
<div class="col-md-3">
|
|
<div class="sidebar">
|
|
<h2>Navigation</h2>
|
|
<ul class="nav-links">
|
|
<li><a href="{{ url_for('dashboard') }}" class="active"><i class="fas fa-home"></i> Dashboard</a></li>
|
|
<li><a href="{{ url_for('add_record') }}"><i class="fas fa-plus-circle"></i> Add Record</a></li>
|
|
<li><a href="#"><i class="fas fa-history"></i> History</a></li>
|
|
<li><a href="#"><i class="fas fa-chart-line"></i> Statistics</a></li>
|
|
<li><a href="#"><i class="fas fa-cog"></i> Settings</a></li>
|
|
<li><a href="{{ url_for('logout') }}"><i class="fas fa-sign-out-alt"></i> Logout</a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-md-9">
|
|
<div class="main-content">
|
|
<div class="content-header">
|
|
<h2>Your Health Records</h2>
|
|
<a href="{{ url_for('add_record') }}" class="btn btn-primary">
|
|
<i class="fas fa-plus"></i> Add New Record
|
|
</a>
|
|
</div>
|
|
|
|
<div class="stats-container">
|
|
<div class="stat-card">
|
|
<i class="fas fa-heartbeat"></i>
|
|
<h3>{{ total_records }}</h3>
|
|
<p>Total Illnesses</p>
|
|
</div>
|
|
<div class="stat-card">
|
|
<i class="fas fa-calendar-check"></i>
|
|
<h3>{{ recovered }}</h3>
|
|
<p>Recovered</p>
|
|
</div>
|
|
<div class="stat-card">
|
|
<i class="fas fa-clipboard-list"></i>
|
|
<h3>{{ active }}</h3>
|
|
<p>Active Conditions</p>
|
|
</div>
|
|
<div class="stat-card">
|
|
<i class="fas fa-calendar-alt"></i>
|
|
<h3>2.5y</h3>
|
|
<p>Average Duration</p>
|
|
</div>
|
|
</div>
|
|
|
|
{% if records %}
|
|
<div class="records-container">
|
|
<div class="records-header">
|
|
<h3>Recent Health Records</h3>
|
|
<div>
|
|
<button class="btn btn-outline"><i class="fas fa-filter"></i> Filter</button>
|
|
</div>
|
|
</div>
|
|
|
|
<ul class="records-list">
|
|
{% for record in records %}
|
|
<li class="record-item">
|
|
<div class="record-header">
|
|
<h4 class="record-title">{{ record.illness_name }}</h4>
|
|
<span class="record-date">{{ record.diagnosis_date.strftime('%b %d, %Y') }}</span>
|
|
</div>
|
|
<div class="record-details">
|
|
<div class="detail-item">
|
|
<i class="fas fa-heart"></i>
|
|
<span>Severity: {{ record.severity.title() }}</span>
|
|
</div>
|
|
<div class="detail-item">
|
|
<i class="fas fa-pills"></i>
|
|
<span>Treatment: {{ record.treatment or 'None' }}</span>
|
|
</div>
|
|
<div class="detail-item">
|
|
<i class="fas fa-clock"></i>
|
|
<span>Duration: {{ 'Unknown' }}</span>
|
|
</div>
|
|
</div>
|
|
<p class="record-description">{{ record.description[:150] }}{% if record.description|length > 150 %}...{% endif %}</p>
|
|
<div class="actions">
|
|
<a href="{{ url_for('edit_record', record_id=record.id) }}" class="btn edit-btn"><i class="fas fa-edit"></i> Edit</a>
|
|
<form method="POST" action="{{ url_for('delete_record', record_id=record.id) }}" style="display: inline;">
|
|
<button type="submit" class="btn delete-btn" onclick="return confirm('Are you sure you want to delete this record?')">
|
|
<i class="fas fa-trash"></i> Delete
|
|
</button>
|
|
</form>
|
|
</div>
|
|
</li>
|
|
{% endfor %}
|
|
</ul>
|
|
</div>
|
|
{% else %}
|
|
<div class="empty-state">
|
|
<i class="fas fa-file-medical"></i>
|
|
<h3>No Health Records Found</h3>
|
|
<p>You haven't added any health records yet. Start by adding your first record.</p>
|
|
<a href="{{ url_for('add_record') }}" class="btn btn-primary mt-3">
|
|
<i class="fas fa-plus"></i> Add Your First Record
|
|
</a>
|
|
</div>
|
|
{% endif %}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{% endblock %}
|