1 files changed, 43 insertions, 0 deletions
diff --git a/ishtar_common/templates/blocks/DataTables-tabs.html b/ishtar_common/templates/blocks/DataTables-tabs.html
new file mode 100644
index 000000000..ddfcaa575
--- /dev/null
+++ b/ishtar_common/templates/blocks/DataTables-tabs.html
@@ -0,0 +1,43 @@
+{% load i18n %}
+
+<ul class="nav nav-tabs m-3">
+  <li class="nav-item">
+    <a class="nav-link active" id="tab-grid-{{name}}" data-toggle="tab"
+       href="#tab-content-grid-{{name}}" role="tab"
+       aria-controls="tab-content-grid-{{name}}" aria-selected="true">
+        {% trans "Table" %}
+    </a>
+  </li>
+  {% if gallery %}<li class="nav-item">
+      <a class="nav-link" id="tab-gallery-{{name}}" data-toggle="tab"
+         href="#tab-content-gallery-{{name}}" role="tab"
+         aria-controls="tab-content-gallery-{{name}}" aria-selected="true">
+          {% trans "Gallery" %}
+      </a>
+  </li>{% endif %}
+  {% if use_map %}<li class="nav-item">
+      <a class="nav-link" id="tab-map-{{name}}" data-toggle="tab"
+         href="#tab-content-map-{{name}}" role="tab"
+         aria-controls="tab-content-map-{{name}}" aria-selected="true">
+          {% trans "Map" %}
+      </a>
+  </li>{% endif %}
+</ul>
+
+<div class="tab-content">
+  <div class="tab-pane active"
+       id="tab-content-grid-{{name}}" role="tabpanel"
+       aria-labelledby="tab-grid-{{name}}">
+      {% include "blocks/DataTables-content.html" %}
+  </div>
+  {% if gallery %}<div class="tab-pane"
+       id="tab-content-gallery-{{name}}" role="tabpanel"
+       aria-labelledby="tab-gallery-{{name}}">
+  </div>{% endif %}
+  {% if use_map %}<div class="tab-pane"
+       id="tab-content-map-{{name}}" role="tabpanel"
+       aria-labelledby="tab-map-{{name}}">
+  </div>{% endif %}
+</div>
+
+