Customize "show details" dialog

1 files changed, 20 insertions, 0 deletions

diff --git a/templates/chimere/blocks/map.html b/templates/chimere/blocks/map.html
index db0741b..5c85ddb 100644
--- a/templates/chimere/blocks/map.html
+++ b/templates/chimere/blocks/map.html
@@ -1,4 +1,17 @@
 {% load i18n %}
+<div id='category_description' class="modal fade" tabindex="-1" role="dialog" aria-hidden="true">
+  <div class="modal-dialog">
+    <div class="modal-content">
+      <div class="modal-header">
+        <button type="button" class="close" data-dismiss="modal" aria-label="{% trans "Close" %}"><span aria-hidden="true">&times;</span></button>
+        <h4 class="modal-title" id="category_description-label"></h4>
+      </div>
+      <div class="modal-body" id="category_description-content">
+      </div>
+    </div>
+  </div>
+</div>
+
 <div id='{{map_id}}'></div>
 <script type="text/javascript">
 $("#{{map_id}}").show();
@@ -60,6 +73,13 @@ $(function(){
     {% if selected_map_layer %}
     chimere_init_options["selected_map_layer"] = {{selected_map_layer}};
     {% endif %}
+
+    $('#category_description').modal({show:false});
+    chimere_init_options["open_dialog_fx"] = function (title, content){
+        $('#category_description-content').html(content);
+        $('#category_description-label').html(title);
+        $('#category_description').modal('show');
+    }
     $("#main-map").chimere(chimere_init_options);
     {% if zoom %}
     $('#maps').chimere('zoom', {'area':{{zoom}} });