kpac : template-ifying
authorBill Erickson <berick@esilibrary.com>
Wed, 25 Jan 2012 18:49:07 +0000 (13:49 -0500)
committerBill Erickson <berick@esilibrary.com>
Wed, 4 Apr 2012 16:42:05 +0000 (12:42 -0400)
Signed-off-by: Bill Erickson <berick@esilibrary.com>
Open-ILS/src/templates/kpac/category.tt2
Open-ILS/src/templates/kpac/checkout.tt2
Open-ILS/src/templates/kpac/checkout_results.tt2
Open-ILS/src/templates/kpac/detailed.tt2
Open-ILS/src/templates/kpac/search_results.tt2

index 24cfc45..3ffc210 100644 (file)
@@ -8,14 +8,14 @@
 <div class="sub_cat_wrapper">
     <table cellpadding="0" cellspacing="0" border="0" class="main_category_table">
         <tr>
-            <td><a href="javascript:;"><img src="graphics/category.png" alt="" /><span>Book Series this is more test text</span></a></td>
-            <td><a href="javascript:;"><img src="graphics/category.png" alt="" /><span>Current Events</span></a></td>
-            <td><a href="javascript:;"><img src="graphics/category.png" alt="" /><span>Book Series</span></a></td>
+            <td><a href="javascript:;"><img src="[% ctx.media_prefix %]/images/kpac/category.png" alt="" /><span>Book Series this is more test text</span></a></td>
+            <td><a href="javascript:;"><img src="[% ctx.media_prefix %]/images/kpac/category.png" alt="" /><span>Current Events</span></a></td>
+            <td><a href="javascript:;"><img src="[% ctx.media_prefix %]/images/kpac/category.png" alt="" /><span>Book Series</span></a></td>
         </tr>
         <tr>
-            <td><a href="javascript:;"><img src="graphics/category.png" alt="" /><span>Book Series</span></a></td>
-            <td><a href="javascript:;"><img src="graphics/category.png" alt="" /><span>Book Series</span></a></td>
-            <td><a href="javascript:;"><img src="graphics/category.png" alt="" /><span>Book Series</span></a></td>
+            <td><a href="javascript:;"><img src="[% ctx.media_prefix %]/images/kpac/category.png" alt="" /><span>Book Series</span></a></td>
+            <td><a href="javascript:;"><img src="[% ctx.media_prefix %]/images/kpac/category.png" alt="" /><span>Book Series</span></a></td>
+            <td><a href="javascript:;"><img src="[% ctx.media_prefix %]/images/kpac/category.png" alt="" /><span>Book Series</span></a></td>
         </tr>
     </table>
 </div>
@@ -23,9 +23,9 @@
 <div class="sub_navigation1">
     <table cellpadding="0" cellspacing="0" border="0" width="100%">
         <tr>
-            <td><a href="javascript:;"><img src="graphics/go_back_btn.png" /></a></td>
+            <td><a href="javascript:;"><img src="[% ctx.media_prefix %]/images/kpac/go_back_btn.png" /></a></td>
             <td width="100%" class="nav_mid_bg"></td>
-            <td class="to_top_btn"><a href="javascript:;"><img src="graphics/to_top_btn.png" /></a></td>
+            <td class="to_top_btn"><a href="javascript:;"><img src="[% ctx.media_prefix %]/images/kpac/to_top_btn.png" /></a></td>
         </tr>
     </table>
 </div>
index 437d5d3..866193f 100644 (file)
@@ -5,7 +5,7 @@
  
           <div id="search_results_parent">
             <div class="search_results checkout_item_pad">
-              <div class="item_detail_image"><a href="javascript:;"><img alt="item image" src="graphics/item_image.jpg" /></a></div>
+              <div class="item_detail_image"><a href="javascript:;"><img alt="item image" src="[% ctx.media_prefix %]/images/kpac/item_image.jpg" /></a></div>
               <div class="item_detail_info">
                 <div class="item_detail_name">Book Name</div>
                 <div class="item_detail_author">by Author Name</div>
@@ -13,7 +13,7 @@
                 <div class="item_detail_extra_info">Publisher, Year, Size</div>
               </div>
               <div class="item_icon_wrapper">
