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

   1 [%  PROCESS "opac/parts/header.tt2";
   2     PROCESS "kpac/parts/grid.tt2";
   3     WRAPPER "kpac/parts/subpage.tt2";
   4     ctx.page_title = l('Item Details') %]
   5
   6   <!-- did somebody order the div salad? -->
   7 <div class="item_detail_header">
   8     <div class="item_detail_image"><a href="javascript:;"><img alt="item image" src="[% ctx.media_prefix %]/images/kpac/item_image.jpg" /></a></div>
   9
  10     <div class="item_detail_info">
  11       <div class="item_detail_name">Book Name</div>
  12       <div class="item_detail_author">by Author Name</div>
  13       <div class="item_detail_icon_rate">
  14         <div class="item_icon_wrapper">
  15           <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>
  16           <div class="item_icon_type_text">Book</div>
  17         </div>
  18
  19         <div class="item_detail_rate_wrapper">
  20           <div class="item_detail_rate_starts"><img alt="rating" src="[% ctx.media_prefix %]/images/kpac/stars!.png" /></div>
  21           <div class="item_detail_rate_link"><a href="javascript:;">Rate this</a></div>
  22           <div class="clear">&nbsp;</div>
  23           <div class="item_detail_cn_wrapper">
  24             <div class="item_detail_callnumber">Call Number</div>
  25             <div class="item_detail_extra_info">Publisher, Year, Size</div>
  26           </div>
  27         </div>
  28         <div class="clear">&nbsp;</div>
  29       </div>
  30     </div>
  31     <div class="item_detail_header_buttons">
  32       <div class="item_detail_getit_btn"><a href=""><img alt="get it" src="[% ctx.media_prefix %]/images/kpac/get_it_btn.png" /></a></div>
  33       <div class="item_detail_goback_btn"><a href=""><img alt="go back" src="[% ctx.media_prefix %]/images/kpac/go_back_btn.png" /></a></div>
  34     </div>
  35     <div class="clear">&nbsp;</div>
  36   </div>
  37   <div class="sub_header">You can find this item at these locations:</div>
  38   <div class="item_detail_location_wrapper">
  39     <table cellpadding="0" cellspacing="0" border="0" class="item_location_table">
  40       <tbody>
  41         <tr class="header">
  42           <td class="location">Location</td>
  43           <td class="loc_info">&nbsp;</td>
  44           <td class="status">Status</td>
  45           <td class="callnumber">Call Number</td>
  46         </tr>
  47         <tr>
  48           <td class="location">Bellevue Library</td>
  49           <td class="loc_info"><a href="javascript:;">View Library Info</a></td>
  50           <td class="status">Check Shelf</td>
  51           <td class="callnumber">J613.71 CRE</td>
  52         </tr>
  53         <tr class="gray">
  54           <td class="location">Burien Library</td>
  55           <td class="loc_info"><a href="javascript:;">View Library Info</a></td>
  56           <td class="status">Check Shelf</td>
  57           <td class="callnumber">J613.71 CRE</td>
  58         </tr>
  59         <tr>
  60           <td class="location">Newport Library</td>
  61           <td class="loc_info"><a href="javascript:;">View Library Info</a></td>
  62           <td class="status">Due: 03-13-10</td>
  63           <td class="callnumber">J613.71 CRE</td>
  64         </tr>
  65         <tr class="gray">
  66           <td class="location">Redmond Library</td>
  67           <td class="loc_info"><a href="javascript:;">View Library Info</a></td>
  68           <td class="status">Check Shelf</td>
  69           <td class="callnumber">J613.71 CRE</td>
  70         </tr>
  71       </tbody>
  72     </table>
  73   </div>
  74   <div class="sub_header">About this item:</div>
  75   <div class="item_detail_desc">
  76     <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>
  77   </div>
  78   <div class="item_detail_extras_tabs">
  79     <a href="javascript:;">Reviews</a>
  80     <div class="selected">Rate this Item</div>
  81     <a href="javascript:;">About the Author</a>
  82     <div class="clear">&nbsp;</div>
  83   </div>
  84   <div class="item_detail_rating_top">
  85     <table cellpadding="0" cellspacing="0" border="0" class="item_avg_rate_table"><tr>
  86       <td class="avg_rate">Average Rating</td>
  87       <td class="stars"><img alt="rating" src="[% ctx.media_prefix %]/images/kpac/stars!.png" /></td>
  88       <td class="total_rates">out of 132 reviews</td>
  89     </tr></table>
  90     <div class="clear">&nbsp;</div>
  91   </div>
  92   <div class="item_detail_rating">
  93     <div class="review_box_top">&nbsp;</div>
  94     <div class="review_box_body">
  95       <div class="input_boxes">
  96         <table cellpadding="0" cellspacing="0" border="0"><tr>
  97           <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>
  98           <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>
  99           <td class="rating_msg_box">Your email address will not<br />be displayed to other users.</td>
 100         </tr></table>
 101       </div>
 102       <div class="item_detail_rating2">
 103         <table cellpadding="0" cellspacing="0" border="0" class="item_avg_rate_table2"><tr>
 104           <td class="rate">Rating</td>
 105           <td class="stars"><img alt="rating" src="[% ctx.media_prefix %]/images/kpac/stars!_gray.png" /></td>
 106           <td class="scale">1 = Poor, 5 = Awesome</td>
 107         </tr></table>
 108
 109       </div>
 110       <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>
 111       <div class="clear">&nbsp;</div>
 112     </div>
 113     <div class="review_submit_box"><a href="javascript:;"><img alt="submit review" src="[% ctx.media_prefix %]/images/kpac/review_submit_btn.png" /></a></div>
 114   </div>
 115
 116   <div class="sub_navigation1">
 117     <table cellpadding="0" cellspacing="0" border="0" width="100%"><tr>
 118       <td><a href="javascript:;"><img src="[% ctx.media_prefix %]/images/kpac/go_back_btn.png" /></a></td>
 119       <td width="100%" class="nav_mid_bg"></td>
 120       <td class="to_top_btn"><a href="javascript:;"><img src="[% ctx.media_prefix %]/images/kpac/to_top_btn.png" /></a></td>
 121     </tr></table>
 122 </div>
 123
 124 [% END %]