diff options
Diffstat (limited to 'templates/chimere/detail.html')
-rw-r--r-- | templates/chimere/detail.html | 223 |
1 files changed, 108 insertions, 115 deletions
diff --git a/templates/chimere/detail.html b/templates/chimere/detail.html index 8c49fa4..52165fc 100644 --- a/templates/chimere/detail.html +++ b/templates/chimere/detail.html @@ -1,115 +1,108 @@ -{% load i18n sanitize chimere_tags %} -<a href='#' class='close_img'>{% trans "Close"%}</a> -<h4>{{ marker.name }}</h4> -<div id='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 id='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 %} - <div class='description description_short' id='description_short_{{marker.pk}}'>{{ marker.short_desc|sanitize:"p b i br hr strong em span:style a:href:target ul li ol h1 h2 h3 h4 table td tr th"|safe}}{% if marker.description != marker.short_desc%}...{%endif%}</div> - {% if marker.description != marker.short_desc%} - <div id='description_long_{{marker.pk}}' class='description description_long'>{{ marker.description|sanitize:"p b i br hr strong em span:style a:href:target ul li ol h1 h2 h3 h4 table td tr th"|safe}}</div> - {% endif %} - {% endif %} - {% for property in marker.getProperties %}{% if property.value %} - <div class='properties' id='{{property.propertymodel.getAttrName}}'><strong>{{property.propertymodel.name}}</strong> : {% if 'http://' in property.value %}<a href='{{ property.value|sanitize:""}}'>{%endif%}{{ property.value|sanitize:"p b i br hr strong em span:style a:href:target ul li ol h1 h2 h3 h4 table td tr th"|safe}}{% if 'http://' in property.value %}</a>{%endif%}</div> - {%endif%}{% endfor %} - {% if marker.multimedia_items %} - <a href='#' id='show_gallery_link'>{% trans "Show multimedia gallery" %}</a> - {% endif %} - </div> -</div> -<div id='detail_footer'> -{% if marker.description and marker.description != marker.short_desc %} - <p class='read_more' id='read_more_{{marker.pk}}'>{% trans "Read more" %}</p> - <p class='read_less' id='read_less_{{marker.pk}}'>{% trans "Read less" %}</p> -{% endif %} - <div id='detail-action-bar'> - <a class='detail_from' href='#'>{% trans "From" context "routing" %}</a> - | <a class='detail_to' href='#'>{% trans "To" context "routing" %}</a> - | <a class='detail_zoomin' href='#'>{% trans "Zoom in" %}</a> - | <a class='detail_zoomout' href='#'>{% trans "Zoom out" %}</a> - </div> - <ul class='share'> - <li><a href="{{modif_by_email}}">{% trans "Propose a modification" %}</a></li> - <li class='sep'>–</li> - </ul> - {% share_bar marker.name %} - {% comment %} - <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 a modification" %} - </a> - {% endcomment %} -</div> -{% if marker.multimedia_items %} -<div id='gallery-{{marker.pk}}' class='gallery'> - <div class='tabs'> - <ul>{% for item in marker.multimedia_items %} - <li><a href="#tab-{{ forloop.counter }}">{{ item.name }}</a></li>{% endfor %} - </ul> - {% for multimedia_item in marker.multimedia_items %} - <div id="tab-{{ forloop.counter }}" class='{% ifequal multimedia_item.multimedia_type.media_type 'V' %}video{% else %}other{% endifequal %}'> - {% multimedia_render multimedia_item %} - </div>{% endfor %} - </div> -</div> -{% endif %} -<script language='javascript' type='text/javascript'> -<!-- -$('html').addClass('js-on'); -$(function(){ - $("#gallery-{{marker.pk}}").dialog({title:"{{marker.name}}", autoOpen: false, - height: "auto", width: "auto", dialogClass:'no-titlebar'}); - $('div.media-player').jmeEmbedControls(); - $('.tabs').tabs({ - select: function(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() - ;}); - } - }); - $('.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-{{marker.pk}}").bind( "dialogopen", function(event, ui) { - $("#gallery-{{marker.pk}}").dialog("option", "height", 'auto'); - $("#gallery-{{marker.pk}}").dialog("option", "width", 'auto'); - $("#gallery-{{marker.pk}}").dialog("option", "position", ['center', 'center']); -}); -$("#gallery-{{marker.pk}}").bind( "dialogclose", function(event, ui) { - //pause all medias - $('video').each(function(index){$(this).pause()}); - $('audio').each(function(index){$(this).pause()}); -}); -$('#show_gallery_link').click(function(){ - $("#gallery-{{marker.pk}}").dialog('open'); - return false; -}); -// --> -</script> +{% load i18n sanitize chimere_tags %}
+<a href='#' class='close_img'>{% trans "Close"%}</a>
+<h4>{{ marker.name }}</h4>
+<div id='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 id='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 %}
+ <div class='description description_short' id='description_short_{{marker.pk}}'>{{ marker.short_desc|sanitize:"p b i br hr strong em span:style a:href:target ul li ol h1 h2 h3 h4 table td tr th"|safe}}{% if marker.description != marker.short_desc%}...{%endif%}</div>
+ {% if marker.description != marker.short_desc%}
+ <div id='description_long_{{marker.pk}}' class='description description_long'>{{ marker.description|sanitize:"p b i br hr strong em span:style a:href:target ul li ol h1 h2 h3 h4 table td tr th"|safe}}</div>
+ {% endif %}
+ {% endif %}
+ {% for property in marker.getProperties %}{% if property.value %}
+ <div class='properties' id='{{property.propertymodel.getAttrName}}'><strong>{{property.propertymodel.name}}</strong> : {% if 'http://' in property.value %}<a href='{{ property.value|sanitize:""}}'>{%endif%}{{ property.value|sanitize:"p b i br hr strong em span:style a:href:target ul li ol h1 h2 h3 h4 table td tr th"|safe}}{% if 'http://' in property.value %}</a>{%endif%}</div>
+ {%endif%}{% endfor %}
+ {% if marker.multimedia_items %}
+ <a href='#' id='show_gallery_link'>{% trans "Show multimedia gallery" %}</a>
+ {% endif %}
+ </div>
+</div>
+<div id='detail_footer'>
+{% if marker.description and marker.description != marker.short_desc %}
+ <p class='read_more' id='read_more_{{marker.pk}}'>{% trans "Read more" %}</p>
+ <p class='read_less' id='read_less_{{marker.pk}}'>{% trans "Read less" %}</p>
+{% endif %}
+ <div id='detail-action-bar'>
+ <a class='detail_from' href='#'>{% trans "From" context "routing" %}</a>
+ | <a class='detail_to' href='#'>{% trans "To" context "routing" %}</a>
+ </div>
+ {% comment %}
+ <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 a modification" %}
+ </a>
+ {% endcomment %}
+</div>
+{% if marker.multimedia_items %}
+<div id='gallery-{{marker.pk}}' class='gallery'>
+ <div class='tabs'>
+ <ul>{% for item in marker.multimedia_items %}
+ <li><a href="#tab-{{ forloop.counter }}">{{ item.name }}</a></li>{% endfor %}
+ </ul>
+ {% for multimedia_item in marker.multimedia_items %}
+ <div id="tab-{{ forloop.counter }}" class='{% ifequal multimedia_item.multimedia_type.media_type 'V' %}video{% else %}other{% endifequal %}'>
+ {% multimedia_render multimedia_item %}
+ </div>{% endfor %}
+ </div>
+</div>
+{% endif %}
+<script language='javascript' type='text/javascript'>
+<!--
+$('html').addClass('js-on');
+$(function(){
+ $("#gallery-{{marker.pk}}").dialog({title:"{{marker.name}}", autoOpen: false,
+ height: "auto", width: "auto", dialogClass:'no-titlebar'});
+ $('div.media-player').jmeEmbedControls();
+ $('.tabs').tabs({
+ select: function(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()
+ ;});
+ }
+ });
+ $('.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-{{marker.pk}}").bind( "dialogopen", function(event, ui) {
+ $("#gallery-{{marker.pk}}").dialog("option", "height", 'auto');
+ $("#gallery-{{marker.pk}}").dialog("option", "width", 'auto');
+ $("#gallery-{{marker.pk}}").dialog("option", "position", ['center', 'center']);
+});
+$("#gallery-{{marker.pk}}").bind( "dialogclose", function(event, ui) {
+ //pause all medias
+ $('video').each(function(index){$(this).pause()});
+ $('audio').each(function(index){$(this).pause()});
+});
+$('#show_gallery_link').click(function(){
+ $("#gallery-{{marker.pk}}").dialog('open');
+ return false;
+});
+// -->
+</script>
|