-                <div class="item_icon">&nbsp;<img alt="book" src="graphics/icon_book.png" />&nbsp; <!-- put a single &nbsp; around each side of the image - for vertical centering --></div>
+                <div class="item_icon">&nbsp;<img alt="book" src="[% ctx.media_prefix %]/images/kpac/icon_book.png" />&nbsp; <!-- put a single &nbsp; around each side of the image - for vertical centering --></div>
                 <div class="item_icon_type_text">Book</div>
               </div>
               <div class="clear">&nbsp;</div>
@@ -35,7 +35,7 @@
              </tr>
              <tr>
                <td class="popup_lm"><div class="clear">&nbsp;</div></td>
-               <td class="popup_mid"><div class="popup_content"><img src="graphics/library_card.png" alt="library card" /></div></td>
+               <td class="popup_mid"><div class="popup_content"><img src="[% ctx.media_prefix %]/images/kpac/library_card.png" alt="library card" /></div></td>
                <td class="popup_rm"><div class="clear">&nbsp;</div></td>
              </tr>
              <tr>
@@ -43,7 +43,7 @@
                <td class="popup_bm"><div class="clear">&nbsp;</div></td>
                <td class="popup_br"><div class="clear">&nbsp;</div></td>
              </tr>
-             <tr><td colspan="3" align="center" valign="top"><img class="popup_arrow_bm" src="graphics/popup_arrow_bm.png" /></td></tr>
+             <tr><td colspan="3" align="center" valign="top"><img class="popup_arrow_bm" src="[% ctx.media_prefix %]/images/kpac/popup_arrow_bm.png" /></td></tr>
            </table>
          </div>
        </div>
@@ -66,7 +66,7 @@
                <td class="popup_bm"><div class="clear">&nbsp;</div></td>
                <td class="popup_br"><div class="clear">&nbsp;</div></td>
              </tr>
-             <tr><td colspan="3" align="center" valign="top"><img class="popup_arrow_bm" src="graphics/popup_arrow_bm.png" /></td></tr>
+             <tr><td colspan="3" align="center" valign="top"><img class="popup_arrow_bm" src="[% ctx.media_prefix %]/images/kpac/popup_arrow_bm.png" /></td></tr>
            </table>
          </div>
        </div>
                   <div class="box_inside">
                     <p>Library Card Number without spaces:</p>
                     <div class="input_box"><input type="text" class="text_box" style="color:#aaa;" value=" Enter Numbers... " onfocus="if(this.value==' Enter Numbers... '){this.value='';this.style.color='#424242';}" onblur="if(this.value==''){this.value=' Enter Numbers... '; this.style.color='#aaa';}" /></div>
-                    <a class="help_btn" href="javascript:;" onclick="helpPopup('card_help', this, event);"><img src="graphics/question_mark.png" alt="pin number help" /></a>
+                    <a class="help_btn" href="javascript:;" onclick="helpPopup('card_help', this, event);"><img src="[% ctx.media_prefix %]/images/kpac/question_mark.png" alt="pin number help" /></a>
                     <div class="clear">&nbsp;</div>
                     <div class="hr">&nbsp;</div>
                     <p>Pin Number:</p>
                     <div class="input_box"><input type="password" class="text_box" style="color:#aaa;" value=" Enter Numbers... " onfocus="if(this.value==' Enter Numbers... '){this.value='';this.style.color='#424242';}" onblur="if(this.value==''){this.value=' Enter Numbers... '; this.style.color='#aaa';}" /></div>
-                    <a class="help_btn" href="javascript:;" onclick="helpPopup('test_popup', this, event);"><img src="graphics/question_mark.png" alt="pin number help" /></a>
+                    <a class="help_btn" href="javascript:;" onclick="helpPopup('test_popup', this, event);"><img src="[% ctx.media_prefix %]/images/kpac/question_mark.png" alt="pin number help" /></a>
                     <div class="clear">&nbsp;</div>
                     <div class="hr">&nbsp;</div>
                     <p>Choose a Pickup Library:</p>
@@ -97,7 +97,7 @@
                   </div>
                 </div>
                 <div class="submit_btn">
-                  <a href="javascript:;"><img src="graphics/review_submit_btn.png" alt="submit" /></a>
+                  <a href="javascript:;"><img src="[% ctx.media_prefix %]/images/kpac/review_submit_btn.png" alt="submit" /></a>
                 </div>
               </div>
             </td><td valign="top">
                   </div>
                 </div>
                 <div class="submit_btn">
