Changeset 8886589


Ignore:
Timestamp:
01/02/09 18:57:56 (4 years ago)
Author:
olivier <>
Branches:
master, crem, crem2, dev, dev2, diadems, forma, generic, instru_search, lam, nlivemulti, production, release/1.4.4, security, social, storage, test, video
Children:
2be79f1
Parents:
8aa0ef8
git-author:
olivier <> (01/02/09 18:57:56)
git-committer:
olivier <> (01/02/09 18:57:56)
Message:

misc layout fixes on ie6 and other browsers + templates/css/js consolidation

Location:
telemeta
Files:
10 edited

Legend:

Unmodified
Added
Removed

  • telemeta/htdocs/css/player.css

    r0c8b2ae r8886589  
    44    background: white; 
    55    border: solid 1px #ADADAD; 
    6     margin-top: 10px; 
     6    margin-top: 2px; 
    77} 
    88 
    … …  
    2525.ts-skin-lab .ts-player .ts-viewer a.ts-pointer { 
    2626    color: #BB0000; 
    27     /*background: transparent;*/ 
    2827    background: white; 
    2928 
    … …  
    6766    display: block; 
    6867    overflow: hidden; 
    69     position: absolute; 
    70     right: 0px; 
    71     top: -12px; 
     68    float: right; 
    7269    width: 18px; 
    7370    padding: 10px 0 0 0; 

  • telemeta/htdocs/css/telemeta.css

    ra16eb70 r8886589  
    3434} 
    3535/* Min-width */ 
    36 #content, #header, #submenu { 
     36#layout { 
    3737    min-width: 740px; 
    3838} 
    … …  
    8888    font-weight: bold; 
    8989} 
    90 #leftcol { 
    91     position: relative; 
    92     margin-right: 399px; 
    93     min-height: 450px; 
    94     min-width: 400px; 
    95 } 
     90 
    9691#rightcol { 
    97     clear: both; 
    98     position: absolute; 
     92    position: relative; 
    9993    z-index: 1; 
    100     right: .3em; 
     94    float: right; 
    10195    width: 362px; 
    10296    margin-top: 10px; 
    … …  
    119113    border: 1px solid #adadad; 
    120114} 
    121 /* 
    122 #item_player_c { 
    123     width: 305px; 
    124     padding: 2px 0 0; 
    125     border: 1px solid #adadad; 
    126     text-align: center; 
    127 } 
    128 .item_visualization select { width: 240px; } 
    129 .item_visualization .viewport { width: 305px; border: 1px solid #adadad; overflow: auto; margin-top: 5px; background-color: #fff;} 
    130 */ 
    131  
    132115 
    133116.exporter { 
    … …  
    139122    height: 17px; 
    140123    margin: 5px 0 0; 
    141     /* overflow: auto; */ 
    142124    font-size: 1em; 
    143125} 
    … …  
    150132    padding: 2px; 
    151133    margin: 5px 0 0; 
    152     /* overflow: auto; */ 
    153134    font-size: 1em; 
    154135} 
    … …  
    176157 
    177158/* Collection */ 
    178 #leftcol .intro { 
     159#content .intro { 
    179160    font-size: 1em; 
    180161    font-weight: bold; 
    … …  
    185166    background: #FFF url(indent.png) no-repeat 0 1px; 
    186167} 
    187 #leftcol .intro span { 
     168#content .intro span { 
    188169    padding: 3px; 
    189170 
    … …  
    402383} 
    403384dl dt { 
    404     clear: both; 
    405385    float: left; 
    406386} 
    407 /* ie5 mac \*/ 
    408 dt { clear: both;} 
    409 /* end hack */ 
    410387 
    411388dl.listing dt { 
    … …  
    487464    margin-bottom: 15px; 
    488465} 
     466 
     467.extraInfos dl, .extraInfos table { 
     468    position: relative; 
     469} 
     470 
    489471.extraInfos div { 
    490472    padding: 0; 
    … …  
    497479} 
    498480.extraInfos h4 { 
    499     clear: both; 
     481    /* clear: both; */ 
    500482    font-size: 0.9em; 
    501483    line-height: 1.4em; 
    502 } 
     484    border-bottom: 1px dotted #aaa; 
     485} 
     486.with-rightcol .extraInfos h4 { 
     487    margin-right: 395px; 
     488} 
     489 
    503490.extraInfos h4 a { 
    504491    display: block; 
    505     color: #333; 
     492    color: #333 !important; 
    506493    text-decoration: none; 
    507494    margin: 0; 
    508495    background: #fff url(more.gif) no-repeat left top; 
     496    background-position: 0 -17px; 
    509497    padding-bottom: 2px; 
    510498    padding-left: 16px; 
    511     border-bottom: none; 
     499    border-bottom: none !important; 
    512500    outline: none; 
    513501} 
    … …  
    515503    background-color: transparent; 
    516504    border-bottom: none; 
    517     color: #555; 
    518 } 
    519 .extraInfos h4.on { 
    520     border-bottom: 1px dotted #aaa; 
    521     margin-right: 15px; 
    522 } 
    523 .extraInfos h4.on a { 
    524     color: #333; 
    525     background-position: 0 -17px; 
     505    color: #555 !important; 
     506} 
     507.extraInfos .folded h4 { 
     508    border-bottom: none; 
     509} 
     510.extraInfos .folded h4 a { 
     511    background-position: 0 0px; 
    526512} 
    527513 
    … …  
    554540    border: none; 
    555541    border-collapse: separate; 
    556     width: 100%; 
     542    /* width: 100%; */ 
    557543    border-spacing: .7em; 
    558544} 

  • telemeta/htdocs/css/telemeta_ie.css

    rb084256 r8886589  
    11dl.listing { 
    2     clear: both; 
    32    margin-top: .4em; 
    43} 

  • telemeta/htdocs/css/telemeta_ie6.css

    ra26def6 r8886589  
    11/* Min-width */ 
    2 #leftcol { 
    3     height: 450px; 
    4     width: 400px; 
    5 } 
    6 #content, #header, #submenu { 
    7     width: 740px; 
    8 } 
    92#submenu h3, #submenu div { 
    103    height: 1.6em; 

  • telemeta/htdocs/js/application.js

    ra366346 r8886589  
    1 function ployBlocks() { 
    2   
    3   $('.extraInfos div.nett').css('display', 'block'); 
    4   $('.closed').css('display', 'none'); 
    5         $('.extraInfos h4').toggleClass('on').click(function() { 
    6       $(this) 
    7           .toggleClass('on') 
    8           .parent().find('div').eq(0).toggle(); 
    9       return false; 
    10   }); 
    111 
    12   /* 
    13         var extraInfos = $$('.extraInfos div'); 
    14         for (i = 0; i <extraInfos.length; i++ ) { 
    15                 if(!extraInfos[i].hasClassName('nett')) { 
    16                         extraInfos[i].style.display = 'block'; 
    17                 } 
    18         } 
    19         var blocks = $$('.closed'); 
    20         for (i = 0; i <blocks.length; i++ ) { 
    21                 blocks[i].style.display = 'none'; 
    22         } 
    23         var extraInfos = $$('.extraInfos h4'); 
    24         for (i = 0; i <extraInfos.length; i++ ) { 
    25                 extraInfos[i].toggleClassName('on'); 
    26                 extraInfos[i].onclick = function() { 
    27                         this.parentNode.getElementsByTagName("div")[0].toggle(); 
    28                         this.toggleClassName('on'); 
    29                         return false; 
    30                 } 
    31         } 
    32   */ 
     2function foldInfoBlocks() { 
     3    var extra = $('.extraInfos'); 
     4    extra.find('.folded dl, .folded table').css('display', 'none'); 
     5    extra.find('a').click(function() {  
     6        $(this).parents('.extraInfos').children().toggleClass('folded').find('dl, table').toggle(100);  
     7        return false;  
     8    }); 
    339} 
     10 
     11$(document).ready(foldInfoBlocks); 
     12 

  • telemeta/htdocs/js/player.js

    r40f3d09 r8886589  
    1616    } 
    1717    ctr.css({opacity: 0, display: 'block'}); 
    18     player.resize(); 
    19     ctr.animate({opacity: 1}, 100, null); 
     18    if (player) 
     19        player.resize(); 
     20    ctr.animate({opacity: 1}, 100); 
    2021} 
    2122 

  • telemeta/templates/base.html

    r19ac5f4 r8886589  
    2121{% endif %} 
    2222--> 
     23<div id="layout"> 
    2324<div id="header"> 
    2425<div id="logo"> 
    … …  
    6364 </p> 
    6465</div> 
    65  
     66</div> 
    6667</body> 
    6768</html> 

  • telemeta/templates/collection_detail.html

    ra366346 r8886589  
    1616 
    1717{% block content %} 
    18     {% if object.has_mediafile %} 
    19     <div id="rightcol"> 
    20         <div id="collection_player"> 
    21           <p><b>Listen to this collection</b> 
    22           (<a href="{% url telemeta-collection-m3u object.id|urlencode %}">M3U</a>, 
    23           <a href="{% url telemeta-collection-xspf object.id|urlencode %}">XSPF</a>)</p> 
    24           {% if 0 %} {# Use 1/0 for alternate player #} 
    25             <!-- This is the XSPF Web Music Player, under the BSD license,  
    26               from: http://musicplayer.sourceforge.net/--> 
    27             <object type="application/x-shockwave-flash" width="300" height="200" 
    28               data="{% url telemeta-swf "xspf_player.swf" %}?playlist_url={% url telemeta-collection-xspf object.id|urlencode %}"> 
    29               <param name="movie"  
    30                 value="{% url telemeta-swf "xspf_player.swf" %}?playlist_url={% url telemeta-collection-xspf object.id|urlencode %}" /> 
    31             </object> 
    32           {% else %} 
    33             <!-- This is Jeroen Wijering's Flash MP3 Player,  
    34               under CC Attribution-NonCommercial-ShareAlike 2.0 license 
    35               from: http://www.jeroenwijering.com/?item=Flash_MP3_Player--> 
    36             <p id="collection_player_c"> 
    37               <a href="http://www.macromedia.com/go/getflashplayer">Get Flash</a> to see this player. 
    38             </p> 
    39             <script type="text/javascript"> 
    40               var so = new SWFObject('{% url telemeta-swf "mp3player.swf" %}','playlist','300','200','7'); 
    41               so.addVariable("file","{% url telemeta-collection-xspf object.id|urlencode %}"); 
    42               so.addVariable("displayheight","0"); 
    43               so.write('collection_player_c'); 
    44             </script>  
    45           {% endif %} 
     18    <div class="{% if object.has_mediafile %}with-rightcol{% endif %}"> 
     19        {% if object.has_mediafile %} 
     20        <div id="rightcol"> 
     21            <div id="collection_player"> 
     22              <p><b>Listen to this collection</b> 
     23              (<a href="{% url telemeta-collection-m3u object.id|urlencode %}">M3U</a>, 
     24              <a href="{% url telemeta-collection-xspf object.id|urlencode %}">XSPF</a>)</p> 
     25              {% if 0 %} {# Use 1/0 for alternate player #} 
     26                <!-- This is the XSPF Web Music Player, under the BSD license,  
     27                  from: http://musicplayer.sourceforge.net/--> 
     28                <object type="application/x-shockwave-flash" width="362" height="200" 
     29                  data="{% url telemeta-swf "xspf_player.swf" %}?playlist_url={% url telemeta-collection-xspf object.id|urlencode %}"> 
     30                  <param name="movie"  
     31                    value="{% url telemeta-swf "xspf_player.swf" %}?playlist_url={% url telemeta-collection-xspf object.id|urlencode %}" /> 
     32                </object> 
     33              {% else %} 
     34                <!-- This is Jeroen Wijering's Flash MP3 Player,  
     35                  under CC Attribution-NonCommercial-ShareAlike 2.0 license 
     36                  from: http://www.jeroenwijering.com/?item=Flash_MP3_Player--> 
     37                <p id="collection_player_c"> 
     38                  <a href="http://www.macromedia.com/go/getflashplayer">Get Flash</a> to see this player. 
     39                </p> 
     40                <script type="text/javascript"> 
     41                  var so = new SWFObject('{% url telemeta-swf "mp3player.swf" %}','playlist','362','200','7'); 
     42                  so.addVariable("file","{% url telemeta-collection-xspf object.id|urlencode %}"); 
     43                  so.addVariable("displayheight","0"); 
     44                  so.write('collection_player_c'); 
     45                </script>  
     46              {% endif %} 
     47            </div> 
    4648        </div> 
    47     </div> 
    48     {% endif %} 
    49     <div id="leftcol"> 
     49        {% endif %} 
    5050        <div class="intro"> 
    5151            <span>{% if object.items.count %}{{ object.items.count }} {% ifequal object.items.count 1 %}item{% else %}items{% endifequal %}{% else %}No item{% endif %}</span> 
    … …  
    7171 
    7272            </dl> 
    73             <div class="nett"></div> 
    7473        </div> 
    7574        <div class="extraInfos"> 
    76             <h4><a href="#">Données ethnographiques</a></h4> 
    7775            <div> 
    78                 <dl class="listing"> 
     76                <h4><a href="#">Données ethnographiques</a></h4> 
     77                <div> 
     78                    <dl class="listing"> 
    7979 
    80                 {% if object.get_countries %} 
    81                 <dt>État / Nation</dt><dd>{{object.get_countries|join:", "}}</dd> 
    82                 {% endif %} 
     80                    {% if object.get_countries %} 
     81                    <dt>État / Nation</dt><dd>{{object.get_countries|join:", "}}</dd> 
     82                    {% endif %} 
    8383 
    84                 {% if object.get_ethnic_groups %} 
    85                 <dt>Ethnie / Groupe social</dt><dd>{{ object.get_ethnic_groups|join:", " }}</dd> 
    86                 {% endif %} 
     84                    {% if object.get_ethnic_groups %} 
     85                    <dt>Ethnie / Groupe social</dt><dd>{{ object.get_ethnic_groups|join:", " }}</dd> 
     86                    {% endif %} 
    8787 
    88                 {% if object.terrain_ou_autre %}<dt>Contexte de l’enregistrement</dt><dd>{{ object.terrain_ou_autre }}</dd>{% endif %} 
     88                    {% if object.terrain_ou_autre %}<dt>Contexte de l’enregistrement</dt><dd>{{ object.terrain_ou_autre }}</dd>{% endif %} 
    8989 
    90                 </dl> 
     90                    </dl> 
     91                </div> 
    9192            </div> 
    92             <div class="nett"></div> 
    9393        </div> 
    9494        {% if object.is_published %} 
    9595        <div class="extraInfos"> 
    96             <h4 class="on"><a href="#">Détails du document édité</a></h4> 
    97             <div class="closed"> 
    98                 <dl class="listing"> 
    99                 {% if object.publishing_status %}<dt>Réédition</dt><dd>{{ object.publishing_status }}</dd>{% endif %} 
    100                 {% if object.booklet_writer %}<dt>Auteur Notice</dt><dd>{{ object.booklet_writer }}</dd>{% endif %} 
    101                 {% if object.booklet_description %}<dt>Notice</dt><dd>{{ object.booklet_description }}</dd>{% endif %} 
    102                 </dl> 
     96            <div class="folded"> 
     97                <h4><a href="#">Détails du document édité</a></h4> 
     98                <div> 
     99                    <dl class="listing"> 
     100                    {% if object.publishing_status %}<dt>Réédition</dt><dd>{{ object.publishing_status }}</dd>{% endif %} 
     101                    {% if object.booklet_writer %}<dt>Auteur Notice</dt><dd>{{ object.booklet_writer }}</dd>{% endif %} 
     102                    {% if object.booklet_description %}<dt>Notice</dt><dd>{{ object.booklet_description }}</dd>{% endif %} 
     103                    </dl> 
     104                </div> 
    103105            </div> 
    104106            <div class="nett"></div> 
    … …  
    106108        {% endif %} 
    107109        <div class="extraInfos"> 
    108             <h4 class="on"><a href="#">Identification du document</a></h4> 
    109             <div class="closed"> 
    110                 <dl class="listing"> 
    111                 {% if object.id %}<dt>Cote</dt><dd>{{ object.id }}</dd>{% endif %} 
    112                 {% if object.physical_format %}<dt>Format de l'original</dt><dd>{{ object.physical_format }}</dd>{% endif %} 
    113                 </dl> 
     110            <div class="folded"> 
     111                <h4><a href="#">Identification du document</a></h4> 
     112                <div> 
     113                    <dl class="listing"> 
     114                    {% if object.id %}<dt>Cote</dt><dd>{{ object.id }}</dd>{% endif %} 
     115                    {% if object.physical_format %}<dt>Format de l'original</dt><dd>{{ object.physical_format }}</dd>{% endif %} 
     116                    </dl> 
     117                </div> 
    114118            </div> 
    115             <div class="nett"></div> 
    116119        </div> 
    117120        <div class="extraInfos"> 
    118             <h4 class="on"><a href="#">Informations documentaires</a></h4> 
    119             <div class="closed"> 
    120                 <dl class="listing"> 
    121                 {% if object.a_informer %}<dt>a informer</dt><dd>{{ object.a_informer }}</dd>{% endif %} 
    122                 {% if object.acquisition_mode %}<dt>acquisition mode</dt><dd>{{ object.acquisition_mode }}</dd>{% endif %} 
    123                 {% if object.champ36 %}<dt>champ36</dt><dd>{{ object.champ36 }}</dd>{% endif %} 
    124                 {% if object.collector %}<dt>collector</dt><dd>{{ object.collector }}</dd>{% endif %} 
    125                 {% if object.comment %}<dt>comment</dt><dd>{{ object.comment }}</dd>{% endif %} 
    126                 <!-- 
    127                 <dt>compil face plage</dt><dd>{{ object.compil_face_plage }}</dd> 
    128                 --> 
    129                 {% if object.deposant_cnrs %}<dt>deposant cnrs</dt><dd>{{ object.deposant_cnrs }}</dd>{% endif %} 
    130                 {% if object.fiches %}<dt>fiches</dt><dd>{{ object.fiches }}</dd>{% endif %} 
    131                 {% if object.is_full_copy %}<dt>is full copy</dt><dd>{{ object.is_full_copy }}</dd>{% endif %} 
    132                 {% if object.is_original %}<dt>is original</dt><dd>{{ object.is_original }}</dd>{% endif %} 
    133                 {% if object.numerisation %}<dt>numerisation</dt><dd>{{ object.numerisation }}</dd>{% endif %} 
    134                 {% if object.physical_items_num %}<dt>physical items num</dt><dd>{{ object.physical_items_num }}</dd>{% endif %} 
    135                 {% if object.publisher_collection %}<dt>publisher collection</dt><dd>{{ object.publisher_collection }}</dd>{% endif %} 
    136                 {% if object.publisher_serial_id %}<dt>publisher serial id</dt><dd>{{ object.publisher_serial_id }}</dd>{% endif %} 
    137                 {% if object.record_author %}<dt>record author</dt><dd>{{ object.record_author }}</dd>{% endif %} 
    138                 {% if object.record_writer %}<dt>record writer</dt><dd>{{ object.record_writer }}</dd>{% endif %} 
    139                 {% if object.ref_biblio %}<dt>ref biblio</dt><dd>{{ object.ref_biblio }}</dd>{% endif %} 
    140                 {% if object.rights %}<dt>rights</dt><dd>{{ object.rights }}</dd>{% endif %} 
    141                 {% if object.travail %}<dt>travail</dt><dd>{{ object.travail }}</dd>{% endif %} 
    142                 {% if object.tri_dibm %}<dt>tri dibm</dt><dd>{{ object.tri_dibm }}</dd>{% endif %} 
    143                 </dl> 
     121            <div class="folded"> 
     122                <h4><a href="#">Informations documentaires</a></h4> 
     123                <div> 
     124                    <dl class="listing"> 
     125                    {% if object.a_informer %}<dt>a informer</dt><dd>{{ object.a_informer }}</dd>{% endif %} 
     126                    {% if object.acquisition_mode %}<dt>acquisition mode</dt><dd>{{ object.acquisition_mode }}</dd>{% endif %} 
     127                    {% if object.champ36 %}<dt>champ36</dt><dd>{{ object.champ36 }}</dd>{% endif %} 
     128                    {% if object.collector %}<dt>collector</dt><dd>{{ object.collector }}</dd>{% endif %} 
     129                    {% if object.comment %}<dt>comment</dt><dd>{{ object.comment }}</dd>{% endif %} 
     130                    <!-- 
     131                    <dt>compil face plage</dt><dd>{{ object.compil_face_plage }}</dd> 
     132                    --> 
     133                    {% if object.deposant_cnrs %}<dt>deposant cnrs</dt><dd>{{ object.deposant_cnrs }}</dd>{% endif %} 
     134                    {% if object.fiches %}<dt>fiches</dt><dd>{{ object.fiches }}</dd>{% endif %} 
     135                    {% if object.is_full_copy %}<dt>is full copy</dt><dd>{{ object.is_full_copy }}</dd>{% endif %} 
     136                    {% if object.is_original %}<dt>is original</dt><dd>{{ object.is_original }}</dd>{% endif %} 
     137                    {% if object.numerisation %}<dt>numerisation</dt><dd>{{ object.numerisation }}</dd>{% endif %} 
     138                    {% if object.physical_items_num %}<dt>physical items num</dt><dd>{{ object.physical_items_num }}</dd>{% endif %} 
     139                    {% if object.publisher_collection %}<dt>publisher collection</dt><dd>{{ object.publisher_collection }}</dd>{% endif %} 
     140                    {% if object.publisher_serial_id %}<dt>publisher serial id</dt><dd>{{ object.publisher_serial_id }}</dd>{% endif %} 
     141                    {% if object.record_author %}<dt>record author</dt><dd>{{ object.record_author }}</dd>{% endif %} 
     142                    {% if object.record_writer %}<dt>record writer</dt><dd>{{ object.record_writer }}</dd>{% endif %} 
     143                    {% if object.ref_biblio %}<dt>ref biblio</dt><dd>{{ object.ref_biblio }}</dd>{% endif %} 
     144                    {% if object.rights %}<dt>rights</dt><dd>{{ object.rights }}</dd>{% endif %} 
     145                    {% if object.travail %}<dt>travail</dt><dd>{{ object.travail }}</dd>{% endif %} 
     146                    {% if object.tri_dibm %}<dt>tri dibm</dt><dd>{{ object.tri_dibm }}</dd>{% endif %} 
     147                    </dl> 
     148                </div> 
    144149            </div> 
    145             <div class="nett"></div> 
    146150        </div> 
    147151        <h4>Items</h4> 
    … …  
    151155        </div> 
    152156    </div> 
    153     <script type="text/javascript"> 
    154         ployBlocks(); 
    155     </script> 
    156157{% endblock %} 
    157158{% else %} 

  • telemeta/templates/mediaitem_detail.html

    r40f3d09 r8886589  
    1919soundManager.url = '{% url telemeta-swf "./" %}'; 
    2020soundManager.flashVersion = 9; 
    21 soundManager.consoleOnly = true; 
     21soundManager.debugMode = false; 
    2222load_player({{ item.get_duration }}); 
    2323</script> 
    … …  
    3434{% block content %} 
    3535 
     36<div class="{% if item.file %}with-rightcol{% endif %}"> 
     37 
    3638{% if item.file %} 
    37 <div id="player_maximized" class="ts-skin-lab"> 
    38     <a href="#" class="toggle">Minimize</a> 
    39 </div> 
    40 <div id="rightcol"> 
    41     <div id="player_minimized" class="ts-skin-lab"> 
    42     <a href="#" class="toggle">Maximize</a> 
    43     <div id="player" class="ts-player"> 
    44         <div class="ts-viewer"> 
    45             <div class="ts-wave"> 
    46                 <div class="ts-image-container"> 
    47                     <a href="{% url telemeta-item-export item.id|urlencode,"mp3" %}"> 
    48                     <img class="ts-image" src="{% url telemeta-item-visualize item.id|urlencode,visualizer_id %}"  
    49                       alt="" /></a> 
    50                 </div> 
    51             </div>   
    52         </div> 
    53     </div> 
    54     </div> 
    55  
    56     <div class="item_visualization"> 
    57         <form method="get" action="#" onsubmit="player.setImage(this.visualizer_id.value); return false;"> 
    58             <!-- 
    59             <select name="visualizer_id" onchange="this.form.submit()"> 
    60                 {% for v in visualizers %} 
    61                 <option value="{{ v.id }}" {% ifequal v.id visualizer_id %} selected="selected" {% endifequal %}> 
    62                 {{v.name}}</option> 
    63                 {% endfor %} 
     39    <div id="player_maximized" class="ts-skin-lab"> 
     40        <a href="#" class="toggle">Minimize</a> 
     41        <div style="clear: both"></div> 
     42    </div> 
     43    <div id="rightcol"> 
     44        <div id="player_minimized" class="ts-skin-lab"> 
     45        <a href="#" class="toggle">Maximize</a> 
     46        <div style="clear: both"></div> 
     47        <div id="player" class="ts-player"> 
     48            <div class="ts-viewer"> 
     49                <div class="ts-wave"> 
     50                    <div class="ts-image-container"> 
     51                        <a href="{% url telemeta-item-export item.id|urlencode,"mp3" %}"> 
     52                        <img class="ts-image" src="{% url telemeta-item-visualize item.id|urlencode,visualizer_id %}"  
     53                          alt="" /></a> 
     54                    </div> 
     55                </div>   
     56            </div> 
     57        </div> 
     58        </div> 
     59 
     60        <div class="item_visualization"> 
     61            <form method="get" action="#" onsubmit="player.setImage(this.visualizer_id.value); return false;"> 
     62                <!-- 
     63                <select name="visualizer_id" onchange="this.form.submit()"> 
     64                    {% for v in visualizers %} 
     65                    <option value="{{ v.id }}" {% ifequal v.id visualizer_id %} selected="selected" {% endifequal %}> 
     66                    {{v.name}}</option> 
     67                    {% endfor %} 
     68                </select> 
     69                --> 
     70                <select name="visualizer_id" onchange="player.setImage(this.value);"> 
     71                    {% for v in visualizers %} 
     72                    <option value="{% url telemeta-item-visualize item.id|urlencode,v.id %}"> 
     73                    {{v.name}}</option> 
     74                    {% endfor %} 
     75                </select> 
     76                <input type="submit" value="Set" /> 
     77            </form> 
     78 
     79          <div class="analyzer"> 
     80            <table width="100%"> 
     81             <tr class="analyzer_title"> 
     82              <td>Property</td> 
     83              <td>Value</td> 
     84              <td>Unit</td> 
     85             <tr> 
     86            {% for analyser in analysers %} 
     87             <tr class="analyzer_line"> 
     88              <td> 
     89                {{ analyser.name }} 
     90              </td> 
     91              <td>  
     92                {{ analyser.value }} 
     93              </td> 
     94              <td> 
     95                {{ analyser.unit }} 
     96              </td> 
     97            </tr> 
     98            {% endfor %} 
     99           </table> 
     100         </div> 
     101 
     102        <form method="get" action="#"> 
     103            <p>&nbsp;Vamp plugin analysis</p> 
     104            <select name="vamp_id"> 
     105            {% for plugin in vamp_plugins %} 
     106            <option value="{{ plugin }}" {% ifequal plugin vamp_id %} selected="selected" {% endifequal %}> 
     107            {{ plugin }}</option> 
     108            {% endfor %} 
    64109            </select> 
    65             --> 
    66             <select name="visualizer_id" onchange="player.setImage(this.value);"> 
    67                 {% for v in visualizers %} 
    68                 <option value="{% url telemeta-item-visualize item.id|urlencode,v.id %}"> 
    69                 {{v.name}}</option> 
    70                 {% endfor %} 
    71             </select> 
    72             <input type="submit" value="Set" /> 
     110            <input type="submit" value="Get" /> 
    73111        </form> 
    74  
    75       <div class="analyzer"> 
    76         <table width="100%"> 
    77          <tr class="analyzer_title"> 
    78           <td>Property</td> 
    79           <td>Value</td> 
    80           <td>Unit</td> 
    81          <tr> 
    82         {% for analyser in analysers %} 
    83          <tr class="analyzer_line"> 
    84           <td> 
    85             {{ analyser.name }} 
    86           </td> 
    87           <td>  
    88             {{ analyser.value }} 
    89           </td> 
    90           <td> 
    91             {{ analyser.unit }} 
    92           </td> 
    93         </tr> 
    94         {% endfor %} 
    95        </table> 
    96      </div> 
    97  
    98     <form method="get" action="#"> 
    99         <p>&nbsp;Vamp plugin analysis</p> 
    100         <select name="vamp_id"> 
    101         {% for plugin in vamp_plugins %} 
    102         <option value="{{ plugin }}" {% ifequal plugin vamp_id %} selected="selected" {% endifequal %}> 
    103         {{ plugin }}</option> 
    104         {% endfor %} 
    105         </select> 
    106         <input type="submit" value="Get" /> 
    107     </form> 
    108      
    109     </div> 
    110  
    111     <div class="exporter"> 
    112         <p>Download: 
    113         {% for format in export_formats %} 
    114         <a href="{% url telemeta-item-export item.id|urlencode,format.extension %}">{{ format.name }}</a> 
    115         {% endfor %}</p> 
    116     </div> 
    117      
    118  
    119 </div> 
     112         
     113        </div> 
     114 
     115        <div class="exporter"> 
     116            <p>Download: 
     117            {% for format in export_formats %} 
     118            <a href="{% url telemeta-item-export item.id|urlencode,format.extension %}">{{ format.name }}</a> 
     119            {% endfor %}</p> 
     120        </div> 
     121 
     122    </div> 
    120123{% endif %} 
    121     <div id="leftcol"> 
    122         <div class="infos"> 
    123             <dl class="listing"> 
    124                 {% if item.auteur %}<dt>Auteur</dt><dd>{{ item.auteur }}</dd>{% endif %} 
    125                 {% if item.annee_enr %}<dt>Année d'enregistrement</dt><dd>{{ item.annee_enr }}</dd>{% endif %} 
    126                 {% if item.dates_enregistr %}<dt>Date d'enregistrement</dt><dd>{{ item.dates_enregistr }}</dd>{% endif %} 
    127                 {% if item.title %}<dt>Titre</dt><dd>{{ item.title }}</dd>{% endif %} 
    128                 {% if item.transcrip_trad %}<dt>Traduction du titre</dt><dd>{{ item.transcrip_trad }}</dd>{% endif %} 
    129                 <dt>Collection</dt><dd><a href="{% url telemeta-collection-detail item.collection.id|urlencode %}">{{ item.collection.title }}</a></dd> 
    130                 {% if item.duree %}<dt>Durée</dt><dd>{{ item.duree }}</dd>{% endif %} 
    131                 {% if item.collection.ispublished and item.Ref %} 
    132                 <dt>Ref</dt><dd>{{ item.Ref }}</dd> 
    133                 {% endif %} 
    134             </dl> 
    135             <div class="nett"></div> 
    136         </div> 
    137         <div class="extraInfos"> 
     124 
     125    <div class="infos"> 
     126        <dl class="listing"> 
     127            {% if item.auteur %}<dt>Auteur</dt><dd>{{ item.auteur }}</dd>{% endif %} 
     128            {% if item.annee_enr %}<dt>Année d'enregistrement</dt><dd>{{ item.annee_enr }}</dd>{% endif %} 
     129            {% if item.dates_enregistr %}<dt>Date d'enregistrement</dt><dd>{{ item.dates_enregistr }}</dd>{% endif %} 
     130            {% if item.title %}<dt>Titre</dt><dd>{{ item.title }}</dd>{% endif %} 
     131            {% if item.transcrip_trad %}<dt>Traduction du titre</dt><dd>{{ item.transcrip_trad }}</dd>{% endif %} 
     132            <dt>Collection</dt><dd><a href="{% url telemeta-collection-detail item.collection.id|urlencode %}">{{ item.collection.title }}</a></dd> 
     133            {% if item.duree %}<dt>Durée</dt><dd>{{ item.duree }}</dd>{% endif %} 
     134            {% if item.collection.ispublished and item.Ref %} 
     135            <dt>Ref</dt><dd>{{ item.Ref }}</dd> 
     136            {% endif %} 
     137        </dl> 
     138    </div> 
     139    <div class="extraInfos"> 
     140        <div> 
    138141            <h4><a href="#">Informations géographiques et ethnographiques</a></h4> 
    139             <div> 
    140                 <dl class="listing"> 
    141                 {% if item.continent %}<dt>Continent</dt><dd>{{ item.continent }}</dd>{% endif %} 
    142                 {% if item.etat %}<dt>État / Nation</dt><dd>{{ item.etat }}</dd>{% endif %} 
    143                 {% if item.region_village %}<dt>Région / Village</dt><dd>{{ item.region_village }}</dd>{% endif %} 
    144                 {% if item.ethnie_grsocial %}<dt>Ethnie/ Groupe social</dt><dd>{{ item.ethnie_grsocial }}</dd>{% endif %} 
    145                 {% if item.aire_geo_cult %}<dt>Aire culturelle</dt><dd>{{ item.aire_geo_cult }}</dd>{% endif %} 
    146                 {% if item.fonction_usage and item.comm_fonctusage %} 
    147                 <dt class="group">Contexte ethnographique</dt> 
    148                 {% if item.fonction_usage %}<dt class="sub">Mots clés</dt><dd>{{ item.fonction_usage }}</dd>{% endif %} 
    149                 {% if item.comm_fonctusage %}<dt class="sub">Commentaires</dt><dd>{{ item.comm_fonctusage }}</dd>{% endif %} 
    150                 {% endif %} 
    151                 </dl> 
     142            <dl class="listing"> 
     143            {% if item.continent %}<dt>Continent</dt><dd>{{ item.continent }}</dd>{% endif %} 
     144            {% if item.etat %}<dt>État / Nation</dt><dd>{{ item.etat }}</dd>{% endif %} 
     145            {% if item.region_village %}<dt>Région / Village</dt><dd>{{ item.region_village }}</dd>{% endif %} 
     146            {% if item.ethnie_grsocial %}<dt>Ethnie/ Groupe social</dt><dd>{{ item.ethnie_grsocial }}</dd>{% endif %} 
     147            {% if item.aire_geo_cult %}<dt>Aire culturelle</dt><dd>{{ item.aire_geo_cult }}</dd>{% endif %} 
     148            {% if item.fonction_usage and item.comm_fonctusage %} 
     149            <dt class="group">Contexte ethnographique</dt> 
     150            {% if item.fonction_usage %}<dt class="sub">Mots clés</dt><dd>{{ item.fonction_usage }}</dd>{% endif %} 
     151            {% if item.comm_fonctusage %}<dt class="sub">Commentaires</dt><dd>{{ item.comm_fonctusage }}</dd>{% endif %} 
     152            {% endif %} 
     153            </dl> 
     154        </div> 
     155    </div> 
     156    <div class="extraInfos"> 
     157        <div class="folded"> 
     158            <h4><a href="#">Formation musicale</a></h4> 
     159            <dl class="listing"> 
     160            {% if item.form_genr_style %}<dt>Forme / genre vernaculaire</dt><dd>{{ item.form_genr_style }}</dd>{% endif %} 
     161            {% if item.formstyl_generi %}<dt>Forme / genre générique</dt><dd>{{ item.formstyl_generi }}</dd>{% endif %} 
     162            </dl> 
     163            <div class="instruments"> 
     164                <table class="instruments"> 
     165                <thead> 
     166                    <tr> 
     167                        <td>Nombre</td> 
     168                        <td>Nom générique</td> 
     169                        <td>Nom vernaculaire</td> 
     170                        <td>Interprète </td> 
     171                    </tr> 
     172                </thead> 
     173                <tbody> 
     174                    <tr> 
     175                        <td>-</td> 
     176                        <td>-</td> 
     177                        <td>-</td> 
     178                        <td>-</td> 
     179                    </tr> 
     180                </tbody> 
     181                </table> 
    152182            </div> 
    153             <div class="nett"></div> 
    154         </div> 
    155         <div class="extraInfos"> 
    156             <h4 class="on"><a href="#">Formation musicale</a></h4> 
    157             <div class="closed"> 
    158                 <dl class="listing"> 
    159                 {% if item.form_genr_style %}<dt>Forme / genre vernaculaire</dt><dd>{{ item.form_genr_style }}</dd>{% endif %} 
    160                 {% if item.formstyl_generi %}<dt>Forme / genre générique</dt><dd>{{ item.formstyl_generi }}</dd>{% endif %} 
    161                 </dl> 
    162                 <div class="instruments"> 
    163                     <table class="instruments"> 
    164                     <thead> 
    165                         <tr> 
    166                             <td>Nombre</td> 
    167                             <td>Nom générique</td> 
    168                             <td>Nom vernaculaire</td> 
    169                             <td>Interprète </td> 
    170                         </tr> 
    171                     </thead> 
    172                     <tbody> 
    173                         <tr> 
    174                             <td>-</td> 
    175                             <td>-</td> 
    176                             <td>-</td> 
    177                             <td>-</td> 
    178                         </tr> 
    179                     </tbody> 
    180                     </table> 
    181                 </div> 
    182             </div> 
    183             <div class="nett"></div> 
    184         </div> 
    185         <div class="extraInfos"> 
    186             <h4 class="on"><a href="#">Identification du document</a></h4> 
    187             <div class="closed"> 
    188                 <dl class="listing"> 
    189                 {% if item.format %}<dt>Format</dt><dd>{{ item.format }}</dd>{% endif %} 
    190                 {% if item.id %}<dt>Cote item</dt><dd>{{ item.id }}</dd>{% endif %} 
    191                 {% if item.face_plage %}<dt>N° de l'item</dt><dd>{{ item.face_plage }}</dd>{% endif %} 
    192                 </dl> 
    193             </div> 
    194             <div class="nett"></div> 
    195         </div> 
    196         <div class="extraInfos"> 
    197             <h4 class="on"><a href="#">Informations documentaires</a></h4> 
    198             <div class="closed"> 
    199                 <dl class="listing"> 
    200                 {% if item.choixcollecteur %}<dt>choixcollecteur</dt><dd>{{ item.choixcollecteur }}</dd>{% endif %} 
    201                 {% if item.comm_fonctusage %}<dt>comm fonctusage</dt><dd>{{ item.comm_fonctusage }}</dd>{% endif %} 
    202                 {% if item.copie_de %}<dt>Copie de</dt><dd>{{ item.copie_de }}</dd>{% endif %} 
    203                 {% if item.enregistre_par %}<dt>Enregistré par</dt><dd>{{ item.enregistre_par }}</dd>{% endif %} 
    204                 {% if item.file %}<dt>File</dt><dd>{{ item.file }}</dd>{% endif %} 
    205                 {% if item.get_duration %}<dt>get duration</dt><dd>{{ item.get_duration }}</dd>{% endif %} 
    206                 {% if item.moda_execut %}<dt>moda execut</dt><dd>{{ item.moda_execut }}</dd>{% endif %} 
    207                 {% if item.nroband_nropiec %}<dt>nroband nropiec</dt><dd>{{ item.nroband_nropiec }}</dd>{% endif %} 
    208                 {% if item.remarques %}<dt>Remarques</dt><dd>{{ item.remarques }}</dd>{% endif %} 
    209                 {% if item.repere_bande %}<dt>Repère bande</dt><dd>{{ item.repere_bande }}</dd>{% endif %} 
    210                 {% if item.struct_modale %}<dt>Struct modale</dt><dd>{{ item.struct_modale }}</dd>{% endif %} 
    211                 {% if item.struct_rythm %}<dt>Struct rythm</dt><dd>{{ item.struct_rythm }}</dd>{% endif %} 
    212                 {% if item.titre_support %}<dt>Titre support</dt><dd>{{ item.titre_support }}</dd>{% endif %} 
    213                 </dl> 
    214             </div> 
    215             <div class="nett"></div> 
    216         </div> 
    217     </div> 
    218     <script type="text/javascript"> 
    219         ployBlocks(); 
    220     </script> 
     183        </div> 
     184    </div> 
     185    <div class="extraInfos"> 
     186        <div class="folded"> 
     187            <h4><a href="#">Identification du document</a></h4> 
     188            <dl class="listing"> 
     189            {% if item.format %}<dt>Format</dt><dd>{{ item.format }}</dd>{% endif %} 
     190            {% if item.id %}<dt>Cote item</dt><dd>{{ item.id }}</dd>{% endif %} 
     191            {% if item.face_plage %}<dt>N° de l'item</dt><dd>{{ item.face_plage }}</dd>{% endif %} 
     192            </dl> 
     193        </div> 
     194    </div> 
     195    <div class="extraInfos"> 
     196        <div class="folded"> 
     197            <h4><a href="#">Informations documentaires</a></h4> 
     198            <dl class="listing"> 
     199            {% if item.choixcollecteur %}<dt>choixcollecteur</dt><dd>{{ item.choixcollecteur }}</dd>{% endif %} 
     200            {% if item.comm_fonctusage %}<dt>comm fonctusage</dt><dd>{{ item.comm_fonctusage }}</dd>{% endif %} 
     201            {% if item.copie_de %}<dt>Copie de</dt><dd>{{ item.copie_de }}</dd>{% endif %} 
     202            {% if item.enregistre_par %}<dt>Enregistré par</dt><dd>{{ item.enregistre_par }}</dd>{% endif %} 
     203            {% if item.file %}<dt>File</dt><dd>{{ item.file }}</dd>{% endif %} 
     204            {% if item.get_duration %}<dt>get duration</dt><dd>{{ item.get_duration }}</dd>{% endif %} 
     205            {% if item.moda_execut %}<dt>moda execut</dt><dd>{{ item.moda_execut }}</dd>{% endif %} 
     206            {% if item.nroband_nropiec %}<dt>nroband nropiec</dt><dd>{{ item.nroband_nropiec }}</dd>{% endif %} 
     207            {% if item.remarques %}<dt>Remarques</dt><dd>{{ item.remarques }}</dd>{% endif %} 
     208            {% if item.repere_bande %}<dt>Repère bande</dt><dd>{{ item.repere_bande }}</dd>{% endif %} 
     209            {% if item.struct_modale %}<dt>Struct modale</dt><dd>{{ item.struct_modale }}</dd>{% endif %} 
     210            {% if item.struct_rythm %}<dt>Struct rythm</dt><dd>{{ item.struct_rythm }}</dd>{% endif %} 
     211            {% if item.titre_support %}<dt>Titre support</dt><dd>{{ item.titre_support }}</dd>{% endif %} 
     212            </dl> 
     213        </div> 
     214    </div> 
     215 
     216</div> <!-- with-rightcol --> 
     217 
    221218{% endblock %} 
    222219{% else %} 

  • telemeta/templates/mediaitem_detail_dc.html

    r2cbb530 r8886589  
    99 
    1010{% block content %} 
    11     <div id="leftcol"> 
    1211    <h4 class="dublincore">Dublin Core Expression</h4> 
    1312    <dl class="dublincore"> 
    … …  
    1918        {% endfor %} 
    2019    </dl> 
    21     </div> 
    2220{% endblock %} 
    2321{% else %} 
Note: See TracChangeset for help on using the changeset viewer.