31 lines
2.2 KiB
HTML
31 lines
2.2 KiB
HTML
<!doctype html>
|
||
<html lang="en" xmlns:th="http://www.thymeleaf.org"
|
||
th:replace="~{fragments/layout :: shell(
|
||
pageTitle=${project.name},
|
||
section='Projects',
|
||
activeNav='projects',
|
||
primaryAction=~{::#primary-action},
|
||
content=~{::main})}">
|
||
<body>
|
||
<a id="primary-action" class="button button-primary" th:href="@{/projects/{id}/tasks(id=${project.id})}">View Tasks</a>
|
||
<main>
|
||
<p class="page-description" th:text="${project.description == null || #strings.isEmpty(project.description) ? 'No Project description.' : project.description}">Project description.</p>
|
||
<section class="panel metric-strip" aria-label="Project details">
|
||
<div class="metric"><div class="metric-label">Status</div><div class="metric-value"><span class="badge" th:classappend="${project.status == 'ACTIVE' ? ' badge-success' : ''}" th:text="${project.status}">PLANNED</span></div></div>
|
||
<div class="metric"><div class="metric-label">Mentor</div><div class="metric-value" th:text="${project.mentorName}">Mentor</div></div>
|
||
<div class="metric"><div class="metric-label">Leader</div><div class="metric-value" th:text="${project.leaderName}">Leader</div></div>
|
||
<div class="metric"><div class="metric-label">Project window</div><div class="metric-value" th:text="${#temporals.format(project.startDate, 'dd/MM/yyyy') + ' – ' + #temporals.format(project.endDate, 'dd/MM/yyyy')}">15/08/2026 – 30/09/2026</div></div>
|
||
</section>
|
||
<form class="inline-actions" th:if="${project.canManage and project.status == 'PLANNED'}" th:action="@{/projects/{id}/activate(id=${project.id})}" method="post">
|
||
<button class="button button-primary" type="submit">Activate</button>
|
||
</form>
|
||
<nav class="tabs" aria-label="Project sections">
|
||
<a class="tab" th:href="@{/projects/{id}(id=${project.id})}" aria-current="page">Overview</a>
|
||
<a class="tab" th:href="@{/projects/{id}/members(id=${project.id})}">Members</a>
|
||
<a class="tab" th:href="@{/projects/{id}/leadership(id=${project.id})}">Leadership</a>
|
||
<a class="tab" th:href="@{/projects/{id}/tasks(id=${project.id})}">Tasks</a>
|
||
</nav>
|
||
</main>
|
||
</body>
|
||
</html>
|