-                  <a href="javascript:;"><img src="graphics/review_submit_btn.png" alt="submit" /></a>
+                  <a href="javascript:;"><img src="[% ctx.media_prefix %]/images/kpac/review_submit_btn.png" alt="submit" /></a>
                 </div>
               </div>
             </td></tr></table>
           
           <div class="sub_navigation2 checkout">
             <table cellpadding="0" cellspacing="0" border="0" width="100%"><tr>
-              <td><a href="javascript:;"><img src="graphics/cancel_back_btn.png" /></a></td>
+              <td><a href="javascript:;"><img src="[% ctx.media_prefix %]/images/kpac/cancel_back_btn.png" /></a></td>
               <td width="100%" class="nav_mid_bg">&nbsp;</td>
             </tr></table>
           </div>
index ab22927..2821add 100644 (file)
@@ -12,9 +12,9 @@
           
           <div class="sub_navigation2 checkout">
             <table cellpadding="0" cellspacing="0" border="0" width="100%"><tr>
-              <td><a href="javascript:;"><img src="graphics/back_to_results_btn.png" /></a></td>
+              <td><a href="javascript:;"><img src="[% ctx.media_prefix %]/images/kpac/back_to_results_btn.png" /></a></td>
               <td width="100%" class="nav_mid_bg">&nbsp;</td>
-              <td><img src="graphics/back_to_book.png" /></td>
+              <td><img src="[% ctx.media_prefix %]/images/kpac/back_to_book.png" /></td>
               <td nowrap="nowrap"><a class="checkout_res_back" href="javascript:;">Back to <span>Book Name</span></a></td>
             </tr></table>
           </div>
index 7049596..2d25321 100644 (file)
@@ -5,19 +5,19 @@
  
           <!-- did somebody order the div salad? -->
           <div class="item_detail_header">
-            <div class="item_detail_image"><a href="javascript:;"><img alt="item image" src="graphics/item_image.jpg" /></a></div>
+            <div class="item_detail_image"><a href="javascript:;"><img alt="item image" src="[% ctx.media_prefix %]/images/kpac/item_image.jpg" /></a></div>
             
             <div class="item_detail_info">
               <div class="item_detail_name">Book Name</div>
               <div class="item_detail_author">by Author Name</div>
               <div class="item_detail_icon_rate">
                 <div class="item_icon_wrapper">
-                  <div class="item_icon">&nbsp;<img alt="book" src="graphics/icon_book.png" />&nbsp; <!-- put a single &nbsp; around each side of the image - for vertical centering --></div>
+                  <div class="item_icon">&nbsp;<img alt="book" src="[% ctx.media_prefix %]/images/kpac/icon_book.png" />&nbsp; <!-- put a single &nbsp; around each side of the image - for vertical centering --></div>
                   <div class="item_icon_type_text">Book</div>
                 </div>
                 
                 <div class="item_detail_rate_wrapper">
-                  <div class="item_detail_rate_starts"><img alt="rating" src="graphics/stars!.png" /></div>
+                  <div class="item_detail_rate_starts"><img alt="rating" src="[% ctx.media_prefix %]/images/kpac/stars!.png" /></div>
                   <div class="item_detail_rate_link"><a href="javascript:;">Rate this</a></div>
                   <div class="clear">&nbsp;</div>
                   <div class="item_detail_cn_wrapper">
@@ -29,8 +29,8 @@
               </div>
             </div>
             <div class="item_detail_header_buttons">
-              <div class="item_detail_getit_btn"><a href=""><img alt="get it" src="graphics/get_it_btn.png" /></a></div>
-              <div class="item_detail_goback_btn"><a href=""><img alt="go back" src="graphics/go_back_btn.png" /></a></div>
+              <div class="item_detail_getit_btn"><a href=""><img alt="get it" src="[% ctx.media_prefix %]/images/kpac/get_it_btn.png" /></a></div>
+              <div class="item_detail_goback_btn"><a href=""><img alt="go back" src="[% ctx.media_prefix %]/images/kpac/go_back_btn.png" /></a></div>
             </div>
             <div class="clear">&nbsp;</div>
           </div>
