TPAC: Add some style to MFHD holdings summaries

Simple grey background for the holdings summary header for each record;
add a TBODY element to the holdings table for validity; offset the MFHD
type by 1em to group entries under each holdings location.

Signed-off-by: Dan Scott <dscott@laurentian.ca>

diff --git a/Open-ILS/src/templates/opac/parts/record/issues.tt2 b/Open-ILS/src/templates/opac/parts/record/issues.tt2
index 47f63f0..00a3eca 100644 (file)
--- a/Open-ILS/src/templates/opac/parts/record/issues.tt2
+++ b/Open-ILS/src/templates/opac/parts/record/issues.tt2
@@ -25,7 +25,7 @@ FOREACH type IN ctx.holding_summaries.keys;
 [% END %]
 [% IF ctx.mfhd_summaries.size; %]
     <div class="rdetail-mfhd-holdings">
-        <table>
+        <table><tbody>
 [%
         mfhd = {
             basic_holdings = l('Volumes'),
@@ -40,6 +40,11 @@ FOREACH type IN ctx.holding_summaries.keys;
         };
 
         FOREACH serial IN ctx.mfhd_summaries;
+%]
+            <tr>
+                <td class="rdetail-mfhd-head" colspan="2">[% l('Holdings summary ([_1])', serial.location) %]</td>
+            </tr>
+[%
             FOREACH type IN mfhd.keys;
                 NEXT UNLESS serial.$type.size;
 %]
@@ -48,8 +53,11 @@ FOREACH type IN ctx.holding_summaries.keys;
                 <td class="rdetail-mfhd-contents">[% serial.$type.join(', ') %]</td>
             </tr>
         [% END %]
+            <tr>
+                <td class="rdetail-mfhd-foot" colspan="2"> </td>
+            </tr>
     [% END %]
-        </table>
+        </tbody></table>
     </div>
 [% END %]
 </div>

diff --git a/Open-ILS/web/css/skin/default/opac/style.css b/Open-ILS/web/css/skin/default/opac/style.css
index 7f47cf4..c72c651 100644 (file)
--- a/Open-ILS/web/css/skin/default/opac/style.css
+++ b/Open-ILS/web/css/skin/default/opac/style.css
@@ -1061,3 +1061,18 @@ a.opac-button {
     margin-left: 1em;
     padding-left: 1em;
 }
+
+.rdetail-mfhd-head {
+    margin-top: 5px;
+    padding-top: 5px;
+    background-color: #D8D8D8;
+}
+
+.rdetail-mfhd-type {
+    padding-left: 1em;
+}
+
+.rdetail-mfhd-bottom {
+    border-bottom: thin solid black;
+    width: 100%;
+}