]> git.parisson.com Git - telemeta.git/commitdiff
misc layout fixes on ie6 and other browsers + templates/css/js consolidation
authorolivier <>
Fri, 2 Jan 2009 17:57:56 +0000 (17:57 +0000)
committerolivier <>
Fri, 2 Jan 2009 17:57:56 +0000 (17:57 +0000)
telemeta/htdocs/css/player.css
telemeta/htdocs/css/telemeta.css
telemeta/htdocs/css/telemeta_ie.css
telemeta/htdocs/css/telemeta_ie6.css
telemeta/htdocs/js/application.js
telemeta/htdocs/js/player.js
telemeta/templates/base.html
telemeta/templates/collection_detail.html
telemeta/templates/mediaitem_detail.html
telemeta/templates/mediaitem_detail_dc.html

index 7fcd921247c195f6a13285e1ad000c2a9db47932..1af204599cb2adb87e29b0fe9685f608ebb89b22 100644 (file)
@@ -3,7 +3,7 @@
     clear: both;
     background: white;
     border: solid 1px #ADADAD;
-    margin-top: 10px;
+    margin-top: 2px;
 }
 
 .ts-skin-lab .ts-player .ts-wave {
@@ -24,7 +24,6 @@
 }
 .ts-skin-lab .ts-player .ts-viewer a.ts-pointer {
     color: #BB0000;
-    /*background: transparent;*/
     background: white;
 
 }
@@ -66,9 +65,7 @@
 #player_maximized .toggle, #player_minimized .toggle {
     display: block;
     overflow: hidden;
-    position: absolute;
-    right: 0px;
-    top: -12px;
+    float: right;
     width: 18px;
     padding: 10px 0 0 0;
     height: 0px !important; 
index c53d9cc66646e4c6d7b504d2c8b1bfaec5a79ca2..7cb1d9634d6500199c93db1fa983e68330367dde 100644 (file)
@@ -33,7 +33,7 @@ h3 {
     height: 5px;\r
 }\r
 /* Min-width */\r
-#content, #header, #submenu {\r
+#layout {\r
     min-width: 740px;\r
 }\r
 \r
@@ -87,17 +87,11 @@ h3 {
     font-size: 0.9em;\r
     font-weight: bold;\r
 }\r
-#leftcol {\r
-    position: relative;\r
-    margin-right: 399px;\r
-    min-height: 450px;\r
-    min-width: 400px;\r
-}\r
+\r
 #rightcol {\r
-    clear: both;\r
-    position: absolute;\r
+    position: relative;\r
     z-index: 1;\r
-    right: .3em;\r
+    float: right;\r
     width: 362px;\r
     margin-top: 10px;\r
     border: 1px dotted #999;\r
@@ -118,17 +112,6 @@ h3 {
     background-color: #fff;\r
     border: 1px solid #adadad;\r
 }\r
-/*\r
-#item_player_c {\r
-    width: 305px;\r
-    padding: 2px 0 0;\r
-    border: 1px solid #adadad;\r
-    text-align: center;\r
-}\r
-.item_visualization select { width: 240px; }\r
-.item_visualization .viewport { width: 305px; border: 1px solid #adadad; overflow: auto; margin-top: 5px; background-color: #fff;}\r
-*/\r
-\r
 \r
 .exporter {\r
     background-color: #fff;\r
@@ -138,7 +121,6 @@ h3 {
     padding: 2px;\r
     height: 17px;\r
     margin: 5px 0 0;\r
-    /* overflow: auto; */\r
     font-size: 1em;\r
 }\r
 \r
@@ -149,7 +131,6 @@ h3 {
     width: 356px;\r
     padding: 2px;\r
     margin: 5px 0 0;\r
-    /* overflow: auto; */\r
     font-size: 1em;\r
 }\r
 \r
@@ -175,7 +156,7 @@ ul.continents ul li { display: inline; padding-right: 2em;}
 ul.continents ul li a { line-height: 1.8em; }\r
 \r
 /* Collection */\r
-#leftcol .intro {\r
+#content .intro {\r
     font-size: 1em;\r
     font-weight: bold;\r
     color: #444;\r
@@ -184,7 +165,7 @@ ul.continents ul li a { line-height: 1.8em; }
     font-size: 0.8em;\r
     background: #FFF url(indent.png) no-repeat 0 1px;\r
 }\r
-#leftcol .intro span {\r
+#content .intro span {\r
     padding: 3px;\r
 \r
 }\r
@@ -401,12 +382,8 @@ dl dd {
     border: 1px solid transparent;\r
 }\r
 dl dt {\r
-    clear: both;\r
     float: left;\r
 }\r