@@ -84,7 +84,7 @@
           <div class="item_detail_rating_top">
             <table cellpadding="0" cellspacing="0" border="0" class="item_avg_rate_table"><tr>
               <td class="avg_rate">Average Rating</td>
-              <td class="stars"><img alt="rating" src="graphics/stars!.png" /></td>
+              <td class="stars"><img alt="rating" src="[% ctx.media_prefix %]/images/kpac/stars!.png" /></td>
               <td class="total_rates">out of 132 reviews</td>
             </tr></table>
             <div class="clear">&nbsp;</div>
               <div class="item_detail_rating2">
                 <table cellpadding="0" cellspacing="0" border="0" class="item_avg_rate_table2"><tr>
                   <td class="rate">Rating</td>
-                  <td class="stars"><img alt="rating" src="graphics/stars!_gray.png" /></td>
+                  <td class="stars"><img alt="rating" src="[% ctx.media_prefix %]/images/kpac/stars!_gray.png" /></td>
                   <td class="scale">1 = Poor, 5 = Awesome</td>
                 </tr></table>
                 
               <div class="review_comment_box"><textarea class="review_comment" style="color:#aaa;" onfocus="if(this.value==' Write the reasons for your rating here. '){this.value='';this.style.color='#424242';}" onblur="if(this.value==''){this.value=' Write the reasons for your rating here. '; this.style.color='#aaa';}"> Write the reasons for your rating here. </textarea></div>
               <div class="clear">&nbsp;</div>
             </div>
-            <div class="review_submit_box"><a href="javascript:;"><img alt="submit review" src="graphics/review_submit_btn.png" /></a></div>
+            <div class="review_submit_box"><a href="javascript:;"><img alt="submit review" src="[% ctx.media_prefix %]/images/kpac/review_submit_btn.png" /></a></div>
           </div>
           
           <div class="sub_navigation1">
             <table cellpadding="0" cellspacing="0" border="0" width="100%"><tr>
-              <td><a href="javascript:;"><img src="graphics/go_back_btn.png" /></a></td>
+              <td><a href="javascript:;"><img src="[% ctx.media_prefix %]/images/kpac/go_back_btn.png" /></a></td>
               <td width="100%" class="nav_mid_bg"></td>
-              <td class="to_top_btn"><a href="javascript:;"><img src="graphics/to_top_btn.png" /></a></td>
+              <td class="to_top_btn"><a href="javascript:;"><img src="[% ctx.media_prefix %]/images/kpac/to_top_btn.png" /></a></td>
             </tr></table>
           </div>
           
index 27f216c..30dca06 100644 (file)
@@ -7,50 +7,50 @@
           
           <div class="sub_navigation2">
             <table cellpadding="0" cellspacing="0" border="0" width="100%"><tr>
-              <td><a href="javascript:;"><img src="graphics/arrow_last.png" /></a></td>
+              <td><a href="javascript:;"><img src="[% ctx.media_prefix %]/images/kpac/arrow_last.png" /></a></td>
               <td width="100%" class="nav_mid_bg">
                 <table cellpadding="0" cellspacing="0" border="0" align="center"><tr><td>Page </td><td class="current_page">3</td><td> of </td><td class="total_pages">12</td></tr></table>
               </td>
-              <td class="to_top_btn"><a href="javascript:;"><img src="graphics/arrow_next.png" /></a></td>
+              <td class="to_top_btn"><a href="javascript:;"><img src="[% ctx.media_prefix %]/images/kpac/arrow_next.png" /></a></td>
             </tr></table>
           </div>
           
           <div id="search_results_parent">
             <div class="search_results" id="search_results_template">
-              <div class="item_detail_image"><a href="javascript:;"><img alt="item image" src="graphics/item_image.jpg" /></a></div>
+              <div class="item_detail_image"><a href="javascript:;"><img alt="item image" src="[% ctx.media_prefix %]/images/kpac/item_image.jpg" /></a></div>
               <div class="item_detail_info">
                 <div class="item_detail_name">Book Name</div>
                 <div class="item_detail_author">by Author Name</div>
                 <div class="item_detail_callnumber">Call Number</div>
                 <div class="item_detail_extra_info">Publisher, Year, Size</div>
                 <div class="item_detail_actions">
