Changeset 4452

Timestamp:

02/06/14 08:06:54 (10 years ago)

Author:

twagoo

Message:

resource details in record page mockup

Location:

vlo/branches/vlo-3.0/vlo-web-app/src/main/html

Files:

• js/vlo-record.js (modified) (1 diff)
• record1.html (modified) (1 diff)
• style/downloading-updates-128.png (added)
• style/vlo-record.css (modified) (4 diffs)

vlo/branches/vlo-3.0/vlo-web-app/src/main/html/js/vlo-record.js

@@ -29 +29 @@
         $("#recordtechnicaldetailstoggle a").toggle();
     });
+    
+    $(".recordresourcedetails").hide();
+    $("#recordresources > a").click(function(event){
+        event.preventDefault();
+        $(".recordresourcedetails").slideToggle('fast');
+    });
 });

vlo/branches/vlo-3.0/vlo-web-app/src/main/html/record1.html

@@ -125 +125 @@
                     <a class="audioresource" href="http://corpus1.mpi.nl/qfs1/media-archive/dobes_data/Ache/Documentaci_n_-_Documentation/Comunidades_-_Communities/Cerro_Moroti/Media/002-djawu_klluu-2011-09-01.wav">002-djawu_klluu-2011-09-01.wav</a>
                     <a class="annotationresource" href="http://corpus1.mpi.nl/qfs1/media-archive/dobes_data/Ache/Documentaci_n_-_Documentation/Comunidades_-_Communities/Cerro_Moroti/Annotations/002-djawu_klluu-2011-09-01.eaf">002-djawu_klluu-2011-09-01.eaf</a>
+                    
+                    <div class="recordresourcedetails">
+                        <h2>Bachelorscriptie+Rene+Witteveen+3375005.docx</h2>
+                        <ul>
+                            <li>File type: text file</li>
+                            <li>Mime type: application/msword</li>
+                            <li>Location: <a class="resourcedownloadlink" href="http://dspace.library.uu.nl/bitstream/1874/235456/1/Bachelorscriptie+Rene+Witteveen+3375005.docx">http://dspace.library.uu.nl/bitstream/1874/235456/1/Bachelorscriptie+Rene+Witteveen+3375005.docx</a></li>
+                        </ul>
+                    </div>
+                    
                 </div>
 

vlo/branches/vlo-3.0/vlo-web-app/src/main/html/style/vlo-record.css

@@ -110 +110 @@
 }
 
-#recordresources a {
+#recordresources > a {
     display: inline-block;
     float: left;
@@ -120 +120 @@
     word-break: break-all;
     text-align: center;
+    margin-bottom: 1em;
 }
 
-#recordresources a:hover {
+#recordresources > a:hover {
     background-color: #ccc;
 }
@@ -146 +147 @@
 }
 
+.recordresourcedetails {
+    clear: both;
+    border: 1px dashed;
+    margin-left: 2em;
+    padding: 1em;
+}
+
+.recordresourcedetails a.resourcedownloadlink, .recordresourcedetails a.resourcedownloadlink:hover {
+    padding-left: 16px;
+    background: url('downloading-updates-128.png') no-repeat; /* icon from icons8.com */
+    background-size: 12px;
+}
+
 /* Technical details */
 
@@ -154 +168 @@
 
 #recordcmditoggle {
-    padding-top: 4em;
+    padding-top: 2em;
 }