diff options
Diffstat (limited to 'templates/chimere/detail.html')
-rw-r--r-- | templates/chimere/detail.html | 221 |
1 files changed, 113 insertions, 108 deletions
diff --git a/templates/chimere/detail.html b/templates/chimere/detail.html index 52165fc..5d386e0 100644 --- a/templates/chimere/detail.html +++ b/templates/chimere/detail.html @@ -1,108 +1,113 @@ -{% 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>
+{% 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%} + {% for item in marker.multimedia_items %} + {% multimedia_render 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 id='description_long_{{marker.pk}}' class='description'>{{ 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 %} + {% 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 or 'https://' 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 or 'https://' in property.value %}</a>{%endif%}</div> + {%endif%}{% endfor %} + {% if marker.origin %} + <div class='origin'><label>Source :</label> {{marker.origin|safe}}</div> + {% if marker.multimedia_items %} + <a href='#' id='show_gallery_link'>{% trans "Show multimedia gallery" %}</a> + {% endif %} + </div> +</div> +<div id='detail_footer'> + <div id='detail-action-bar'> + {%if routing_enabled%}<a class='detail_from' href='#'>{% trans "From" context "routing" %}</a> + | <a class='detail_to' href='#'>{% trans "To" context "routing" %}</a> + | {% endif %}<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> |