src/iconolab/templates/partials/image_annotations_list.html
changeset 139 3e0a5286b257
parent 97 f747c112e8f4
child 142 93b706801905
equal deleted inserted replaced
138:2c2d394904db 139:3e0a5286b257
     1 {% load thumbnail %}
     1 {% load thumbnail %}
     2 {% load iconolab_tags %}
     2 {% load iconolab_tags %}
     3 
     3 
     4 <ul class="annotation-list-wrapper list-inline">
     4 <ul class="annotation-list-wrapper list-inline">
     5 
     5     {% if header %}
     6 	<h4><strong>Annotations de l'image</strong></h4>  
     6 	<h4><strong>Annotations de l'image</strong></h4>
       
     7     {% endif %}
       
     8     
       
     9     
     7     {% if not annotation_list %}
    10     {% if not annotation_list %}
     8         <p> Aucune annotation pour cette image </p>
    11         <h3 class="text-center"><small>Aucune annotation à afficher</small></p>
     9     {% else %}
    12     {% else %}
    10         <table class="table table-condensed">
    13         <table class="table table-condensed">
    11           <thead>
    14           <thead>
    12             <th></th>
    15             <th></th>
    13             <th>Titre</th>
    16             <th>Titre</th>
    20           {% for annotation in annotation_list %}
    23           {% for annotation in annotation_list %}
    21           <tr>
    24           <tr>
    22             <td>
    25             <td>
    23               <div class="fragment-container" style="position: relative">
    26               <div class="fragment-container" style="position: relative">
    24                 {% thumbnail annotation.image.media "150x150" crop=False as im %}
    27                 {% thumbnail annotation.image.media "150x150" crop=False as im %}
    25                   <a href="{% url 'annotation_detail' collection_name image_guid annotation.annotation_guid %}">
    28                   <a href="{% url 'annotation_detail' collection_name annotation.image.image_guid annotation.annotation_guid %}">
    26                     <img v-el:small-image src="{{ im.url }}" width="{{ im.width }}" height="{{ im.height }}" />
    29                     <img v-el:small-image src="{{ im.url }}" width="{{ im.width }}" height="{{ im.height }}" />
    27                     <svg width="{{ im.width }}" height="{{ im.height }}" version="1.1" style="position:absolute; top:0px; left: 0px">
    30                     <svg width="{{ im.width }}" height="{{ im.height }}" version="1.1" style="position:absolute; top:0px; left: 0px">
    28                       <g transform="matrix({% transform_matrix im_width=im.width im_height=im.height max_x=100 max_y=100 %})">
    31                       <g transform="matrix({% transform_matrix im_width=im.width im_height=im.height max_x=100 max_y=100 %})">
    29                         <path d="{{ annotation.current_revision.fragment|clean_path }}" opacity="0.7" fill="orange"></path>
    32                         <path d="{{ annotation.current_revision.fragment|clean_path }}" opacity="0.7" fill="orange"></path>
    30                       </g>
    33                       </g>