From: berick <berick@esilibrary.com>
Date: Thu, 17 Feb 2011 19:40:17 +0000 (-0500)
Subject: use new fines/payments tab images; bold misc. billings table column headers
X-Git-Url: https://old-git.evergreen-ils.org/?a=commitdiff_plain;h=37e202582922bc7bc88b02109906642e58f66e47;p=evergreen%2Fequinox.git

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 0668f2e6ce..f20e377e53 100644
--- 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;
 }
 
-#acct_tabs {
+#acct_tabs, #acct_fines_tabs {
 	height:33px;
 	width:974px;
 	margin:auto;
 }
 
-#acct_tabs a {
+#acct_tabs a, #acct_fines_tabs a {
 	float: left;
 	display: block;
 	height:33px;
 	margin-right:7px;
 }
 
+#acct_fines_tab {
+	width:156px;
+	background:url('/opac/skin/kcls/graphics/acct_fines_on.jpg') no-repeat bottom;
+}
+#acct_payments_tab {
+	width:156px;
+	background:url('/opac/skin/kcls/graphics/acct_payments_off.jpg') no-repeat bottom;
+}
+
 #acct_summary {
 	width:156px;
 	background:url('/opac/skin/kcls/graphics/acct_summary_on.gif') no-repeat bottom;
@@ -803,7 +812,7 @@ div.select-wrapper:hover {
 	top:3px;
 }
 
-#myopac_tabs, #adv_search_parent {
+#myopac_tabs, #adv_search_parent, #fines_payments_wrapper {
 	background: #929292;
 	border-top:1px solid #8b8b8b;
 	padding-top:5px;
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
index 0000000000..b73b61df14
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
index 0000000000..4ea7e89a1d
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
index 0000000000..c8a50f5513
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
index 0000000000..c571398eff
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 f796aabad3..06a1ef4e86 100644
--- 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) {
 	}
 }
 
+// for toggling between payments and fines tabs
+function showFinesTab() {
+    hideMe($("myopac_payments_div"));
+    unHideMe($("pay-fines-image"));
+    unHideMe($("myopac_trans_div"));
+    unHideMe($("myopac_circ_trans_div"));
+    $('acct_fines_tab').style.background="url('/opac/skin/kcls/graphics/acct_fines_on.jpg') no-repeat bottom";
+    $('acct_payments_tab').style.background="url('/opac/skin/kcls/graphics/acct_payments_off.jpg') no-repeat bottom";
+}
+
 var paymentsDrawn = false;
 function myopacDrawPayments() {
 
@@ -1403,8 +1413,8 @@ function myopacDrawPayments() {
     hideMe($("myopac_circ_trans_div"));
     hideMe($("myopac_trans_div"));
     hideMe($("pay-fines-image"));
-    removeCSSClass($("myopac_fines_tab_link").parentNode, "myopac_xact_tab_selected");
-    addCSSClass($("myopac_payments_tab_link").parentNode, "myopac_xact_tab_selected");
+    $('acct_fines_tab').style.background="url('/opac/skin/kcls/graphics/acct_fines_off.jpg') no-repeat bottom";
+    $('acct_payments_tab').style.background="url('/opac/skin/kcls/graphics/acct_payments_on.jpg') no-repeat bottom";
 
     if(paymentsDrawn) return;
     paymentsDrawn = true;
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 d227bb9bea..a3f45f0a3e 100644
--- 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>
 
     <!-- tab-like options for selection Fines or Payments view -->
-    <style>
-        .myopac_xact_tab { font-size: 150%; border: 1px solid #888; background: #3399cc;}
-        .myopac_xact_tab_selected { background: #FFF; }
-    </style>
-    <div id='fines_payments_wrapper' style='width:100%; background: #929292; padding: 3px; margin-top: 10px;'>
-        <span class='myopac_xact_tab myopac_xact_tab_selected'>
-            <a href='javascript:;' id='myopac_fines_tab_link' 
-                onclick='hideMe($("myopac_payments_div")); 
-                    unHideMe($("pay-fines-image"));
-                    unHideMe($("myopac_trans_div")); 
-                    unHideMe($("myopac_circ_trans_div"));
-                    addCSSClass($("myopac_fines_tab_link").parentNode, "myopac_xact_tab_selected");
-                    removeCSSClass($("myopac_payments_tab_link").parentNode, "myopac_xact_tab_selected");'>Fines</a>
-        </span>
-        <span class='myopac_xact_tab' style='margin-left: 15px;'>
-            <a href='javascript:;' id='myopac_payments_tab_link' onclick='myopacDrawPayments()'>Payments</a>
-        </span>
+    <div id='fines_payments_wrapper' style='padding-left: 5px; padding-right: 5px;'>
+        <div id='acct_fines_tabs'>
+            <a id='acct_fines_tab' href='javascript:;' onclick='showFinesTab();'></a>
+            <a id='acct_payments_tab' href='javascript:;' onclick='myopacDrawPayments();'></a>
+        </div>
     </div>
 
     <!-- Payments History -->
@@ -138,13 +126,13 @@
 			<thead>
 				<tr><td colspan='8' style='padding: 6px'><b>&myopac.fines.other;</b></td></tr>
 				<tr>
-					<td width='16%'>Date Applied</td>
-					<td width='16%'>&myopac.fines.time.paid;</td>
-					<td width='16%'>&myopac.fines.owed.initial;</td>
-					<td width='16%'>&myopac.fines.paid.amount;</td>
-					<td width='16%'>&myopac.fines.balance;</td>
-					<td width='16%'>&myopac.fines.type;</td>
-					<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>
+					<th width='16%'>Date Applied</th>
+					<th width='16%'>&myopac.fines.time.paid;</th>
+					<th width='16%'>&myopac.fines.owed.initial;</th>
+					<th width='16%'>&myopac.fines.paid.amount;</th>
+					<th width='16%'>&myopac.fines.balance;</th>
+					<th width='16%'>&myopac.fines.type;</th>
+					<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>
 				</tr>
 			</thead>