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>
35 <span class="ltfl_reviews"/>
38 <div style="margin-bottom:20px;">
39 <div id="chili_review_[% attrs.isbn_clean | html %]" style="display: none;" align="center" width="100%"></div>
44 <div class="item_detail_rate_starts"><img alt="rating" src="[% ctx.media_prefix %]/images/kpac/stars.png" /></div>
45 <div class="item_detail_rate_link"><a href="javascript:;">Rate this</a></div>
46 <div class="clear"> </div>
49 <div class="item_detail_cn_wrapper">
50 <div class="item_detail_callnumber">[% attrs.holdings.0.label | html %]</div>
51 <div class="item_detail_extra_info">
52 [% l('[_1], [_2]', attrs.publisher, attrs.pubdate) | html %] <!-- TODO fix commas, etc. -->
53 [% IF attrs.phys_desc %]<br/>[% attrs.phys_desc | html; END %]
57 <div class="clear"> </div>
61 <div class="item_detail_header_buttons">
62 <div class="item_detail_getit_btn"><a href="[% mkurl(ctx.kpac_root _ '/getit/' _ ctx.bre_id) %]"><img
63 alt="[% l('Get it') | html %]" src="[% ctx.media_prefix %]/images/kpac/get_it_btn.png" /></a>
65 <div class="item_detail_goback_btn">
66 <a href="[% mkurl(ctx.kpac_root _ '/results') %]"><img
67 alt="[% l('Go Back') | html %]" src="[% ctx.media_prefix %]/images/kpac/go_back_btn.png" /></a>
70 <div class="clear"> </div>
73 <div class="sub_header">[% l('You can find this item at these locations:') %]</div>
74 <div class="item_detail_location_wrapper">
75 [% INCLUDE 'kpac/parts/copy_table.tt2' %]
78 [% IF attrs.summary %]
79 <div class="sub_header">[% l('About this item:') %]</div>
80 <div class="item_detail_desc">
81 [% FOR sum IN attrs.summary %]
82 [% IF !loop.first; '<br/>'; END %]
83 <p>[% sum | html %] </p>
89 <div class="item_detail_extras_tabs">
90 <a href="javascript:;">Reviews</a>
91 <div class="selected">Rate this Item</div>
92 <a href="javascript:;">About the Author</a>
93 <div class="clear"> </div>
95 <div class="item_detail_rating">
96 <div id="chili_review_[% attrs.isbn_clean | html %]" style="display: none;" align="center" width="100%"></div>
101 <div class="item_detail_rating_top">
102 <table cellpadding="0" cellspacing="0" border="0" class="item_avg_rate_table">
104 <td class="avg_rate">Average Rating</td>
105 <td class="stars"><img alt="rating" src="[% ctx.media_prefix %]/images/kpac/stars.png" /></td>
106 <td class="total_rates">out of 132 reviews</td>
109 <div class="clear"> </div>
112 <div class="item_detail_rating">
113 <div class="review_box_top"> </div>
114 <div class="review_box_body">
115 <div class="input_boxes">
116 <table cellpadding="0" cellspacing="0" border="0">
118 <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>
119 <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>
120 <td class="rating_msg_box">Your email address will not<br />be displayed to other users.</td>
124 <div class="item_detail_rating2">
125 <table cellpadding="0" cellspacing="0" border="0" class="item_avg_rate_table2"><tr>
126 <td class="rate">Rating</td>
127 <td class="stars"><img alt="rating" src="[% ctx.media_prefix %]/images/kpac/stars_gray.png" /></td>
128 <td class="scale">1 = Poor, 5 = Awesome</td>
132 <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>
133 <div class="clear"> </div>
135 <div class="review_submit_box"><a href="javascript:;"><img alt="submit review" src="[% ctx.media_prefix %]/images/kpac/review_submit_btn.png" /></a></div>
138 <div class="sub_navigation1">
139 <table cellpadding="0" cellspacing="0" border="0" width="100%">
141 <td><a href="javascript:;"><img src="[% ctx.media_prefix %]/images/kpac/go_back_btn.png" /></a></td>
142 <td width="100%" class="nav_mid_bg"></td>
143 <td class="to_top_btn"><a href="javascript:;"><img src="[% ctx.media_prefix %]/images/kpac/to_top_btn.png" /></a></td>