mohamad
61 lines
3.7 KiB
HTML
61 lines
3.7 KiB
HTML
{% extends "portal_base.html" %}
|
|
|
|
{% block title %}Project Dashboard{% endblock %}
|
|
{% block portal_title %}Welcome back{% if user.first_name %}, {{ user.first_name }}{% endif %}.{% endblock %}
|
|
{% block portal_subtitle %}Manage your research and technology projects from one focused workspace.{% endblock %}
|
|
{% block portal_actions %}<a href="{% url 'projects:create' %}" class="btn-primary">Start a new brief <span aria-hidden="true">→</span></a>{% endblock %}
|
|
|
|
{% block portal_content %}
|
|
<section class="dashboard-metrics" aria-label="Workspace summary">
|
|
<article class="metric-card">
|
|
<div class="metric-card__top"><span class="metric-card__icon">P</span><span class="metric-card__trend">Portfolio</span></div>
|
|
<strong>{{ page_obj.paginator.count|default:0 }}</strong>
|
|
<span>Total project brief{{ page_obj.paginator.count|pluralize }}</span>
|
|
</article>
|
|
<article class="metric-card">
|
|
<div class="metric-card__top"><span class="metric-card__icon metric-card__icon--gold">R</span><span class="metric-card__trend">Structured</span></div>
|
|
<strong>4 steps</strong>
|
|
<span>From scientific scope to delivery</span>
|
|
</article>
|
|
<article class="metric-card">
|
|
<div class="metric-card__top"><span class="metric-card__icon metric-card__icon--green">✓</span><span class="metric-card__trend">Private</span></div>
|
|
<strong>Secure</strong>
|
|
<span>Visible only to you and Tecvico</span>
|
|
</article>
|
|
</section>
|
|
|
|
<section class="dashboard-panel" id="project-briefs" aria-labelledby="recent-projects-title">
|
|
<div class="dashboard-panel__header">
|
|
<div><h2 id="recent-projects-title">Your project briefs</h2><p>Track submissions, quotes, and delivery progress.</p></div>
|
|
{% if briefs %}<span class="dashboard-panel__count">{{ page_obj.paginator.count }} total</span>{% endif %}
|
|
</div>
|
|
{% if briefs %}
|
|
<div class="portal-table-wrap">
|
|
<table class="portal-table">
|
|
<thead><tr><th>Project</th><th>Field</th><th>Status</th><th>Budget</th><th>Submitted</th><th><span class="sr-only">Actions</span></th></tr></thead>
|
|
<tbody>
|
|
{% for brief in briefs %}
|
|
<tr>
|
|
<td><a class="project-title-link" href="{% url 'projects:detail' pk=brief.pk %}">{{ brief.title }}</a></td>
|
|
<td>{% if brief.category %}{{ brief.get_category_display }}{% else %}<span class="table-muted">Not set</span>{% endif %}</td>
|
|
<td><span class="status-pill status-pill--{{ brief.status }}">{{ brief.get_status_display }}</span></td>
|
|
<td>{% if brief.budget_range %}{{ brief.get_budget_range_display }}{% else %}<span class="table-muted">Not set</span>{% endif %}</td>
|
|
<td>{{ brief.submitted_at|date:"M j, Y" }}</td>
|
|
<td><a href="{% url 'projects:detail' pk=brief.pk %}" class="table-action" aria-label="View {{ brief.title }}">View <span aria-hidden="true">→</span></a></td>
|
|
</tr>
|
|
{% endfor %}
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
{% if page_obj.has_other_pages %}<div class="portal-pagination">{% if page_obj.has_previous %}<a href="?page={{ page_obj.previous_page_number }}" class="portal-link">Previous</a>{% endif %}<span>Page {{ page_obj.number }} of {{ page_obj.paginator.num_pages }}</span>{% if page_obj.has_next %}<a href="?page={{ page_obj.next_page_number }}" class="portal-link">Next</a>{% endif %}</div>{% endif %}
|
|
{% else %}
|
|
<div class="portal-empty">
|
|
<div class="portal-empty__symbol" aria-hidden="true">+</div>
|
|
<h3>Create your first project brief</h3>
|
|
<p>Define the scientific challenge, goals, timeline, and supporting materials. You can review everything before submitting.</p>
|
|
<a href="{% url 'projects:create' %}" class="btn-primary">Create project brief</a>
|
|
</div>
|
|
{% endif %}
|
|
</section>
|
|
{% endblock %}
|