-/* ie5 mac \*/\r
-dt { clear: both;}\r
-/* end hack */\r
 \r
 dl.listing dt {\r
     width: 18em;\r
@@ -486,6 +463,11 @@ dl.dublincore dd.caption {
 .infos, .extraInfos {\r
     margin-bottom: 15px;\r
 }\r
+\r
+.extraInfos dl, .extraInfos table {\r
+    position: relative;\r
+}\r
+\r
 .extraInfos div {\r
     padding: 0;\r
     margin-bottom: 5px;\r
@@ -496,33 +478,37 @@ dl.dublincore dd.caption {
     margin-bottom: -5px;\r
 }\r
 .extraInfos h4 {\r
-    clear: both;\r
+    /* clear: both; */\r
     font-size: 0.9em;\r
     line-height: 1.4em;\r
+    border-bottom: 1px dotted #aaa;\r
 }\r
+.with-rightcol .extraInfos h4 {\r
+    margin-right: 395px;\r
+}\r
+\r
 .extraInfos h4 a {\r
     display: block;\r
-    color: #333;\r
+    color: #333 !important;\r
     text-decoration: none;\r
     margin: 0;\r
     background: #fff url(more.gif) no-repeat left top;\r
+    background-position: 0 -17px;\r
     padding-bottom: 2px;\r
     padding-left: 16px;\r
-    border-bottom: none;\r
+    border-bottom: none !important;\r
     outline: none;\r
 }\r
 .extraInfos h4 a:hover {\r
     background-color: transparent;\r
     border-bottom: none;\r
-    color: #555;\r
+    color: #555 !important;\r
 }\r
-.extraInfos h4.on {\r
-    border-bottom: 1px dotted #aaa;\r
-    margin-right: 15px;\r
+.extraInfos .folded h4 {\r
+    border-bottom: none;\r
 }\r
-.extraInfos h4.on a {\r
-    color: #333;\r
-    background-position: 0 -17px;\r
+.extraInfos .folded h4 a {\r
+    background-position: 0 0px;\r
 }\r
 \r
 /* Pagination */\r
@@ -553,7 +539,7 @@ div.instruments {
 table.instruments {\r
     border: none;\r
     border-collapse: separate;\r
-    width: 100%;\r
+    /* width: 100%; */\r
     border-spacing: .7em;\r
 }\r
 table.instruments td {\r
index 1dcbc977b922ceeec8a3f676359fbf6c5a8af61d..f4ade5683172235d278f53d2de4519d1268d37d1 100644 (file)
@@ -1,5 +1,4 @@
 dl.listing {\r
-    clear: both;\r
     margin-top: .4em;\r
 }\r
 dl.listing dd {\r
@@ -14,4 +13,4 @@ dl.dublincore dd.caption {
 div.instruments {\r
     margin-left: -.1em;\r
     margin-right: .9em;\r
-}
\ No newline at end of file
+}\r
index a8415e5816313e363fccda926adf36e639e56819..e546a4a8d317af88680bc6b4f758b35b48039a8f 100644 (file)
@@ -1,11 +1,4 @@
 /* Min-width */\r
-#leftcol {\r
-    height: 450px;\r
-    width: 400px;\r
-}\r
-#content, #header, #submenu {\r
-    width: 740px;\r
-}\r
 #submenu h3, #submenu div {\r
     height: 1.6em;\r
-}
\ No newline at end of file
+}\r
index 446f233b251bd02e227d89fdbb141ebe7734a3f3..22e5fffe321dc00c9ac62fb82d692611412b4e75 100644 (file)
@@ -1,33 +1,12 @@
-function ployBlocks() {\r
\r
-  $('.extraInfos div.nett').css('display', 'block');\r
-  $('.closed').css('display', 'none');\r
-       $('.extraInfos h4').toggleClass('on').click(function() {\r
-      $(this)\r
-          .toggleClass('on')\r
-          .parent().find('div').eq(0).toggle();\r
-      return false;\r
-  });\r
 \r
-  /*\r
-       var extraInfos = $$('.extraInfos div');\r
-       for (i = 0; i <extraInfos.length; i++ ) {\r
-               if(!extraInfos[i].hasClassName('nett')) {\r
-                       extraInfos[i].style.display = 'block';\r
-               }\r
-       }\r
-       var blocks = $$('.closed');\r
-       for (i = 0; i <blocks.length; i++ ) {\r
-               blocks[i].style.display = 'none';\r
-       }\r
-       var extraInfos = $$('.extraInfos h4');\r
-       for (i = 0; i <extraInfos.length; i++ ) {\r
-               extraInfos[i].toggleClassName('on');\r
-               extraInfos[i].onclick = function() {\r
-                       this.parentNode.getElementsByTagName("div")[0].toggle();\r
-                       this.toggleClassName('on');\r
-                       return false;\r
-               }\r
-       }\r
-  */\r
+function foldInfoBlocks() {\r
+    var extra = $('.extraInfos');\r
+    extra.find('.folded dl, .folded table').css('display', 'none');\r
+    extra.find('a').click(function() { \r
+        $(this).parents('.extraInfos').children().toggleClass('folded').find('dl, table').toggle(100); \r
+        return false; \r
+    });\r
 }\r
+\r
+$(document).ready(foldInfoBlocks);\r
+\r
index 76801bf45b4fe34b8f2fe6569e021b197438cf57..fe8d1a169f5f7594142ab05ee7e09ff376783822 100644 (file)
@@ -15,8 +15,9 @@ function togglePlayerMaximization() {
         ctr = $('#player_maximized').append(view);
     }
     ctr.css({opacity: 0, display: 'block'});
-    player.resize();
-    ctr.animate({opacity: 1}, 100, null);
+    if (player)
+        player.resize();
+    ctr.animate({opacity: 1}, 100);
 }
 
 function load_sound() {
index c268363a1714eb07807e440a152a07b1b9ffd074..7f34c0196f86b387eecfa4679884b6f7cd05adce 100644 (file)
@@ -20,6 +20,7 @@
 <div id="user-tools">{% trans 'Welcome,' %} <strong>{% if user.first_name %}{{ user.first_name|escape }}{% else %}{{ user.username }}{% endif %}</strong>. {% block userlinks %}<a href="doc/">{% trans 'Documentation' %}</a> / <a href="password_change/">{% trans 'Change password' %}</a> / <a href="logout/">{% trans 'Log out' %}</a>{% endblock %}</div>
 {% endif %}
 -->
+<div id="layout">
 <div id="header">
 <div id="logo">
 <a href="{% url telemeta-home %}"><img src="{% url telemeta-images "logo.png" %}" alt="" /></a>
@@ -62,6 +63,6 @@
   Visit the Telemeta open source project at<br /><a href="{% telemeta_url %}">{% telemeta_url %}</a>
  </p>
 </div>
-
+</div>
 </body>
 </html>
index 9750616e3541d828c2a9c22dc336f9909694f777..5dea52507d7b3abbba09544791cb23d76b32960e 100644 (file)
 {% endblock %}\r
 \r
 {% block content %}\r
-    {% if object.has_mediafile %}\r
-    <div id="rightcol">\r
-        <div id="collection_player">\r
-          <p><b>Listen to this collection</b>\r
-          (<a href="{% url telemeta-collection-m3u object.id|urlencode %}">M3U</a>,\r
-          <a href="{% url telemeta-collection-xspf object.id|urlencode %}">XSPF</a>)</p>\r
-          {% if 0 %} {# Use 1/0 for alternate player #}\r
-            <!-- This is the XSPF Web Music Player, under the BSD license, \r
-              from: http://musicplayer.sourceforge.net/-->\r
-            <object type="application/x-shockwave-flash" width="300" height="200"\r
-              data="{% url telemeta-swf "xspf_player.swf" %}?playlist_url={% url telemeta-collection-xspf object.id|urlencode %}">\r
-              <param name="movie" \r
-                value="{% url telemeta-swf "xspf_player.swf" %}?playlist_url={% url telemeta-collection-xspf object.id|urlencode %}" />\r
-            </object>\r
-          {% else %}\r
-            <!-- This is Jeroen Wijering's Flash MP3 Player, \r
-              under CC Attribution-NonCommercial-ShareAlike 2.0 license\r
-              from: http://www.jeroenwijering.com/?item=Flash_MP3_Player-->\r
-            <p id="collection_player_c">\r
-              <a href="http://www.macromedia.com/go/getflashplayer">Get Flash</a> to see this player.\r
-            </p>\r
-            <script type="text/javascript">\r
-              var so = new SWFObject('{% url telemeta-swf "mp3player.swf" %}','playlist','300','200','7');\r
-              so.addVariable("file","{% url telemeta-collection-xspf object.id|urlencode %}");\r
-              so.addVariable("displayheight","0");\r
-              so.write('collection_player_c');\r
-            </script> \r
-          {% endif %}\r
+    <div class="{% if object.has_mediafile %}with-rightcol{% endif %}">\r
+        {% if object.has_mediafile %}\r
+        <div id="rightcol">\r
+            <div id="collection_player">\r
+              <p><b>Listen to this collection</b>\r
+              (<a href="{% url telemeta-collection-m3u object.id|urlencode %}">M3U</a>,\r
+              <a href="{% url telemeta-collection-xspf object.id|urlencode %}">XSPF</a>)</p>\r
+              {% if 0 %} {# Use 1/0 for alternate player #}\r
+                <!-- This is the XSPF Web Music Player, under the BSD license, \r
+                  from: http://musicplayer.sourceforge.net/-->\r
+                <object type="application/x-shockwave-flash" width="362" height="200"\r
+                  data="{% url telemeta-swf "xspf_player.swf" %}?playlist_url={% url telemeta-collection-xspf object.id|urlencode %}">\r
+                  <param name="movie" \r
+                    value="{% url telemeta-swf "xspf_player.swf" %}?playlist_url={% url telemeta-collection-xspf object.id|urlencode %}" />\r
+                </object>\r
+              {% else %}\r
+                <!-- This is Jeroen Wijering's Flash MP3 Player, \r
+                  under CC Attribution-NonCommercial-ShareAlike 2.0 license\r
+                  from: http://www.jeroenwijering.com/?item=Flash_MP3_Player-->\r
+                <p id="collection_player_c">\r
+                  <a href="http://www.macromedia.com/go/getflashplayer">Get Flash</a> to see this player.\r
+                </p>\r
+                <script type="text/javascript">\r
+                  var so = new SWFObject('{% url telemeta-swf "mp3player.swf" %}','playlist','362','200','7');\r
+                  so.addVariable("file","{% url telemeta-collection-xspf object.id|urlencode %}");\r
+                  so.addVariable("displayheight","0");\r
+                  so.write('collection_player_c');\r
+                </script> \r
+              {% endif %}\r
+            </div>\r
         </div>\r
-    </div>\r
-    {% endif %}\r
-    <div id="leftcol">\r
+        {% endif %}\r
         <div class="intro">\r
             <span>{% if object.items.count %}{{ object.items.count }} {% ifequal object.items.count 1 %}item{% else %}items{% endifequal %}{% else %}No item{% endif %}</span>\r
         </div>\r
                 {% endif %}\r
 \r
             </dl>\r
-            <div class="nett"></div>\r
         </div>\r
         <div class="extraInfos">\r
-            <h4><a href="#">Données ethnographiques</a></h4>\r
             <div>\r
-                <dl class="listing">\r
+                <h4><a href="#">Données ethnographiques</a></h4>\r
+                <div>\r
+                    <dl class="listing">\r
 \r
-                {% if object.get_countries %}\r
-                <dt>État / Nation</dt><dd>{{object.get_countries|join:", "}}</dd>\r
-                {% endif %}\r
+                    {% if object.get_countries %}\r
+                    <dt>État / Nation</dt><dd>{{object.get_countries|join:", "}}</dd>\r
+                    {% endif %}\r
 \r
-                {% if object.get_ethnic_groups %}\r
-                <dt>Ethnie / Groupe social</dt><dd>{{ object.get_ethnic_groups|join:", " }}</dd>\r
-                {% endif %}\r
+                    {% if object.get_ethnic_groups %}\r
+                    <dt>Ethnie / Groupe social</dt><dd>{{ object.get_ethnic_groups|join:", " }}</dd>\r
+                    {% endif %}\r
 \r
-                {% if object.terrain_ou_autre %}<dt>Contexte de l’enregistrement</dt><dd>{{ object.terrain_ou_autre }}</dd>{% endif %}\r
+                    {% if object.terrain_ou_autre %}<dt>Contexte de l’enregistrement</dt><dd>{{ object.terrain_ou_autre }}</dd>{% endif %}\r
 \r
-                </dl>\r
+                    </dl>\r
+                </div>\r
             </div>\r
-            <div class="nett"></div>\r
         </div>\r
         {% if object.is_published %}\r
         <div class="extraInfos">\r
-            <h4 class="on"><a href="#">Détails du document édité</a></h4>\r
-            <div class="closed">\r
-                <dl class="listing">\r
-                {% if object.publishing_status %}<dt>Réédition</dt><dd>{{ object.publishing_status }}</dd>{% endif %}\r
-                {% if object.booklet_writer %}<dt>Auteur Notice</dt><dd>{{ object.booklet_writer }}</dd>{% endif %}\r
-                {% if object.booklet_description %}<dt>Notice</dt><dd>{{ object.booklet_description }}</dd>{% endif %}\r
-                </dl>\r
+            <div class="folded">\r
+                <h4><a href="#">Détails du document édité</a></h4>\r
+                <div>\r
+                    <dl class="listing">\r
+                    {% if object.publishing_status %}<dt>Réédition</dt><dd>{{ object.publishing_status }}</dd>{% endif %}\r
+                    {% if object.booklet_writer %}<dt>Auteur Notice</dt><dd>{{ object.booklet_writer }}</dd>{% endif %}\r
+                    {% if object.booklet_description %}<dt>Notice</dt><dd>{{ object.booklet_description }}</dd>{% endif %}\r
+                    </dl>\r
+                </div>\r
             </div>\r
             <div class="nett"></div>\r
         </div>\r
         {% endif %}\r
         <div class="extraInfos">\r
-            <h4 class="on"><a href="#">Identification du document</a></h4>\r
-            <div class="closed">\r
-                <dl class="listing">\r
-                {% if object.id %}<dt>Cote</dt><dd>{{ object.id }}</dd>{% endif %}\r
-                {% if object.physical_format %}<dt>Format de l'original</dt><dd>{{ object.physical_format }}</dd>{% endif %}\r
-                </dl>\r
+            <div class="folded">\r
+                <h4><a href="#">Identification du document</a></h4>\r
+                <div>\r
+                    <dl class="listing">\r
+                    {% if object.id %}<dt>Cote</dt><dd>{{ object.id }}</dd>{% endif %}\r
+                    {% if object.physical_format %}<dt>Format de l'original</dt><dd>{{ object.physical_format }}</dd>{% endif %}\r
+                    </dl>\r
+                </div>\r
             </div>\r
-            <div class="nett"></div>\r
         </div>\r
         <div class="extraInfos">\r
-            <h4 class="on"><a href="#">Informations documentaires</a></h4>\r
-            <div class="closed">\r
-                <dl class="listing">\r
-                {% if object.a_informer %}<dt>a informer</dt><dd>{{ object.a_informer }}</dd>{% endif %}\r
-                {% if object.acquisition_mode %}<dt>acquisition mode</dt><dd>{{ object.acquisition_mode }}</dd>{% endif %}\r
-                {% if object.champ36 %}<dt>champ36</dt><dd>{{ object.champ36 }}</dd>{% endif %}\r
-                {% if object.collector %}<dt>collector</dt><dd>{{ object.collector }}</dd>{% endif %}\r
-                {% if object.comment %}<dt>comment</dt><dd>{{ object.comment }}</dd>{% endif %}\r
-                <!--\r
-                <dt>compil face plage</dt><dd>{{ object.compil_face_plage }}</dd>\r
-                -->\r
-                {% if object.deposant_cnrs %}<dt>deposant cnrs</dt><dd>{{ object.deposant_cnrs }}</dd>{% endif %}\r
-                {% if object.fiches %}<dt>fiches</dt><dd>{{ object.fiches }}</dd>{% endif %}\r
-                {% if object.is_full_copy %}<dt>is full copy</dt><dd>{{ object.is_full_copy }}</dd>{% endif %}\r
-                {% if object.is_original %}<dt>is original</dt><dd>{{ object.is_original }}</dd>{% endif %}\r
-                {% if object.numerisation %}<dt>numerisation</dt><dd>{{ object.numerisation }}</dd>{% endif %}\r
-                {% if object.physical_items_num %}<dt>physical items num</dt><dd>{{ object.physical_items_num }}</dd>{% endif %}\r
-                {% if object.publisher_collection %}<dt>publisher collection</dt><dd>{{ object.publisher_collection }}</dd>{% endif %}\r
-                {% if object.publisher_serial_id %}<dt>publisher serial id</dt><dd>{{ object.publisher_serial_id }}</dd>{% endif %}\r
-                {% if object.record_author %}<dt>record author</dt><dd>{{ object.record_author }}</dd>{% endif %}\r
-                {% if object.record_writer %}<dt>record writer</dt><dd>{{ object.record_writer }}</dd>{% endif %}\r
-                {% if object.ref_biblio %}<dt>ref biblio</dt><dd>{{ object.ref_biblio }}</dd>{% endif %}\r
-                {% if object.rights %}<dt>rights</dt><dd>{{ object.rights }}</dd>{% endif %}\r
-                {% if object.travail %}<dt>travail</dt><dd>{{ object.travail }}</dd>{% endif %}\r
-                {% if object.tri_dibm %}<dt>tri dibm</dt><dd>{{ object.tri_dibm }}</dd>{% endif %}\r
-                </dl>\r
+            <div class="folded">\r
+                <h4><a href="#">Informations documentaires</a></h4>\r
+                <div>\r
+                    <dl class="listing">\r
+                    {% if object.a_informer %}<dt>a informer</dt><dd>{{ object.a_informer }}</dd>{% endif %}\r
+                    {% if object.acquisition_mode %}<dt>acquisition mode</dt><dd>{{ object.acquisition_mode }}</dd>{% endif %}\r
+                    {% if object.champ36 %}<dt>champ36</dt><dd>{{ object.champ36 }}</dd>{% endif %}\r
+                    {% if object.collector %}<dt>collector</dt><dd>{{ object.collector }}</dd>{% endif %}\r
+                    {% if object.comment %}<dt>comment</dt><dd>{{ object.comment }}</dd>{% endif %}\r
+                    <!--\r
+                    <dt>compil face plage</dt><dd>{{ object.compil_face_plage }}</dd>\r
+                    -->\r
+                    {% if object.deposant_cnrs %}<dt>deposant cnrs</dt><dd>{{ object.deposant_cnrs }}</dd>{% endif %}\r
+                    {% if object.fiches %}<dt>fiches</dt><dd>{{ object.fiches }}</dd>{% endif %}\r
+                    {% if object.is_full_copy %}<dt>is full copy</dt><dd>{{ object.is_full_copy }}</dd>{% endif %}\r
+                    {% if object.is_original %}<dt>is original</dt><dd>{{ object.is_original }}</dd>{% endif %}\r
+                    {% if object.numerisation %}<dt>numerisation</dt><dd>{{ object.numerisation }}</dd>{% endif %}\r
+                    {% if object.physical_items_num %}<dt>physical items num</dt><dd>{{ object.physical_items_num }}</dd>{% endif %}\r
+                    {% if object.publisher_collection %}<dt>publisher collection</dt><dd>{{ object.publisher_collection }}</dd>{% endif %}\r
+                    {% if object.publisher_serial_id %}<dt>publisher serial id</dt><dd>{{ object.publisher_serial_id }}</dd>{% endif %}\r
+                    {% if object.record_author %}<dt>record author</dt><dd>{{ object.record_author }}</dd>{% endif %}\r
+                    {% if object.record_writer %}<dt>record writer</dt><dd>{{ object.record_writer }}</dd>{% endif %}\r
+                    {% if object.ref_biblio %}<dt>ref biblio</dt><dd>{{ object.ref_biblio }}</dd>{% endif %}\r
+                    {% if object.rights %}<dt>rights</dt><dd>{{ object.rights }}</dd>{% endif %}\r
+                    {% if object.travail %}<dt>travail</dt><dd>{{ object.travail }}</dd>{% endif %}\r
+                    {% if object.tri_dibm %}<dt>tri dibm</dt><dd>{{ object.tri_dibm }}</dd>{% endif %}\r
+                    </dl>\r
+                </div>\r
             </div>\r
-            <div class="nett"></div>\r
         </div>\r
         <h4>Items</h4>\r
         {% with object.ordered_items as items %}\r
         {% endwith %}\r
         </div>\r
     </div>\r
-    <script type="text/javascript">\r
-        ployBlocks();\r
-    </script>\r
 {% endblock %}\r
 {% else %}\r
     <p>No such collection</p>\r
index 25f55205acfe9e5df7bf25f179566a09d637e889..fae322cde34636b250782cbc5a6accf2cac0fa3c 100644 (file)
@@ -18,7 +18,7 @@
 <script type="text/javascript">\r
 soundManager.url = '{% url telemeta-swf "./" %}';\r
 soundManager.flashVersion = 9;\r
-soundManager.consoleOnly = true;\r
+soundManager.debugMode = false;\r
 load_player({{ item.get_duration }});\r
 </script>\r
 \r
@@ -33,191 +33,188 @@ load_player({{ item.get_duration }});
 \r
 {% block content %}\r
 \r
+<div class="{% if item.file %}with-rightcol{% endif %}">\r
+\r
 {% if item.file %}\r
-<div id="player_maximized" class="ts-skin-lab">\r
-    <a href="#" class="toggle">Minimize</a>\r
-</div>\r
-<div id="rightcol">\r
-    <div id="player_minimized" class="ts-skin-lab">\r
-    <a href="#" class="toggle">Maximize</a>\r
-    <div id="player" class="ts-player">\r
-        <div class="ts-viewer">\r
-            <div class="ts-wave">\r
-                <div class="ts-image-container">\r
-                    <a href="{% url telemeta-item-export item.id|urlencode,"mp3" %}">\r
-                    <img class="ts-image" src="{% url telemeta-item-visualize item.id|urlencode,visualizer_id %}" \r
-                      alt="" /></a>\r
-                </div>\r
-            </div>  \r
-        </div>\r
-    </div>\r
+    <div id="player_maximized" class="ts-skin-lab">\r
+        <a href="#" class="toggle">Minimize</a>\r
+        <div style="clear: both"></div>\r
     </div>\r
+    <div id="rightcol">\r
+        <div id="player_minimized" class="ts-skin-lab">\r
+        <a href="#" class="toggle">Maximize</a>\r
+        <div style="clear: both"></div>\r
+        <div id="player" class="ts-player">\r
+            <div class="ts-viewer">\r
+                <div class="ts-wave">\r
+                    <div class="ts-image-container">\r
+                        <a href="{% url telemeta-item-export item.id|urlencode,"mp3" %}">\r
+                        <img class="ts-image" src="{% url telemeta-item-visualize item.id|urlencode,visualizer_id %}" \r
+                          alt="" /></a>\r
+                    </div>\r
+                </div>  \r
+            </div>\r
+        </div>\r
+        </div>\r
 \r
-    <div class="item_visualization">\r
-        <form method="get" action="#" onsubmit="player.setImage(this.visualizer_id.value); return false;">\r
-            <!--\r
-            <select name="visualizer_id" onchange="this.form.submit()">\r
-                {% for v in visualizers %}\r
-                <option value="{{ v.id }}" {% ifequal v.id visualizer_id %} selected="selected" {% endifequal %}>\r
-                {{v.name}}</option>\r
-                {% endfor %}\r
-            </select>\r
-            -->\r
-            <select name="visualizer_id" onchange="player.setImage(this.value);">\r
-                {% for v in visualizers %}\r
-                <option value="{% url telemeta-item-visualize item.id|urlencode,v.id %}">\r
-                {{v.name}}</option>\r
-                {% endfor %}\r
+        <div class="item_visualization">\r
+            <form method="get" action="#" onsubmit="player.setImage(this.visualizer_id.value); return false;">\r
+                <!--\r
+                <select name="visualizer_id" onchange="this.form.submit()">\r
+                    {% for v in visualizers %}\r
+                    <option value="{{ v.id }}" {% ifequal v.id visualizer_id %} selected="selected" {% endifequal %}>\r
+                    {{v.name}}</option>\r
+                    {% endfor %}\r
+                </select>\r
+                -->\r
+                <select name="visualizer_id" onchange="player.setImage(this.value);">\r
+                    {% for v in visualizers %}\r
+                    <option value="{% url telemeta-item-visualize item.id|urlencode,v.id %}">\r
+                    {{v.name}}</option>\r
+                    {% endfor %}\r
+                </select>\r
+                <input type="submit" value="Set" />\r
+            </form>\r
+\r
+          <div class="analyzer">\r
+            <table width="100%">\r
+             <tr class="analyzer_title">\r
+              <td>Property</td>\r
+              <td>Value</td>\r
+              <td>Unit</td>\r
+             <tr>\r
+            {% for analyser in analysers %}\r
+             <tr class="analyzer_line">\r
+              <td>\r
+                {{ analyser.name }}\r
+              </td>\r
+              <td> \r
+                {{ analyser.value }}\r
+              </td>\r
+              <td>\r
+                {{ analyser.unit }}\r
+              </td>\r
+            </tr>\r
+            {% endfor %}\r
+           </table>\r
+         </div>\r
+\r
+        <form method="get" action="#">\r
+            <p>&nbsp;Vamp plugin analysis</p>\r
+            <select name="vamp_id">\r
+            {% for plugin in vamp_plugins %}\r
+            <option value="{{ plugin }}" {% ifequal plugin vamp_id %} selected="selected" {% endifequal %}>\r
+            {{ plugin }}</option>\r
+            {% endfor %}\r
             </select>\r
-            <input type="submit" value="Set" />\r
+            <input type="submit" value="Get" />\r
         </form>\r
+        \r
+        </div>\r
 \r
-      <div class="analyzer">\r
-        <table width="100%">\r
-         <tr class="analyzer_title">\r
-          <td>Property</td>\r
-          <td>Value</td>\r
-          <td>Unit</td>\r
-         <tr>\r
-        {% for analyser in analysers %}\r
-         <tr class="analyzer_line">\r
-          <td>\r
-            {{ analyser.name }}\r
-          </td>\r
-          <td> \r
-            {{ analyser.value }}\r
-          </td>\r
-          <td>\r
-            {{ analyser.unit }}\r
-          </td>\r
-        </tr>\r
-        {% endfor %}\r
-       </table>\r
-     </div>\r
-\r
-    <form method="get" action="#">\r
-        <p>&nbsp;Vamp plugin analysis</p>\r
-        <select name="vamp_id">\r
-        {% for plugin in vamp_plugins %}\r
-        <option value="{{ plugin }}" {% ifequal plugin vamp_id %} selected="selected" {% endifequal %}>\r
-        {{ plugin }}</option>\r
-        {% endfor %}\r
-        </select>\r
-        <input type="submit" value="Get" />\r
-    </form>\r
-    \r
-    </div>\r
+        <div class="exporter">\r
+            <p>Download:\r
+            {% for format in export_formats %}\r
+            <a href="{% url telemeta-item-export item.id|urlencode,format.extension %}">{{ format.name }}</a>\r
+            {% endfor %}</p>\r
+        </div>\r
 \r
-    <div class="exporter">\r
-        <p>Download:\r
-        {% for format in export_formats %}\r
-        <a href="{% url telemeta-item-export item.id|urlencode,format.extension %}">{{ format.name }}</a>\r
-        {% endfor %}</p>\r
     </div>\r
-    \r
-\r
-</div>\r
 {% endif %}\r
-    <div id="leftcol">\r
-        <div class="infos">\r
+\r
+    <div class="infos">\r
+        <dl class="listing">\r
+            {% if item.auteur %}<dt>Auteur</dt><dd>{{ item.auteur }}</dd>{% endif %}\r
+            {% if item.annee_enr %}<dt>Année d'enregistrement</dt><dd>{{ item.annee_enr }}</dd>{% endif %}\r
+            {% if item.dates_enregistr %}<dt>Date d'enregistrement</dt><dd>{{ item.dates_enregistr }}</dd>{% endif %}\r
+            {% if item.title %}<dt>Titre</dt><dd>{{ item.title }}</dd>{% endif %}\r
+            {% if item.transcrip_trad %}<dt>Traduction du titre</dt><dd>{{ item.transcrip_trad }}</dd>{% endif %}\r
+            <dt>Collection</dt><dd><a href="{% url telemeta-collection-detail item.collection.id|urlencode %}">{{ item.collection.title }}</a></dd>\r
+            {% if item.duree %}<dt>Durée</dt><dd>{{ item.duree }}</dd>{% endif %}\r
+            {% if item.collection.ispublished and item.Ref %}\r
+            <dt>Ref</dt><dd>{{ item.Ref }}</dd>\r
+            {% endif %}\r
+        </dl>\r
+    </div>\r
+    <div class="extraInfos">\r
+        <div>\r
+            <h4><a href="#">Informations géographiques et ethnographiques</a></h4>\r
             <dl class="listing">\r
-                {% if item.auteur %}<dt>Auteur</dt><dd>{{ item.auteur }}</dd>{% endif %}\r
-                {% if item.annee_enr %}<dt>Année d'enregistrement</dt><dd>{{ item.annee_enr }}</dd>{% endif %}\r
-                {% if item.dates_enregistr %}<dt>Date d'enregistrement</dt><dd>{{ item.dates_enregistr }}</dd>{% endif %}\r
-                {% if item.title %}<dt>Titre</dt><dd>{{ item.title }}</dd>{% endif %}\r
-                {% if item.transcrip_trad %}<dt>Traduction du titre</dt><dd>{{ item.transcrip_trad }}</dd>{% endif %}\r
-                <dt>Collection</dt><dd><a href="{% url telemeta-collection-detail item.collection.id|urlencode %}">{{ item.collection.title }}</a></dd>\r
-                {% if item.duree %}<dt>Durée</dt><dd>{{ item.duree }}</dd>{% endif %}\r
-                {% if item.collection.ispublished and item.Ref %}\r
-                <dt>Ref</dt><dd>{{ item.Ref }}</dd>\r
-                {% endif %}\r
+            {% if item.continent %}<dt>Continent</dt><dd>{{ item.continent }}</dd>{% endif %}\r
+            {% if item.etat %}<dt>État / Nation</dt><dd>{{ item.etat }}</dd>{% endif %}\r
+            {% if item.region_village %}<dt>Région / Village</dt><dd>{{ item.region_village }}</dd>{% endif %}\r
+            {% if item.ethnie_grsocial %}<dt>Ethnie/ Groupe social</dt><dd>{{ item.ethnie_grsocial }}</dd>{% endif %}\r
+            {% if item.aire_geo_cult %}<dt>Aire culturelle</dt><dd>{{ item.aire_geo_cult }}</dd>{% endif %}\r
+            {% if item.fonction_usage and item.comm_fonctusage %}\r
+            <dt class="group">Contexte ethnographique</dt>\r
+            {% if item.fonction_usage %}<dt class="sub">Mots clés</dt><dd>{{ item.fonction_usage }}</dd>{% endif %}\r
+            {% if item.comm_fonctusage %}<dt class="sub">Commentaires</dt><dd>{{ item.comm_fonctusage }}</dd>{% endif %}\r
+            {% endif %}\r
             </dl>\r
-            <div class="nett"></div>\r
         </div>\r
-        <div class="extraInfos">\r
-            <h4><a href="#">Informations géographiques et ethnographiques</a></h4>\r
-            <div>\r
-                <dl class="listing">\r
-                {% if item.continent %}<dt>Continent</dt><dd>{{ item.continent }}</dd>{% endif %}\r
-                {% if item.etat %}<dt>État / Nation</dt><dd>{{ item.etat }}</dd>{% endif %}\r
-                {% if item.region_village %}<dt>Région / Village</dt><dd>{{ item.region_village }}</dd>{% endif %}\r
-                {% if item.ethnie_grsocial %}<dt>Ethnie/ Groupe social</dt><dd>{{ item.ethnie_grsocial }}</dd>{% endif %}\r
-                {% if item.aire_geo_cult %}<dt>Aire culturelle</dt><dd>{{ item.aire_geo_cult }}</dd>{% endif %}\r
-                {% if item.fonction_usage and item.comm_fonctusage %}\r
-                <dt class="group">Contexte ethnographique</dt>\r
-                {% if item.fonction_usage %}<dt class="sub">Mots clés</dt><dd>{{ item.fonction_usage }}</dd>{% endif %}\r
-                {% if item.comm_fonctusage %}<dt class="sub">Commentaires</dt><dd>{{ item.comm_fonctusage }}</dd>{% endif %}\r
-                {% endif %}\r
-                </dl>\r
-            </div>\r
-            <div class="nett"></div>\r
-        </div>\r
-        <div class="extraInfos">\r
-            <h4 class="on"><a href="#">Formation musicale</a></h4>\r
-            <div class="closed">\r
-                <dl class="listing">\r
-                {% if item.form_genr_style %}<dt>Forme / genre vernaculaire</dt><dd>{{ item.form_genr_style }}</dd>{% endif %}\r
-                {% if item.formstyl_generi %}<dt>Forme / genre générique</dt><dd>{{ item.formstyl_generi }}</dd>{% endif %}\r
-                </dl>\r
-                <div class="instruments">\r
-                    <table class="instruments">\r
-                    <thead>\r
-                        <tr>\r
-                            <td>Nombre</td>\r
-                            <td>Nom générique</td>\r
-                            <td>Nom vernaculaire</td>\r
-                            <td>Interprète </td>\r
-                        </tr>\r
-                    </thead>\r
-                    <tbody>\r
-                        <tr>\r
-                            <td>-</td>\r
-                            <td>-</td>\r
-                            <td>-</td>\r
-                            <td>-</td>\r
-                        </tr>\r
-                    </tbody>\r
-                    </table>\r
-                </div>\r
+    </div>\r
+    <div class="extraInfos">\r
+        <div class="folded">\r
+            <h4><a href="#">Formation musicale</a></h4>\r
+            <dl class="listing">\r
+            {% if item.form_genr_style %}<dt>Forme / genre vernaculaire</dt><dd>{{ item.form_genr_style }}</dd>{% endif %}\r
+            {% if item.formstyl_generi %}<dt>Forme / genre générique</dt><dd>{{ item.formstyl_generi }}</dd>{% endif %}\r
+            </dl>\r
+            <div class="instruments">\r
+                <table class="instruments">\r
+                <thead>\r
+                    <tr>\r
+                        <td>Nombre</td>\r
+                        <td>Nom générique</td>\r
+                        <td>Nom vernaculaire</td>\r
+                        <td>Interprète </td>\r
+                    </tr>\r
+                </thead>\r
+                <tbody>\r
+                    <tr>\r
+                        <td>-</td>\r
+                        <td>-</td>\r
+                        <td>-</td>\r
+                        <td>-</td>\r
+                    </tr>\r
+                </tbody>\r
+                </table>\r
             </div>\r
-            <div class="nett"></div>\r
         </div>\r
-        <div class="extraInfos">\r
-            <h4 class="on"><a href="#">Identification du document</a></h4>\r
-            <div class="closed">\r
-                <dl class="listing">\r
-                {% if item.format %}<dt>Format</dt><dd>{{ item.format }}</dd>{% endif %}\r
-                {% if item.id %}<dt>Cote item</dt><dd>{{ item.id }}</dd>{% endif %}\r
-                {% if item.face_plage %}<dt>N° de l'item</dt><dd>{{ item.face_plage }}</dd>{% endif %}\r
-                </dl>\r
-            </div>\r
-            <div class="nett"></div>\r
+    </div>\r
+    <div class="extraInfos">\r
+        <div class="folded">\r
+            <h4><a href="#">Identification du document</a></h4>\r
+            <dl class="listing">\r
+            {% if item.format %}<dt>Format</dt><dd>{{ item.format }}</dd>{% endif %}\r
+            {% if item.id %}<dt>Cote item</dt><dd>{{ item.id }}</dd>{% endif %}\r
+            {% if item.face_plage %}<dt>N° de l'item</dt><dd>{{ item.face_plage }}</dd>{% endif %}\r
+            </dl>\r
         </div>\r
-        <div class="extraInfos">\r
-            <h4 class="on"><a href="#">Informations documentaires</a></h4>\r
-            <div class="closed">\r
-                <dl class="listing">\r
-                {% if item.choixcollecteur %}<dt>choixcollecteur</dt><dd>{{ item.choixcollecteur }}</dd>{% endif %}\r
-                {% if item.comm_fonctusage %}<dt>comm fonctusage</dt><dd>{{ item.comm_fonctusage }}</dd>{% endif %}\r
-                {% if item.copie_de %}<dt>Copie de</dt><dd>{{ item.copie_de }}</dd>{% endif %}\r
-                {% if item.enregistre_par %}<dt>Enregistré par</dt><dd>{{ item.enregistre_par }}</dd>{% endif %}\r
-                {% if item.file %}<dt>File</dt><dd>{{ item.file }}</dd>{% endif %}\r
-                {% if item.get_duration %}<dt>get duration</dt><dd>{{ item.get_duration }}</dd>{% endif %}\r
-                {% if item.moda_execut %}<dt>moda execut</dt><dd>{{ item.moda_execut }}</dd>{% endif %}\r
-                {% if item.nroband_nropiec %}<dt>nroband nropiec</dt><dd>{{ item.nroband_nropiec }}</dd>{% endif %}\r
-                {% if item.remarques %}<dt>Remarques</dt><dd>{{ item.remarques }}</dd>{% endif %}\r
-                {% if item.repere_bande %}<dt>Repère bande</dt><dd>{{ item.repere_bande }}</dd>{% endif %}\r
-                {% if item.struct_modale %}<dt>Struct modale</dt><dd>{{ item.struct_modale }}</dd>{% endif %}\r
-                {% if item.struct_rythm %}<dt>Struct rythm</dt><dd>{{ item.struct_rythm }}</dd>{% endif %}\r
-                {% if item.titre_support %}<dt>Titre support</dt><dd>{{ item.titre_support }}</dd>{% endif %}\r
-                </dl>\r
-            </div>\r
-            <div class="nett"></div>\r
+    </div>\r
+    <div class="extraInfos">\r
+        <div class="folded">\r
+            <h4><a href="#">Informations documentaires</a></h4>\r
+            <dl class="listing">\r
+            {% if item.choixcollecteur %}<dt>choixcollecteur</dt><dd>{{ item.choixcollecteur }}</dd>{% endif %}\r
+            {% if item.comm_fonctusage %}<dt>comm fonctusage</dt><dd>{{ item.comm_fonctusage }}</dd>{% endif %}\r
+            {% if item.copie_de %}<dt>Copie de</dt><dd>{{ item.copie_de }}</dd>{% endif %}\r
+            {% if item.enregistre_par %}<dt>Enregistré par</dt><dd>{{ item.enregistre_par }}</dd>{% endif %}\r
+            {% if item.file %}<dt>File</dt><dd>{{ item.file }}</dd>{% endif %}\r
+            {% if item.get_duration %}<dt>get duration</dt><dd>{{ item.get_duration }}</dd>{% endif %}\r
+            {% if item.moda_execut %}<dt>moda execut</dt><dd>{{ item.moda_execut }}</dd>{% endif %}\r
+            {% if item.nroband_nropiec %}<dt>nroband nropiec</dt><dd>{{ item.nroband_nropiec }}</dd>{% endif %}\r
+            {% if item.remarques %}<dt>Remarques</dt><dd>{{ item.remarques }}</dd>{% endif %}\r
+            {% if item.repere_bande %}<dt>Repère bande</dt><dd>{{ item.repere_bande }}</dd>{% endif %}\r
+            {% if item.struct_modale %}<dt>Struct modale</dt><dd>{{ item.struct_modale }}</dd>{% endif %}\r
+            {% if item.struct_rythm %}<dt>Struct rythm</dt><dd>{{ item.struct_rythm }}</dd>{% endif %}\r
+            {% if item.titre_support %}<dt>Titre support</dt><dd>{{ item.titre_support }}</dd>{% endif %}\r
+            </dl>\r
         </div>\r
     </div>\r
-    <script type="text/javascript">\r
-        ployBlocks();\r
-    </script>\r
+\r
+</div> <!-- with-rightcol -->\r
+\r
 {% endblock %}\r
 {% else %}\r
     <p>No such item</p>\r
index ae0226a686567e13e3a344784f5fa3db1426be59..9ad50bfb8241551d7a2fe8300b19bc7eefeb9412 100644 (file)
@@ -8,7 +8,6 @@
 {% endblock %}\r
 \r
 {% block content %}\r
-    <div id="leftcol">\r
     <h4 class="dublincore">Dublin Core Expression</h4>\r
     <dl class="dublincore">\r
         <dt class="caption"><span>Element</span>Refinement</dt><dd class="caption">Value</dd>\r
@@ -18,7 +17,6 @@
         {% endif %}\r
         {% endfor %}\r
     </dl>\r
-    </div>\r
 {% endblock %}\r
 {% else %}\r
     <p>No such item</p>\r