diff --git a/scipost_django/scipost/templates/scipost/portal/portal.html b/scipost_django/scipost/templates/scipost/portal/portal.html index 2bced74c3f44fdf2306d617e1bec3f273480dc86..3fa61d5f7ae86769fe254a8ec21b36237878edfb 100644 --- a/scipost_django/scipost/templates/scipost/portal/portal.html +++ b/scipost_django/scipost/templates/scipost/portal/portal.html @@ -16,8 +16,18 @@ {% block content %} - <ul class="nav nav-pills" + <ul class="nav nav-pills flex-column flex-sm-row mb-3 justify-content-center" role="tablist"> + + <li class="nav-item" role="presentation"> + <button class="nav-link" id="journals-tab" + data-bs-toggle="tab" data-bs-target="#journals" + type="button" role="tab" + aria-controls="journals" aria-selected="true"> + Journals + </button> + </li> + <li class="nav-item" role="presentation"> <button class="nav-link active" id="publications-tab" data-bs-toggle="tab" data-bs-target="#publications" @@ -26,6 +36,7 @@ Publications </button> </li> + <li class="nav-item" role="presentation"> <button class="nav-link" id="submissions-tab" data-bs-toggle="tab" data-bs-target="#submissions" @@ -34,11 +45,45 @@ Submissions </button> </li> + + <li class="nav-item" role="presentation"> + <button class="nav-link" id="reports-needed-tab" + data-bs-toggle="tab" data-bs-target="#reports-needed" + type="button" role="tab" + aria-controls="reports-needed" aria-selected="true"> + Reports needed <span class="text-warning">{% include 'bi/exclamation-square-fill.html' %}</span> + </button> + </li> + + <li class="nav-item" role="presentation"> + <button class="nav-link" id="reports-tab" + data-bs-toggle="tab" data-bs-target="#reports" + type="button" role="tab" + aria-controls="reports" aria-selected="true"> + Reports + </button> + </li> + + <li class="nav-item" role="presentation"> + <button class="nav-link" id="comments-tab" + data-bs-toggle="tab" data-bs-target="#comments" + type="button" role="tab" + aria-controls="comments" aria-selected="true"> + Comments + </button> + </li> + </ul> <hr> <div class="tab-content mt-4" id="portalTabContent"> + + <div class="tab-pane fade" id="journals" + role="tabpanel" aria-labelledby="journals-tab"> + Journals + </div> + <div class="tab-pane fade show active" id="publications" role="tabpanel" aria-labelledby="publications-tab"> <div hx-get="{% url 'scipost:_hx_publications' %}" @@ -46,6 +91,7 @@ > </div> </div> + <div class="tab-pane fade" id="submissions" role="tabpanel" aria-labelledby="submissions-tab"> <div hx-get="{% url 'scipost:_hx_submissions' %}" @@ -53,6 +99,22 @@ > </div> </div> + + <div class="tab-pane fade" id="reports-needed" + role="tabpanel" aria-labelledby="reports-needed-tab"> + Reports needed! + </div> + + <div class="tab-pane fade" id="reports" + role="tabpanel" aria-labelledby="reports-tab"> + Reports + </div> + + <div class="tab-pane fade" id="comments" + role="tabpanel" aria-labelledby="comments-tab"> + Comments + </div> + </div> {% endblock %}