Open-ILS/src/templates/kpac/detailed.tt2

   1 [%
   2     PROCESS "opac/parts/header.tt2";
   3     PROCESS "opac/parts/misc_util.tt2"; # MARC
   4     WRAPPER "kpac/parts/subpage.tt2";
   5     attrs = {marc_xml => ctx.marc_xml};
   6     PROCESS get_marc_attrs args=attrs;
   7     ctx.page_title = attrs.title | html
   8 %]
   9
  10   <!-- did somebody order the div salad? -->
  11 <div class="item_detail_header">
  12
  13     <div class="item_detail_image">
  14         [%  ident = attrs.isbn_clean || attrs.upc;
  15             href = ctx.media_prefix _ '/images/kpac/item_image.jpg';
  16             IF ident; href = ctx.media_prefix _ '/opac/extras/ac/jacket/medium/' _ ident; END %]
  17          <a href="[% href | url %]"><img
  18             alt="[% l('Image of item') %]" width="167" src='[% href | url %]' /></a><br />
  19     </div>
  20
  21     <div class="item_detail_info">
  22         <div class="item_detail_name">[% attrs.title | html %]</div>
  23         <div class="item_detail_author">[% l('by [_1]', attrs.author) | html %]</div>
  24         <div class="item_detail_icon_rate">
  25             <div class="item_icon_wrapper">
  26                 <div class="item_icon">
  27                     &nbsp;<img width="35" alt="[% attrs.format_label %]" src="[% attrs.format_icon %]" />&nbsp;
  28                     <!-- put a single &nbsp; around each side of the image - for vertical centering -->
  29                 </div>
  30                 <div class="item_icon_type_text">[% attrs.format_label %]</div>
  31             </div>
  32
  33             <div class="item_detail_rate_wrapper">
  34                 <!-- TODO chilifresh, etc. -->
  35                 <div class="item_detail_rate_starts"><img alt="rating" src="[% ctx.media_prefix %]/images/kpac/stars!.png" /></div>
  36                 <div class="item_detail_rate_link"><a href="javascript:;">Rate this</a></div>
  37                 <div class="clear">&nbsp;</div>
  38
  39                 <div class="item_detail_cn_wrapper">
  40                     <div class="item_detail_callnumber">[% attrs.holdings.0.label | html %]</div>
  41                     <div class="item_detail_extra_info">
  42                         [% l('[_1], [_2]', attrs.publisher, attrs.pubdate) | html %] <!-- TODO fix commas, etc. -->
  43                         [% IF attrs.phys_desc %]<br/>[% attrs.phys_desc | html; END %]
  44                     </div>
  45                 </div>
  46             </div>
  47             <div class="clear">&nbsp;</div>
  48         </div>
  49     </div>
  50
  51     <div class="item_detail_header_buttons">
  52         <div class="item_detail_getit_btn"><a href="[% mkurl(ctx.kpac_root _ '/checkout') %]"><img
  53             alt="[% l('Get it') | html %]" src="[% ctx.media_prefix %]/images/kpac/get_it_btn.png" /></a>
  54         </div>
  55         <div class="item_detail_goback_btn">
  56             <a href="[% mkurl(ctx.kpac_root _ '/search_results') %]"><img
  57                 alt="[% l('Go Back') | html %]" src="[% ctx.media_prefix %]/images/kpac/go_back_btn.png" /></a>
  58         </div>
  59     </div>
  60     <div class="clear">&nbsp;</div>
  61 </div>
  62
  63 <div class="sub_header">You can find this item at these locations:</div>
  64     <div class="item_detail_location_wrapper">
  65         <table cellpadding="0" cellspacing="0" border="0" class="item_location_table">
  66             <tbody>
  67                 <tr class="header">
  68                     <td class="location">Location</td>
  69                     <td class="loc_info">&nbsp;</td>
  70                     <td class="status">Status</td>
  71                     <td class="callnumber">Call Number</td>
  72                 </tr>
  73                 <tr>
  74                     <td class="location">Bellevue Library</td>
  75                     <td class="loc_info"><a href="javascript:;">View Library Info</a></td>
  76                     <td class="status">Check Shelf</td>
  77                     <td class="callnumber">J613.71 CRE</td>
  78                 </tr>
  79             </tbody>
  80         </table>
  81     </div>
  82     <div class="sub_header">About this item:</div>
  83     <div class="item_detail_desc">
  84         <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam <a href="javascript:;">nonummy</a> nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit</p>
  85     </div>
  86
  87     <div class="item_detail_extras_tabs">
  88         <a href="javascript:;">Reviews</a>
  89         <div class="selected">Rate this Item</div>
  90         <a href="javascript:;">About the Author</a>
  91         <div class="clear">&nbsp;</div>
  92     </div>
  93
  94     <div class="item_detail_rating_top">
  95         <table cellpadding="0" cellspacing="0" border="0" class="item_avg_rate_table">
  96             <tr>
  97                 <td class="avg_rate">Average Rating</td>
  98                 <td class="stars"><img alt="rating" src="[% ctx.media_prefix %]/images/kpac/stars!.png" /></td>
  99                 <td class="total_rates">out of 132 reviews</td>
 100             </tr>
 101         </table>
 102         <div class="clear">&nbsp;</div>
 103     </div>
 104
 105 <div class="item_detail_rating">
 106     <div class="review_box_top">&nbsp;</div>
 107     <div class="review_box_body">
 108         <div class="input_boxes">
 109             <table cellpadding="0" cellspacing="0" border="0">
 110                 <tr>
 111                     <td class="review_name_cell"><input type="text" class="review_name" style="color:#aaa;" value=" Name " onfocus="if(this.value==' Name '){this.value='';this.style.color='#424242';}" onblur="if(this.value==''){this.value=' Name '; this.style.color='#aaa';}" /></td>
 112                     <td class="review_email_cell"><input type="text" class="review_email" style="color:#aaa;" value=" Email Address " onfocus="if(this.value==' Email Address '){this.value='';this.style.color='#424242';}" onblur="if(this.value==''){this.value=' Email Address '; this.style.color='#aaa';}" /></td>
 113                     <td class="rating_msg_box">Your email address will not<br />be displayed to other users.</td>
 114                 </tr>
 115             </table>
 116         </div>
 117         <div class="item_detail_rating2">
 118             <table cellpadding="0" cellspacing="0" border="0" class="item_avg_rate_table2"><tr>
 119                     <td class="rate">Rating</td>
 120                     <td class="stars"><img alt="rating" src="[% ctx.media_prefix %]/images/kpac/stars!_gray.png" /></td>
 121                     <td class="scale">1 = Poor, 5 = Awesome</td>
 122                 </tr>
 123             </table>
 124         </div>
 125         <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>
 126         <div class="clear">&nbsp;</div>
 127     </div>
 128     <div class="review_submit_box"><a href="javascript:;"><img alt="submit review" src="[% ctx.media_prefix %]/images/kpac/review_submit_btn.png" /></a></div>
 129 </div>
 130
 131 <div class="sub_navigation1">
 132     <table cellpadding="0" cellspacing="0" border="0" width="100%">
 133         <tr>
 134             <td><a href="javascript:;"><img src="[% ctx.media_prefix %]/images/kpac/go_back_btn.png" /></a></td>
 135             <td width="100%" class="nav_mid_bg"></td>
 136             <td class="to_top_btn"><a href="javascript:;"><img src="[% ctx.media_prefix %]/images/kpac/to_top_btn.png" /></a></td>
 137         </tr>
 138     </table>
 139 </div>
 140
 141 [% END %]