summaryrefslogtreecommitdiff
path: root/templates
diff options
context:
space:
mode:
Diffstat (limited to 'templates')
-rw-r--r--templates/chimere/base.html38
-rw-r--r--templates/chimere/blocks/actions.html55
-rw-r--r--templates/chimere/blocks/categories.html32
-rw-r--r--templates/chimere/blocks/map.html94
-rw-r--r--templates/chimere/blocks/share_bar.html39
-rw-r--r--templates/chimere/blocks/welcome.html62
-rw-r--r--templates/chimere/detail.html149
-rw-r--r--templates/chimere/main_map.html54
8 files changed, 523 insertions, 0 deletions
diff --git a/templates/chimere/base.html b/templates/chimere/base.html
new file mode 100644
index 0000000..9089251
--- /dev/null
+++ b/templates/chimere/base.html
@@ -0,0 +1,38 @@
+{% extends "base.html" %}
+{% load chimere_tags i18n %}
+{% block extra_head %}
+<link rel="stylesheet" href="{{ STATIC_URL }}chimere/css/styles.css" />
+<link rel="stylesheet" href="{{ STATIC_URL }}chimere/css/print.css" media='print'/>
+{% if css_area %}
+<link rel="stylesheet" href="{{ css_area }}" />{% endif %}
+{% if MOBILE %}
+<link rel="stylesheet" href="{{ STATIC_URL }}chimere/css/mobile.css" />
+<script src="{{ STATIC_URL }}chimere/js/mobile.chimere.js" type="text/javascript"></script>{%endif%}
+<link rel="stylesheet" href="{{ STATIC_URL }}font-awesome/css/font-awesome.min.css" />
+<link rel="stylesheet" href="{{ STATIC_URL }}bootstrap/bootstrap.min.css" />
+<link rel="stylesheet" href="{{ STATIC_URL }}chimere/css/form-compat.css" />
+<link rel="stylesheet" href="{{ STATIC_URL }}chimere/css/extra-styles.css" />
+<script src="{{ STATIC_URL }}bootstrap/bootstrap.min.js" type="text/javascript"></script>
+<script src="{{ STATIC_URL }}chimere/js/interface.js" type="text/javascript"></script>
+{% endblock %}
+{% block header %}
+<noscript>
+ <div id="no-js-message">
+ <p id='no-js' class='warning'>{% trans "You must enable JavaScript in your browser to display Chimère."%}</p>
+ </div>
+</noscript>
+ {% block page_title %}{% endblock %}
+ {% block actions %}
+ {% include "chimere/blocks/actions.html" %}
+ {% endblock %}
+{% endblock %}
+{% block content %}
+ {% block top %}{% endblock %}
+ {% block message_map %}{% endblock %}
+ {% block message_edit %}{% endblock %}
+ {% block bottom %}{% endblock %}
+{% endblock %}
+{% block footer %}
+ {% include "chimere/blocks/footer.html" %}
+{% endblock %}
+
diff --git a/templates/chimere/blocks/actions.html b/templates/chimere/blocks/actions.html
new file mode 100644
index 0000000..302c232
--- /dev/null
+++ b/templates/chimere/blocks/actions.html
@@ -0,0 +1,55 @@
+{% load i18n chimere_tags %}<div class="navbar navbar-default navbar-fixed-top">
+ <div class="container">
+ <div class="navbar-header">
+ <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </button>
+ <a class="navbar-brand" href="."><span class='fa fa-globe'></span></a>
+ </div>
+ <div class="navbar-collapse collapse">
+ <ul class="nav navbar-nav">
+ {% for action, subactions in actions %}
+ <li id='{{action.id}}-lnk'{% ifequal action.id action_selected.0 %} class="active"{% endifequal %}>
+ <a href='{{ action.url }}' onclick='jQuery("#map").chimere("saveExtent");'>
+ <span class='fa fa-chimere-action fa-chimere-{{action.id}}'></span>
+ <span class='lbl'>{{ action.label }}</span>
+ </a>
+ </li>
+ {% endfor %}
+ </ul>
+ <div class='tabbable navbar-right'>
+ <ul class="nav nav-pills">
+ {% if is_map %}
+ <li class='selection-sep'> </li>
+ {% if areas_visible %}
+ <li id='maps-lnk'><span class='fa fa-chimere-action fa-chimere-maps'></span>{% display_areas %}</li>
+ <li id='permalink-lnk'><span class='fa fa-chimere-action fa-bookmark'></span><span id='permalink'></span></li>
+ <li>{% routing %}</li>
+ <li id='news-lnk'>
+ <a data-toggle='modal' data-target="#welcome" href='#' id='welcome_button'><span class='fa fa-chimere-action fa-newspaper-o'></span><span class='lbl'>{% trans "News"%}</span></a>
+ </li>
+ <li id="simple_button-lnk"><a id='simple_button' href='{% url chimere:simple_index area_name_slash %}'><span class='fa fa-chimere-action fa-simplybuilt'></span><span class='lbl'> {% trans "Simple map" %}</span></a></li>
+ {% endif %}
+ <li class='selection-sep'> </li>
+ <li id='categories-lnk'{% if not has_search %} class='active'{%endif%}><a href='#categories' data-toggle='panel'><span class='fa fa-chimere-action fa-check-circle-o'></span> {% trans "Categories "%}</a></li>
+ {% if has_search %}
+ <li id='search-lnk' class='active'><a href='#search-box' data-toggle='panel'><span class="glyphicon glyphicon-search"></span> {% trans "Search" %}</a></li>
+ {% endif %}
+ {% endif %}
+ {% for action, subactions in actions %}
+ {% ifequal action.id action_selected.0 %}{% if subactions %}
+ {% for subaction in subactions %}
+ <li{% ifequal subaction.id action_selected.1 %} class='active'{% endifequal %}>
+ <a href='{{ subaction.url }}' onclick='saveExtent();'>{{ subaction.label }}</a>
+ </li>
+ {% endfor %}
+ {% endif %}{% endifequal %}
+ {% endfor %}
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
diff --git a/templates/chimere/blocks/categories.html b/templates/chimere/blocks/categories.html
new file mode 100644
index 0000000..4e65f1e
--- /dev/null
+++ b/templates/chimere/blocks/categories.html
@@ -0,0 +1,32 @@
+{% load i18n %}
+<ul id='ul_categories'>
+ {% for category, lst_sub_categories in sub_categories %}
+ <li class='main_category'>
+ <img class="control_image toggle_category" id="maincategory_img_{{category.id}}" alt="control" src="{{ STATIC_URL }}chimere/img/{% if category.selected %}minus.png{% else %}plus.png{% endif %}" />
+ <input type="checkbox" id='checkall_{{category.id}}'>
+ {% trans category.name %}
+ <span class="glyphicon glyphicon-zoom-in zoom_image zoom_to_category" id="zoom_to_category_{{category.id}}"></span>
+ <ul class='subcategories' id='maincategory_{{category.id}}'{% if not category.selected %} style='display:None'{% endif %}>
+ {% for sub_category in lst_sub_categories %}
+ <li id='li_sub_{{sub_category.id}}' class='subcategory'>
+ <input type='checkbox' name='category_{{sub_category.id}}' id='category_{{sub_category.id}}'{% if sub_category.selected %} checked='checked'{% endif %}/>
+ <label for='category_{{sub_category.id}}'>
+ <img alt='{{ sub_category.name }}' src='{{ MEDIA_URL }}{{sub_category.icon.image}}'/>
+ {% trans sub_category.name %}
+ </label>
+ <span class="glyphicon glyphicon-zoom-in zoom_image zoom_to_subcategory" id="zoom_to_subcategory_{{sub_category.id}}"></span>
+ </li>
+ {% endfor %}
+ {% if category.description %}
+ <li><a href="#" onclick="$('#map').chimere('category_detail', {{category.id}});">{% trans "Tell me more..." %}</a></li>
+ {% endif %}
+ </ul>
+ </li>
+ {% endfor %}
+ {% if sub_categories %}
+ <li id='display_submited'>
+ <input type='checkbox' name='display_submited' id='display_submited_check'/> {% trans "Display markers and routes waiting for validation"%}
+ </li>
+ {% endif %}
+</ul>
+
diff --git a/templates/chimere/blocks/map.html b/templates/chimere/blocks/map.html
new file mode 100644
index 0000000..db0741b
--- /dev/null
+++ b/templates/chimere/blocks/map.html
@@ -0,0 +1,94 @@
+{% load i18n %}
+<div id='{{map_id}}'></div>
+<script type="text/javascript">
+$("#{{map_id}}").show();
+$(function(){
+ $('#cluster_list').dialog({'autoOpen':false,
+ 'resizable':false,
+ 'width':340,
+ 'dialogClass':'no-titlebar'});
+});
+</script>
+<div id="waiting">
+ <div id="waiting-content">
+ <img alt='Ajax loader' src='{{STATIC_URL}}chimere/img/ajax-loader.gif'/>
+ <p>{% trans "Loading of the map in progress" %}</p>
+ </div>
+</div>
+<div id="layer_selection">
+ <h4>{% trans "Display options" %}</h4>
+ <ul id='layer_list'>
+ <li class='head layer_map_type'>{% trans "Map type"%}</li>
+ </ul>
+</div>
+<script type="text/javascript">
+ {% if single_category %}
+ $(function() {$('#panel').hide()});{% endif %}
+ var chimere_init_options = {};
+ {% if MOBILE %}chimere_init_options["mobile"] = true;{% endif %}
+ {% if enable_clustering %}chimere_init_options["enable_clustering"] = true;{% endif %}
+ chimere_init_options["default_icon"] = '{{STATIC_URL}}img/marker-green.png';
+ chimere_init_options["map_layers"] = [{{js_map_layers|safe|escape}}];
+ chimere_init_options['permalink_label'] = '{%trans "Permalink"%}';
+ chimere_init_options['permalink_element'] = document.getElementById('permalink');
+ chimere_init_options['routing'] = {{routing}};
+ {% if dynamic_categories %}chimere_init_options['dynamic_categories'] = true;{% endif %}
+ {% if default_area %}
+ chimere_init_options["default_area"] = new Array({{default_area.upper_left_corner.x}}, {{default_area.upper_left_corner.y}}, {{default_area.lower_right_corner.x}}, {{default_area.lower_right_corner.y}});
+ {% endif %}
+ {% if p_zoom %}chimere_init_options["zoom"] = {{ p_zoom }};{% endif %}
+ {% if p_lat %}chimere_init_options["lat"] = {{ p_lat }};{% endif %}
+ {% if p_lon %}chimere_init_options["lon"] = {{ p_lon }};{% endif %}
+ {% if p_routing_start_lon %}chimere_init_options["routing_start_lon"] = {{ p_routing_start_lon }};{% endif %}
+ {% if p_routing_start_lat %}chimere_init_options["routing_start_lat"] = {{ p_routing_start_lat }};{% endif %}
+ {% if p_routing_end_lon %}chimere_init_options["routing_end_lon"] = {{ p_routing_end_lon }};{% endif %}
+ {% if p_routing_end_lat %}chimere_init_options["routing_end_lat"] = {{ p_routing_end_lat }};{% endif %}
+ {% if p_routing_steps %}chimere_init_options["routing_steps_lonlat"] = [{{ p_routing_steps }}];{% endif %}
+ chimere_init_options["icon_offset"] = new OpenLayers.Pixel({{icon_offset_x}},
+ {{icon_offset_y}});
+ chimere_init_options["dynamic_categories"] = {{ dynamic_categories }};
+ {% if p_display_submited %}chimere_init_options["display_submited"] = {{ p_display_submited }};{% endif %}
+ chimere_init_options["checked_categories"] = [{% for cc in checked_categories %}{% if forloop.counter0 > 0 %}, {% endif %}{{cc}}{% endfor %}];
+ {% if area_id %}chimere_init_options['area_id'] = "{{area_id}}";{% endif %}
+ {% if p_current_feature %}
+ chimere_init_options["display_feature"] = {{ p_current_feature }};{% endif %}
+ {% if p_current_route %}
+ chimere_init_options["display_route"] = {{ p_current_route }};{% endif %}
+ {% if restricted_extent %}{{ restricted_extent }}
+ chimere_init_options["restricted_extent"] = bounds;
+ {% endif %}
+ {% if selected_map_layer %}
+ chimere_init_options["selected_map_layer"] = {{selected_map_layer}};
+ {% endif %}
+ $("#main-map").chimere(chimere_init_options);
+ {% if zoom %}
+ $('#maps').chimere('zoom', {'area':{{zoom}} });
+ {% endif %}
+
+ // init layer selection
+ $(function() {
+ {% for layer_name, js, def in map_layers %}
+ $('#layer_list').append("<li><input type='radio' value='{{forloop.counter0}}' name='layer_type' id='layer_{{forloop.counter}}'{% if def %} checked='checked'{% endif %}><label for='layer_{{forloop.counter}}'>{{layer_name}}</li>");{% endfor %}
+ {% for subcat in subcat_layer %}
+ {% if not subcat.category %}
+ $('#layer_list').append("<li class='head layer_category'>{{subcat.name}}</li>");{% else %}
+ $('#layer_list').append("<li><input type='checkbox' name='layer_cat' value='category_{{subcat.pk}}' id='layer_cat_{{subcat.pk}}'{% if subcat.pk in checked_categories %} checked='checked'{% endif %}><label for='layer_cat_{{subcat.pk}}'>{{subcat.name}}</li>");{%endif%}{% endfor %}
+ $('#layer_selection h4').click(function(){
+ $('#layer_list').toggle();
+ });
+ $('#layer_list input[name=layer_type]').change(function(){
+ $('#{{map_id}}').chimere('changeMapLayer', $(this).val());
+ });
+ $('#layer_list input[name=layer_cat]').change(function(){
+ // the prop has to be called twice not to mess up with the triggered
+ // click
+ $('#'+$(this).val()).prop("checked", this.checked);
+ $('#'+$(this).val()).trigger('click');
+ $('#'+$(this).val()).prop("checked", this.checked);
+ });
+ highlight_selected_categories();
+ });
+</script>
+<div id='marker_hover'><div id='marker_hover_content'></div></div>
+<div id='cluster_list'></div>
+
diff --git a/templates/chimere/blocks/share_bar.html b/templates/chimere/blocks/share_bar.html
new file mode 100644
index 0000000..5367628
--- /dev/null
+++ b/templates/chimere/blocks/share_bar.html
@@ -0,0 +1,39 @@
+{% load i18n %}
+ {% if share_networks %}
+ {% if simple %}{% trans "Share on"%}{% for share_network in share_networks %}
+ <a href='{{share_network.1}}'>{{share_network.0}}</a>
+ {% endfor %}{%else%}
+ <ul class='share'>
+ <li>{% trans "Share"%}</li>{% for share_network in share_networks %}
+ <li><a class='share_link share_id_{{share_network.0}}' href='{{share_network.1}}'><span class='fa fa-chimere fa-chimere-{{share_network.0}}'></span></a></li>
+ {% endfor %}</ul>{% endif %}
+ <script language='text/javascript'>
+ $(function(){
+ $('.share_link').click(function(){
+ var href = $(this).attr('href');
+ var url = '{% url chimere:get-share-url %}';
+ var classes = $(this).attr('class').split(' ');
+ prefix = 'share_id_';
+ var share_id;
+ for (idx=0;idx<classes.length;idx++){
+ if(classes[idx].substring(0, prefix.length) == prefix){
+ var share_id = classes[idx].substring(prefix.length);
+ }
+ }
+ var params = $('#permalink a').attr('href').split('/');
+ url += share_id + params[params.length-1];
+ $.ajax({url: url,
+ dataType: "html",
+ success: function (url) {
+ window.open(url);
+ return false;
+ },
+ error: function(){
+ return false;
+ }
+ });
+ return false;
+ });
+ });
+ </script>
+ {% endif %}
diff --git a/templates/chimere/blocks/welcome.html b/templates/chimere/blocks/welcome.html
new file mode 100644
index 0000000..95d6402
--- /dev/null
+++ b/templates/chimere/blocks/welcome.html
@@ -0,0 +1,62 @@
+{% load i18n sanitize chimere_tags %}
+{% if news_lst or welcome_message %}
+<script type='text/javascript'>
+$(function(){
+ $('#welcome div.media-player').jmeEmbedControls();
+ $('#welcome video').each(function(index){$(this).pause()});
+ $('#welcome audio').each(function(index){$(this).pause()});
+ {% if display %}$('#welcome').modal('show');{%endif%}
+});
+</script>
+
+<div class="modal fade" id="welcome" tabindex="-1" role="dialog" aria-labelledby="welcome-label" aria-hidden="true">
+ <div class="modal-dialog modal-lg">
+ <div class="modal-content">
+ <div class="modal-header">
+ <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
+ <h4 class="modal-title" id="welcome-label">{% trans "Upcoming events" %}</h4>
+ </div>
+ <div class="modal-body">
+ <div id='news_content'>
+ {% if welcome_message %}
+ <div id='welcome_message'>
+ {{welcome_message|safe}}
+ </div>
+ {% endif %}
+ <div class='news'>
+ {% if news_lst %}{% for news in news_lst %}
+ <div class='info'>
+ {% if news.title %}
+ <h3>{{news.title}} &ndash; {{ news.date }}</h3>
+ <p>{{news.content|safe}}</p>
+ {% else %}
+ <h3>{{news.name}} &ndash; {{ news.start_date }}{% if news.end_date %} - {{ news.end_date }}{% endif %}</h3>
+ {% if news.default_pictures or news.default_pictures or news.default_multimedia_items%}
+ <div class='small-gallery'>
+ {% for picture in news.default_pictures %}
+ {% multimedia_render picture %}
+ {%endfor%}
+ {% for multimedia_item in news.default_multimedia_items %}
+ {% multimedia_render multimedia_item %}
+ {%endfor%}
+ </div>
+ {%endif%}
+ {% if news.description %}
+ <p class='description'>{{news.description|sanitize:"p b i br hr strong em img:src:alt span:style a:href:target ul li ol h1 h2 h3 h4 table td th tr"|safe}}</p>
+ {% endif %}
+ {% for property in news.getProperties %}
+ <p class='{{news.propertymodel.getNamedId}}'>{{ property.value|sanitize:"p b i br hr strong em img:src:alt span:style a:href:target ul li ol h1 h2 h3 h4 table td th tr"|safe }}</p>
+ {% endfor %}
+ <p class='marker_link'><a href='{% get_tinyfied_url news area_name %}'>{% trans "See it on the map"%}</a></p>
+ {% endif %}
+ </div>
+ {%endfor%}{% endif %}
+ <div class='info'>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+</div>
+{% endif %}
diff --git a/templates/chimere/detail.html b/templates/chimere/detail.html
new file mode 100644
index 0000000..247a53e
--- /dev/null
+++ b/templates/chimere/detail.html
@@ -0,0 +1,149 @@
+{% load i18n sanitize chimere_tags %}
+<div id='detail-wrapper'>
+<button onclick='$("#detail").fadeOut();return false;' type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
+<h2>{{ marker.name }}</h2>
+<div class='detail_content'>
+ {% if marker.default_pictures or marker.default_pictures or marker.default_multimedia_items%}
+ <div class='small-gallery'>
+ {% for picture in marker.default_pictures %}
+ {% multimedia_render picture %}
+ {%endfor%}
+ {% for multimedia_item in marker.default_multimedia_items %}
+ {% multimedia_render multimedia_item %}
+ {%endfor%}
+ </div>
+ {%endif%}
+<div>
+ {% if dated %}
+ <p class='detail_start_date'><label>{% trans "Date:" %}</label> <span>{{marker.start_date|date:"D d M Y"}}
+ {% if marker.end_date %} - {{marker.end_date|date:"D d M Y"}}</p>{% endif %}</span>
+ {% endif %}
+ {% if marker.description %}
+ <p class='description'>{{ marker.description|sanitize:"p b i br hr strong em img:src:alt span:style a:href:target ul li ol h1 h2 h3 h4 table td tr th"|safe}}</p>
+ {% endif %}
+ {% for property in marker.getProperties %}
+ <p class='{{property.propertymodel.getNamedId}}'>{{ property.value|sanitize:"p b i br hr strong em img:src:alt span:style a:href:target ul li ol h1 h2 h3 h4 table td tr th"|safe}}</p>
+ {% endfor %}
+ {% if marker.origin %}<p class='detail_source'><strong>{% trans "Source:" %}</strong> <span>{{marker.origin}}</span></p>{% endif %}
+ {% if marker.license %}<p class='detail_license'><strong>{% trans "License:" %}</strong> <span>{{marker.license}}</span></p>{% endif %}
+ {% if marker.multimedia_items %}<p class='detail_multimedia'>
+ <a data-toggle='modal' data-target="#multimedia-gallery-{{time_now}}" href='#' id='multimedia-gallery-button'><span class='fa fa-chimere-action fa-camera'></span> <span class='lbl'>{% trans "Show the gallery"%}</span></a>
+ </p>{% endif %}
+ </div>
+ {% share_bar marker.name %}
+ <p class='detail_amendment'><a href='{% if marker.route %}{% url chimere:editroute-item area_name_slash|default_if_none:"" marker.route.pk "" %}{%else%}{% url chimere:edit-item area_name_slash|default_if_none:"" marker.pk "" %}{%endif%}'>
+ {% trans "Submit an amendment" %}
+ </a>
+ {% if moderator_emails %}
+ <a href="mailto:?from={{moderator_emails}}&subject={% trans "Propose amendment" %}&body={% trans "I would like to propose an amendment for this item:"%} {{share_url}}">
+ {% trans "Propose amendment" %}
+ </a>{%endif%}
+</div>
+</div>
+
+
+{% if marker.multimedia_items %}
+<div class="modal fade" id="multimedia-gallery-{{time_now}}" tabindex="-1" role="dialog" aria-labelledby='multimedia-gallery-label' aria-hidden="true">
+ <div class="modal-dialog modal-lg">
+ <div class="modal-content">
+ <div class="modal-header">
+ <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
+ <h4 class="modal-title" id="multimedia-gallery-label">{% trans "Gallery" %}</h4>
+ </div>
+ <div class="modal-body">
+
+<div role="tabpanel">
+
+ <ul class="nav nav-pills" role="tablist" id="pills-{{time_now}}">
+ {% for item in marker.multimedia_items %}
+ <li role="presentation"{% if forloop.counter0 == 0%} class="active"{% endif %}>
+ <a href="#tab-{{time_now}}-{{ forloop.counter }}" aria-controls="tab-{{time_now}}-{{ forloop.counter }}" role="tab" data-toggle="pill">
+ {{ item.name }}
+ </a>
+ </li>{% endfor %}
+ </ul>
+
+ <div class="tab-content">
+ {% for multimedia_item in marker.multimedia_items %}
+ <div id="tab-{{time_now}}-{{ forloop.counter }}" role="tabpanel" class="tab-pane{% if forloop.counter0 == 0%} active{% endif %} {% ifequal multimedia_item.multimedia_type.media_type 'V' %}video{% else %}other{% endifequal %}" id="home">
+ {% multimedia_render multimedia_item %}
+ </div>
+ {% endfor %}
+ </div>
+
+</div>
+
+ </div>
+ </div>
+ </div>
+</div>
+
+
+
+<div id='gallery-{{time_now}}' class='gallery'>
+</div>
+{% endif %}
+
+<script language='javascript' type='text/javascript'>
+$('html').addClass('js-on');
+
+
+function manage_tab_opening (event, ui) {
+ //pause all medias
+ $('video').each(function(index){$(this).pause()});
+ $('audio').each(function(index){$(this).pause()});
+ //start current tabvideo
+ $('ui.panel video').each(function(index){
+ //prevents a Flash-Bug in IE with newest Flash-Player
+ $(this).reinitMedia({queue: true})
+ .play()
+ ;});
+ $('ui.panel audio').each(function(index){
+ //prevents a Flash-Bug in IE with newest Flash-Player
+ $(this).reinitMedia({queue: true})
+ .play()
+ ;});
+}
+
+function manage_gallery_opening (event) {
+ $('div.media-player').jmeEmbedControls();
+ $('.video div.media-player').bind('useractive', function(){
+ $('div.media-controls', this).stop().animate({opacity: 1});
+ }).bind('userinactive', function(){
+ $('div.media-controls', this).stop().animate({opacity: 0});
+ });
+ //$("#gallery-{{time_now}}").dialog("option", "height", 'auto');
+ //$("#gallery-{{time_now}}").dialog("option", "width", 'auto');
+ //$("#gallery-{{time_now}}").dialog("option", "position",
+ // ['center', 'center']);
+}
+
+function manage_gallery_close (event){
+ //pause all medias
+ $('video').each(function(index){$(this).pause()});
+ $('audio').each(function(index){$(this).pause()});
+}
+
+$(document).ready(function(){
+
+ $('#multimedia-gallery-{{time_now}}').on('shown.bs.modal', function (e) {
+ manage_gallery_opening();
+ manage_tab_opening(e);
+ })
+
+ $('#multimedia-gallery-{{time_now}}').on('hide.bs.modal', function (e) {
+ manage_gallery_close();
+ })
+
+ $('a[data-toggle="pill"]').on('shown.bs.tab', function (e) {
+ manage_tab_opening(e);
+ })
+
+ $('div.media-player').jmeEmbedControls();
+ $("a[rel^='prettyPhoto']").prettyPhoto({
+ show_title: false,
+ social_tools: ''
+ });
+
+});
+</script>
diff --git a/templates/chimere/main_map.html b/templates/chimere/main_map.html
new file mode 100644
index 0000000..fd11546
--- /dev/null
+++ b/templates/chimere/main_map.html
@@ -0,0 +1,54 @@
+{% extends "chimere/base.html" %}
+{% load i18n unlocalize_point chimere_tags %}
+{% block extra_head %}
+{% head_jquery %}
+{% head_chimere %}
+{% head_jme %}
+<script src="{{ STATIC_URL }}chimere/js/jquery.chimere.js" type="text/javascript"></script>
+{% if has_search %}
+<script src="{{ STATIC_URL }}chimere/js/search.js" type="text/javascript"></script>
+<script src="{{ STATIC_URL }}chimere/js/search-autocomplete.js" type="text/javascript"></script>{% endif %}
+{{ block.super }}
+{% endblock %}
+{% block message_edit %}{% endblock %}
+{% block sidebar %}
+{% display_welcome %}
+ <div class='show-hide-panel' id='hide-panel'><span class='fa fa-arrow-circle-right'></span></div>
+ <div class='show-hide-panel' id='show-panel'><span class='fa fa-arrow-circle-left'></span></div>
+ <div id='panel' class='navbar-default'>
+ <form id="frm_categories"><div id='categories'></div></form>
+ <div id='search-box' class='ui-widget ui-corner-all'></div>
+ </div>
+ <div id='category_description'>
+ </div>
+ <script type='text/javascript'>
+ $(function(){$('#category_description').dialog({'autoOpen':false});});
+ </script>
+ <div id='detail'></div>
+{% endblock %}
+{% block search_box %} {% endblock %}
+{% block content %}
+ {{block.super}}
+ <div id='main-map'></div>
+<script type="text/javascript">
+ $("#main-map").show();
+</script>
+ {% map_menu %}
+ {% map 'main-map' %}
+ <div id='chimere_message'></div>
+ <script type='text/javascript'>
+ var has_search = {% if has_search %}true{% else %}false{% endif %};
+ // array to keep trace of already displayed items
+ var search_result = new Array();
+ var search_url = "/search/";
+ $(function(){
+ $('#chimere_message').dialog({'autoOpen':false});
+ if (has_search){
+ load_search_box();
+ }
+ });
+ </script>
+{% endblock %}
+{% block footer %}
+ <p class='map-footer'>{% include "chimere/blocks/footer.html" %}</p>
+{% endblock %}