use new fines/payments tab images; bold misc. billings table column headers

diff --git a/Open-ILS/web/opac/skin/kcls/css/style.css b/Open-ILS/web/opac/skin/kcls/css/style.css
index 0668f2e..f20e377 100644 (file)
--- a/Open-ILS/web/opac/skin/kcls/css/style.css
+++ b/Open-ILS/web/opac/skin/kcls/css/style.css
@@ -263,19 +263,28 @@ div.select-wrapper:hover {
        background:url('/opac/skin/kcls/graphics/expert_search_off.gif') no-repeat bottom;\r
 }\r
 \r
-#acct_tabs {\r
+#acct_tabs, #acct_fines_tabs {\r
        height:33px;\r
        width:974px;\r
        margin:auto;\r
 }\r
 \r
-#acct_tabs a {\r
+#acct_tabs a, #acct_fines_tabs a {\r
        float: left;\r
        display: block;\r
        height:33px;\r
        margin-right:7px;\r
 }\r
 \r
+#acct_fines_tab {\r
+       width:156px;\r
+       background:url('/opac/skin/kcls/graphics/acct_fines_on.jpg') no-repeat bottom;\r
+}\r
+#acct_payments_tab {\r
+       width:156px;\r
+       background:url('/opac/skin/kcls/graphics/acct_payments_off.jpg') no-repeat bottom;\r
+}\r
+\r
 #acct_summary {\r
        width:156px;\r
        background:url('/opac/skin/kcls/graphics/acct_summary_on.gif') no-repeat bottom;\r
@@ -803,7 +812,7 @@ div.select-wrapper:hover {
        top:3px;\r
 }\r
 \r
-#myopac_tabs, #adv_search_parent {\r
+#myopac_tabs, #adv_search_parent, #fines_payments_wrapper {\r
        background: #929292;\r
        border-top:1px solid #8b8b8b;\r
        padding-top:5px;\r

diff --git a/Open-ILS/web/opac/skin/kcls/graphics/acct_fines_off.jpg b/Open-ILS/web/opac/skin/kcls/graphics/acct_fines_off.jpg
new file mode 100644 (file)
index 0000000..b73b61d
Binary files /dev/null and b/Open-ILS/web/opac/skin/kcls/graphics/acct_fines_off.jpg differ

diff --git a/Open-ILS/web/opac/skin/kcls/graphics/acct_fines_on.jpg b/Open-ILS/web/opac/skin/kcls/graphics/acct_fines_on.jpg
new file mode 100644 (file)
index 0000000..4ea7e89
Binary files /dev/null and b/Open-ILS/web/opac/skin/kcls/graphics/acct_fines_on.jpg differ

diff --git a/Open-ILS/web/opac/skin/kcls/graphics/acct_payments_off.jpg b/Open-ILS/web/opac/skin/kcls/graphics/acct_payments_off.jpg
new file mode 100644 (file)
index 0000000..c8a50f5
Binary files /dev/null and b/Open-ILS/web/opac/skin/kcls/graphics/acct_payments_off.jpg differ

diff --git a/Open-ILS/web/opac/skin/kcls/graphics/acct_payments_on.jpg b/Open-ILS/web/opac/skin/kcls/graphics/acct_payments_on.jpg
new file mode 100644 (file)
index 0000000..c571398
Binary files /dev/null and b/Open-ILS/web/opac/skin/kcls/graphics/acct_payments_on.jpg differ

diff --git a/Open-ILS/web/opac/skin/kcls/js/myopac.js b/Open-ILS/web/opac/skin/kcls/js/myopac.js
index f796aab..06a1ef4 100644 (file)
--- a/Open-ILS/web/opac/skin/kcls/js/myopac.js
+++ b/Open-ILS/web/opac/skin/kcls/js/myopac.js
@@ -1396,6 +1396,16 @@ function myOPACShowTransactions(r) {
        }\r
 }\r
 \r
