From a6d7030c17d59ee4bf7005c91201f71192ba3abf Mon Sep 17 00:00:00 2001
From: Gytha Ogg <gythaoggscat@gmail.com>
Date: Tue, 8 Oct 2024 15:22:31 +0200
Subject: [PATCH] feat(relations): new template to list relations

Displays the relations in a tabbed view with ALL tab appearing in the
beginning, followed by the other target groups.

closes #489
---
 .../list_relations_include_tabs.html          | 30 +++++++++++++++++++
 1 file changed, 30 insertions(+)
 create mode 100644 apis_core/relations/templates/relations/list_relations_include_tabs.html

diff --git a/apis_core/relations/templates/relations/list_relations_include_tabs.html b/apis_core/relations/templates/relations/list_relations_include_tabs.html
new file mode 100644
index 000000000..9afc63de2
--- /dev/null
+++ b/apis_core/relations/templates/relations/list_relations_include_tabs.html
@@ -0,0 +1,30 @@
+{% load relations %}
+{% relations_from from_obj=object as relations %}
+{% possible_relation_types_from object as possible_relations %}
+{% get_relation_targets_from object as possible_targets %}
+<div class="card mb-2">
+  <div class="card-header pb-0 border-bottom-0">
+    <ul class="nav nav-tabs">
+      <li class="nav-item">
+        <a class="nav-link active"
+           data-toggle="tab"
+           href="#reltab_{{ object.id }}_ALL">All</a>
+      </li>
+      {% for target in possible_targets %}
+        <li class="nav-item">
+          <a class="nav-link"
+             data-toggle="tab"
+             href="#reltab_{{ object.id }}_{{ target.name }}">{{ target.name | title }}</a>
+        </li>
+      {% endfor %}
+    </ul>
+  </div>
+  <div class="card-body">
+    <div class="tab-content">
+      <div class="tab-pane active" id="reltab_{{ object.id }}_ALL">{% include "relations/list_relations.html" %}</div>
+      {% for target in possible_targets %}
+        <div class="tab-pane" id="reltab_{{ object.id }}_{{ target.name }}">{% include "relations/list_relations.html" %}</div>
+      {% endfor %}
+    </div>
+  </div>
+</div>