From 0ddb5eebb995670e7621d6a52dae69bc8d96547a Mon Sep 17 00:00:00 2001
From: Étienne Loks <etienne.loks@iggdrasil.net>
Date: Wed, 23 Jan 2019 14:55:47 +0100
Subject: Map: basic management of map tab

---
 .../templates/blocks/DataTables-gallery.html       | 32 ----------------
 .../templates/blocks/DataTables-tabs.html          | 43 ++++++++++++++++++++++
 ishtar_common/templates/blocks/DataTables.html     | 43 ++++++++++++++++++----
 .../templates/blocks/bs_form_snippet.html          |  2 +-
 4 files changed, 79 insertions(+), 41 deletions(-)
 delete mode 100644 ishtar_common/templates/blocks/DataTables-gallery.html
 create mode 100644 ishtar_common/templates/blocks/DataTables-tabs.html

(limited to 'ishtar_common/templates/blocks')

diff --git a/ishtar_common/templates/blocks/DataTables-gallery.html b/ishtar_common/templates/blocks/DataTables-gallery.html
deleted file mode 100644
index fc9e0505a..000000000
--- a/ishtar_common/templates/blocks/DataTables-gallery.html
+++ /dev/null
@@ -1,32 +0,0 @@
-{% 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>
-  <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>
-</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>
-  <div class="tab-pane"
-       id="tab-content-gallery-{{name}}" role="tabpanel"
-       aria-labelledby="tab-gallery-{{name}}">
-  </div>
-</div>
-
-
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>
+
+
diff --git a/ishtar_common/templates/blocks/DataTables.html b/ishtar_common/templates/blocks/DataTables.html
index 56deff82e..f9fba7ba4 100644
--- a/ishtar_common/templates/blocks/DataTables.html
+++ b/ishtar_common/templates/blocks/DataTables.html
@@ -1,7 +1,5 @@
 {% load i18n %}
 
-<p class="text-center">
-
 <button id='search_{{name}}' class='btn btn-primary search_button'
         type="button">
     {% trans "Search" %}</button>
@@ -27,8 +25,8 @@
   </div>
 </div>
 
-{% if gallery %}
-{% include "blocks/DataTables-gallery.html" %}
+{% if gallery or use_map %}
+{% include "blocks/DataTables-tabs.html" %}
 {% else %}
 {% include "blocks/DataTables-content.html" %}
 {% endif %}
@@ -51,15 +49,22 @@ $('#modal_grid_{{name}}').on('hide.bs.modal', function (e) {
     current_modal = null;
 });
 
+{% if gallery or use_map %}
+$("#tab-grid-{{name}}").click(function(){
+    current_tab = "table";
+    datatable_submit_search();
+});
+{% endif %}
 {% if gallery %}
 $("#tab-gallery-{{name}}").click(function(){
     current_tab = "gallery";
     gallery_submit_search();
 });
-
-$("#tab-grid-{{name}}").click(function(){
-    current_tab = "table";
-    datatable_submit_search();
+{% endif %}
+{% if use_map %}
+$("#tab-map-{{name}}").click(function(){
+    current_tab = "map";
+    map_submit_search();
 });
 {% endif %}
 
@@ -95,6 +100,28 @@ gallery_submit_search = function(image_page){
     return false;
 };
 {% endif %}
+{% if use_map %}
+map_submit_search = function(){
+    var data = search_get_query_data(query_vars, "{{name}}");
+    var nb_select = jQuery("#id_{{name}}-length_map").val();
+    if (!nb_select) nb_select = 10;
+
+    var url = "{{source}}json-map?length=" + nb_select + "&submited=1&" + data;
+    $.getJSON(url, function(data) {
+        var timestamp = Math.floor(Date.now() / 1000);
+        var map_id = "map-" + timestamp;
+        var result = render_map(data, "{{name}}", nb_select, map_id);
+        $("#tab-content-map-{{name}}").html(result["html"]);
+        $("#id_{{name}}-length_map").change(map_submit_search);
+        register_map(map_id, result["points"]);
+    });
+
+    if ($('.modal-progress').length > 0){
+        $('.modal-progress').modal('hide');
+    }
+    return false;
+};
+{% endif %}
 
 datatable_submit_search = function(){
     var data = search_get_query_data(query_vars, "{{name}}");
diff --git a/ishtar_common/templates/blocks/bs_form_snippet.html b/ishtar_common/templates/blocks/bs_form_snippet.html
index c5f9e2848..98d9e0fe6 100644
--- a/ishtar_common/templates/blocks/bs_form_snippet.html
+++ b/ishtar_common/templates/blocks/bs_form_snippet.html
@@ -17,7 +17,7 @@
 {% if form.SEARCH_AND_SELECT %}
 {{field}}
 {% elif field.name == 'search_vector' and forloop.counter0 == 0 %}
-<div class="form-row">
+<div class="form-row search-vector">
     <div class="form-group col-lg-12">
         {{field|safe}}
         {% if field.help_text %}
-- 
cgit v1.2.3