+// for toggling between payments and fines tabs\r
+function showFinesTab() {\r
+    hideMe($("myopac_payments_div"));\r
+    unHideMe($("pay-fines-image"));\r
+    unHideMe($("myopac_trans_div"));\r
+    unHideMe($("myopac_circ_trans_div"));\r
+    $('acct_fines_tab').style.background="url('/opac/skin/kcls/graphics/acct_fines_on.jpg') no-repeat bottom";\r
+    $('acct_payments_tab').style.background="url('/opac/skin/kcls/graphics/acct_payments_off.jpg') no-repeat bottom";\r
+}\r
+\r
 var paymentsDrawn = false;\r
 function myopacDrawPayments() {\r
 \r
@@ -1403,8 +1413,8 @@ function myopacDrawPayments() {
     hideMe($("myopac_circ_trans_div"));\r
     hideMe($("myopac_trans_div"));\r
     hideMe($("pay-fines-image"));\r
-    removeCSSClass($("myopac_fines_tab_link").parentNode, "myopac_xact_tab_selected");\r
-    addCSSClass($("myopac_payments_tab_link").parentNode, "myopac_xact_tab_selected");\r
+    $('acct_fines_tab').style.background="url('/opac/skin/kcls/graphics/acct_fines_off.jpg') no-repeat bottom";\r
+    $('acct_payments_tab').style.background="url('/opac/skin/kcls/graphics/acct_payments_on.jpg') no-repeat bottom";\r
 \r
     if(paymentsDrawn) return;\r
     paymentsDrawn = true;\r

diff --git a/Open-ILS/web/opac/skin/kcls/xml/myopac/myopac_summary.xml b/Open-ILS/web/opac/skin/kcls/xml/myopac/myopac_summary.xml
index d227bb9..a3f45f0 100644 (file)
--- a/Open-ILS/web/opac/skin/kcls/xml/myopac/myopac_summary.xml
+++ b/Open-ILS/web/opac/skin/kcls/xml/myopac/myopac_summary.xml
@@ -47,23 +47,11 @@
        </table>\r
 \r
     <!-- tab-like options for selection Fines or Payments view -->\r
-    <style>\r
-        .myopac_xact_tab { font-size: 150%; border: 1px solid #888; background: #3399cc;}\r
-        .myopac_xact_tab_selected { background: #FFF; }\r
-    </style>\r
-    <div id='fines_payments_wrapper' style='width:100%; background: #929292; padding: 3px; margin-top: 10px;'>\r
-        <span class='myopac_xact_tab myopac_xact_tab_selected'>\r
-            <a href='javascript:;' id='myopac_fines_tab_link' \r
-                onclick='hideMe($("myopac_payments_div")); \r
-                    unHideMe($("pay-fines-image"));\r
-                    unHideMe($("myopac_trans_div")); \r
-                    unHideMe($("myopac_circ_trans_div"));\r
-                    addCSSClass($("myopac_fines_tab_link").parentNode, "myopac_xact_tab_selected");\r
-                    removeCSSClass($("myopac_payments_tab_link").parentNode, "myopac_xact_tab_selected");'>Fines</a>\r
-        </span>\r
-        <span class='myopac_xact_tab' style='margin-left: 15px;'>\r
-            <a href='javascript:;' id='myopac_payments_tab_link' onclick='myopacDrawPayments()'>Payments</a>\r
-        </span>\r
+    <div id='fines_payments_wrapper' style='padding-left: 5px; padding-right: 5px;'>\r
+        <div id='acct_fines_tabs'>\r
+            <a id='acct_fines_tab' href='javascript:;' onclick='showFinesTab();'></a>\r
+            <a id='acct_payments_tab' href='javascript:;' onclick='myopacDrawPayments();'></a>\r
+        </div>\r
     </div>\r
 \r
     <!-- Payments History -->\r
@@ -138,13 +126,13 @@
                        <thead>\r
                                <tr><td colspan='8' style='padding: 6px'><b>&myopac.fines.other;</b></td></tr>\r
                                <tr>\r
-                                       <td width='16%'>Date Applied</td>\r
-                                       <td width='16%'>&myopac.fines.time.paid;</td>\r
-                                       <td width='16%'>&myopac.fines.owed.initial;</td>\r
-                                       <td width='16%'>&myopac.fines.paid.amount;</td>\r
-                                       <td width='16%'>&myopac.fines.balance;</td>\r
-                                       <td width='16%'>&myopac.fines.type;</td>\r
-                                       <td width='4%' align="center" nowrap="nowrap" style="white-space:nowrap;"><label for="pay_fines_box2">Pay Fines</label><br /><input id="pay_fines_box2" class="" type="checkbox" onclick="checkAll($('myopac_trans_tbody'), this, 'selector');" title="Click to (un)select all fines" /></td>\r
+                                       <th width='16%'>Date Applied</th>\r
+                                       <th width='16%'>&myopac.fines.time.paid;</th>\r
+                                       <th width='16%'>&myopac.fines.owed.initial;</th>\r
+                                       <th width='16%'>&myopac.fines.paid.amount;</th>\r
+                                       <th width='16%'>&myopac.fines.balance;</th>\r
+                                       <th width='16%'>&myopac.fines.type;</th>\r
+                                       <th width='4%' align="center" nowrap="nowrap" style="white-space:nowrap;"><label for="pay_fines_box2">Pay Fines</label><br /><input id="pay_fines_box2" class="" type="checkbox" onclick="checkAll($('myopac_trans_tbody'), this, 'selector');" title="Click to (un)select all fines" /></th>\r
                                </tr>\r
                        </thead>\r
        \r