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
10 <div class="item_detail_header">
12 <div class="item_detail_image">
13 [% ident = attrs.isbn_clean || attrs.upc;
14 href = ctx.media_prefix _ '/images/kpac/item_image.jpg';
15 IF ident; href = ctx.media_prefix _ '/opac/extras/ac/jacket/medium/' _ ident; END %]
16 <a href="[% href | url %]"><img
17 alt="[% l('Image of item') %]" width="167" src='[% href | url %]' /></a><br />
20 <div class="item_detail_info">
21 <div class="item_detail_name">[% attrs.title | html %]</div>
22 <div class="item_detail_author">[% l('by [_1]', attrs.author) | html %]</div>
23 <div class="item_detail_icon_rate">
24 <div class="item_icon_wrapper">
25 <div class="item_icon">
26 <img width="35" alt="[% attrs.format_label %]" src="[% attrs.format_icon %]" />
27 <!-- put a single around each side of the image - for vertical centering -->
29 <div class="item_icon_type_text">[% attrs.format_label %]</div>
32 <div class="item_detail_rate_wrapper">
33 <div class="item_detail_rate_starts">
34 <span class="chili_review" id="isbn_[% attrs.isbn_clean | html %]"> </span>
37 <div style="margin-bottom:20px;">
38 <div id="chili_review_[% attrs.isbn_clean | html %]" style="display: none;" align="center" width="100%"></div>
43 <div class="item_detail_rate_starts"><img alt="rating" src="[% ctx.media_prefix %]/images/kpac/stars.png" /></div>
44 <div class="item_detail_rate_link"><a href="javascript:;">Rate this</a></div>
45 <div class="clear"> </div>
48 <div class="item_detail_cn_wrapper">
49 <div class="item_detail_callnumber">[% attrs.holdings.0.label | html %]</div>
50 <div class="item_detail_extra_info">
51 [% l('[_1], [_2]', attrs.publisher, attrs.pubdate) | html %] <!-- TODO fix commas, etc. -->
52 [% IF attrs.phys_desc %]<br/>[% attrs.phys_desc | html; END %]
56 <div class="clear"> </div>
60 <div class="item_detail_header_buttons">
61 <div class="item_detail_getit_btn"><a href="[% mkurl(ctx.kpac_root _ '/getit/' _ ctx.bre_id) %]"><img
62 alt="[% l('Get it') | html %]" src="[% ctx.media_prefix %]/images/kpac/get_it_btn.png" /></a>
64 <div class="item_detail_goback_btn">
65 <a href="[% mkurl(ctx.kpac_root _ '/results') %]"><img
66 alt="[% l('Go Back') | html %]" src="[% ctx.media_prefix %]/images/kpac/go_back_btn.png" /></a>
69 <div class="clear"> </div>
72 <div class="sub_header">[% l('You can find this item at these locations:') %]</div>
73 <div class="item_detail_location_wrapper">
74 [% INCLUDE 'kpac/parts/copy_table.tt2' %]
77 [% IF attrs.summary %]
78 <div class="sub_header">[% l('About this item:') %]</div>
79 <div class="item_detail_desc">
80 [% FOR sum IN attrs.summary %]
81 [% IF !loop.first; '<br/>'; END %]
82 <p>[% sum | html %] </p>
88 <div class="item_detail_extras_tabs">
89 <a href="javascript:;">Reviews</a>
90 <div class="selected">Rate this Item</div>
91 <a href="javascript:;">About the Author</a>
92 <div class="clear"> </div>
94 <div class="item_detail_rating">
95 <div id="chili_review_[% attrs.isbn_clean | html %]" style="display: none;" align="center" width="100%"></div>
100 <div class="item_detail_rating_top">
101 <table cellpadding="0" cellspacing="0" border="0" class="item_avg_rate_table">
103 <td class="avg_rate">Average Rating</td>
104 <td class="stars"><img alt="rating" src="[% ctx.media_prefix %]/images/kpac/stars.png" /></td>
105 <td class="total_rates">out of 132 reviews</td>
108 <div class="clear"> </div>
111 <div class="item_detail_rating">
112 <div class="review_box_top"> </div>
113 <div class="review_box_body">
114 <div class="input_boxes">
115 <table cellpadding="0" cellspacing="0" border="0">
117 <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>
118 <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>
119 <td class="rating_msg_box">Your email address will not<br />be displayed to other users.</td>
123 <div class="item_detail_rating2">
124 <table cellpadding="0" cellspacing="0" border="0" class="item_avg_rate_table2"><tr>
125 <td class="rate">Rating</td>
126 <td class="stars"><img alt="rating" src="[% ctx.media_prefix %]/images/kpac/stars_gray.png" /></td>
127 <td class="scale">1 = Poor, 5 = Awesome</td>
131 <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>
132 <div class="clear"> </div>
134 <div class="review_submit_box"><a href="javascript:;"><img alt="submit review" src="[% ctx.media_prefix %]/images/kpac/review_submit_btn.png" /></a></div>
137 <div class="sub_navigation1">
138 <table cellpadding="0" cellspacing="0" border="0" width="100%">
140 <td><a href="javascript:;"><img src="[% ctx.media_prefix %]/images/kpac/go_back_btn.png" /></a></td>
141 <td width="100%" class="nav_mid_bg"></td>
142 <td class="to_top_btn"><a href="javascript:;"><img src="[% ctx.media_prefix %]/images/kpac/to_top_btn.png" /></a></td>