Add placeholder tabs in portal

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&nbsp;<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 %}