diff options
Diffstat (limited to 'templates/chimere/blocks')
| -rw-r--r-- | templates/chimere/blocks/actions.html | 55 | ||||
| -rw-r--r-- | templates/chimere/blocks/categories.html | 32 | ||||
| -rw-r--r-- | templates/chimere/blocks/map.html | 94 | ||||
| -rw-r--r-- | templates/chimere/blocks/share_bar.html | 39 | ||||
| -rw-r--r-- | templates/chimere/blocks/welcome.html | 62 |
5 files changed, 282 insertions, 0 deletions
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">×</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}} – {{ news.date }}</h3> + <p>{{news.content|safe}}</p> + {% else %} + <h3>{{news.name}} – {{ 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 %} |