-                  <div class="button"><a href="javascript:;"><img src="graphics/more_info_btn.png" alt="more info" /></a></div>
-                  <div class="button"><a href="javascript:;"><img src="graphics/get_it_btn_sm.png" alt="get it" /></a></div>
+                  <div class="button"><a href="javascript:;"><img src="[% ctx.media_prefix %]/images/kpac/more_info_btn.png" alt="more info" /></a></div>
+                  <div class="button"><a href="javascript:;"><img src="[% ctx.media_prefix %]/images/kpac/get_it_btn_sm.png" alt="get it" /></a></div>
                   <div class="clear">&nbsp;</div>
                 </div>
               </div>
               <div class="item_icon_wrapper">
-                <div class="item_icon">&nbsp;<img alt="book" src="graphics/icon_book.png" />&nbsp; <!-- put a single &nbsp; around each side of the image - for vertical centering --></div>
+                <div class="item_icon">&nbsp;<img alt="book" src="[% ctx.media_prefix %]/images/kpac/icon_book.png" />&nbsp; <!-- put a single &nbsp; around each side of the image - for vertical centering --></div>
                 <div class="item_icon_type_text">Book</div>
               </div>
               <div class="clear">&nbsp;</div>
             </div>
             
             <div class="search_results">
-              <div class="item_detail_image"><a href="javascript:;"><img alt="item image" src="graphics/item_image.jpg" /></a></div>
+              <div class="item_detail_image"><a href="javascript:;"><img alt="item image" src="[% ctx.media_prefix %]/images/kpac/item_image.jpg" /></a></div>
               <div class="item_detail_info">
                 <div class="item_detail_name">Book Name</div>
                 <div class="item_detail_author">by Author Name</div>
                 <div class="item_detail_callnumber">Call Number</div>
                 <div class="item_detail_extra_info">Publisher, Year, Size</div>
                 <div class="item_detail_actions">
-                  <div class="button"><a href="javascript:;"><img src="graphics/more_info_btn.png" alt="more info" /></a></div>
-                  <div class="button"><a href="javascript:;"><img src="graphics/get_it_btn_sm.png" alt="get it" /></a></div>
+                  <div class="button"><a href="javascript:;"><img src="[% ctx.media_prefix %]/images/kpac/more_info_btn.png" alt="more info" /></a></div>
+                  <div class="button"><a href="javascript:;"><img src="[% ctx.media_prefix %]/images/kpac/get_it_btn_sm.png" alt="get it" /></a></div>
                   <div class="clear">&nbsp;</div>
                 </div>
               </div>
               <div class="item_icon_wrapper">
-                <div class="item_icon">&nbsp;<img alt="book" src="graphics/icon_book.png" />&nbsp; <!-- put a single &nbsp; around each side of the image - for vertical centering --></div>
+                <div class="item_icon">&nbsp;<img alt="book" src="[% ctx.media_prefix %]/images/kpac/icon_book.png" />&nbsp; <!-- put a single &nbsp; around each side of the image - for vertical centering --></div>
                 <div class="item_icon_type_text">Book</div>
               </div>
               <div class="clear">&nbsp;</div>
           
           <div class="sub_navigation3">
             <table cellpadding="0" cellspacing="0" border="0" width="100%"><tr>
-              <td><a href="javascript:;"><img src="graphics/arrow_last.png" /></a></td>
+              <td><a href="javascript:;"><img src="[% ctx.media_prefix %]/images/kpac/arrow_last.png" /></a></td>
               <td width="100%" class="nav_mid_bg">
                 <table cellpadding="0" cellspacing="0" border="0" align="center"><tr><td>Page </td><td class="current_page">3</td><td> of </td><td class="total_pages">12</td></tr></table>
               </td>
-              <td><a href="javascript:;"><img src="graphics/arrow_next.png" /></a></td>
-              <td class="to_top_btn"><a href="javascript:;"><img src="graphics/to_top_btn.png" /></a></td>
+              <td><a href="javascript:;"><img src="[% ctx.media_prefix %]/images/kpac/arrow_next.png" /></a></td>
+              <td class="to_top_btn"><a href="javascript:;"><img src="[% ctx.media_prefix %]/images/kpac/to_top_btn.png" /></a></td>
             </tr></table>
           </div>