ce175ddf7c4b67dba780fcdc61e0e4f91d043f79
[working/Evergreen.git] / Open-ILS / src / templates / kpac / record.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 <div class="item_detail_header">
11
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 />
18     </div>
19
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                     &nbsp;<img width="35" alt="[% attrs.format_label %]" src="[% attrs.format_icon %]" />&nbsp; 
27                     <!-- put a single &nbsp; around each side of the image - for vertical centering -->
28                 </div>
29                 <div class="item_icon_type_text">[% attrs.format_label %]</div>
30             </div>
31
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"/>
36                 </div>
37                 <!--
38                 <div style="margin-bottom:20px;">
39                     <div id="chili_review_[% attrs.isbn_clean | html %]" style="display: none;" align="center" width="100%"></div>
40                 </div>
41                 -->
42
43                 <!--
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">&nbsp;</div>
47                 -->
48
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 %]
54                     </div>
55                 </div>
56             </div>
57             <div class="clear">&nbsp;</div>
58         </div>
59     </div>
60
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>
64         </div>
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>
68         </div>
69     </div>
70     <div class="clear">&nbsp;</div>
71 </div>
72
73 <div id="chili_review_[% attrs.isbn_clean | html %]" style="display: none;" align="center" width="100%"></div>
74
75 <div class="sub_header">[% l('You can find this item at these locations:') %]</div>
76     <div class="item_detail_location_wrapper">
77         [% INCLUDE 'kpac/parts/copy_table.tt2' %]
78     </div>
79
80     [% IF attrs.summary %]
81         <div class="sub_header">[% l('About this item:') %]</div>
82         <div class="item_detail_desc">
83             [% FOR sum IN attrs.summary %]
84                 [% IF !loop.first; '<br/>'; END %]
85                 <p>[% sum | html %] </p>
86             [% END %]
87         </div>
88     [% END %]
89
90     <!-- TODO -->
91     <div class="item_detail_extras_tabs">
92         <a href="javascript:;">[% l('Reviews') %]</a>
93         <!--
94         <div class="selected">Rate this Item</div>
95         -->
96         <a href="javascript:;">[% l('About the Author') %]</a>
97         <div class="clear">&nbsp;</div>
98     </div>
99     <!--
100     <div class="item_detail_rating">
101         <div id="chili_review_[% attrs.isbn_clean | html %]" style="display: none;" align="center" width="100%"></div>
102     </div>
103     -->
104 </div>
105
106 <!--
107     <div class="item_detail_rating_top">
108         <table cellpadding="0" cellspacing="0" border="0" class="item_avg_rate_table">
109             <tr>
110                 <td class="avg_rate">Average Rating</td>
111                 <td class="stars"><img alt="rating" src="[% ctx.media_prefix %]/images/kpac/stars.png" /></td>
112                 <td class="total_rates">out of 132 reviews</td>
113             </tr>
114         </table>
115         <div class="clear">&nbsp;</div>
116     </div>
117
118 <div class="item_detail_rating">
119     <div class="review_box_top">&nbsp;</div>
120     <div class="review_box_body">
121         <div class="input_boxes">
122             <table cellpadding="0" cellspacing="0" border="0">
123                 <tr>
124                     <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>
125                     <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>
126                     <td class="rating_msg_box">Your email address will not<br />be displayed to other users.</td>
127                 </tr>
128             </table>
129         </div>
130         <div class="item_detail_rating2">
131             <table cellpadding="0" cellspacing="0" border="0" class="item_avg_rate_table2"><tr>
132                     <td class="rate">Rating</td>
133                     <td class="stars"><img alt="rating" src="[% ctx.media_prefix %]/images/kpac/stars_gray.png" /></td>
134                     <td class="scale">1 = Poor, 5 = Awesome</td>
135                 </tr>
136             </table>
137         </div>
138         <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>
139         <div class="clear">&nbsp;</div>
140     </div>
141     <div class="review_submit_box"><a href="javascript:;"><img alt="submit review" src="[% ctx.media_prefix %]/images/kpac/review_submit_btn.png" /></a></div>
142 </div>
143   
144 <div class="sub_navigation1">
145     <table cellpadding="0" cellspacing="0" border="0" width="100%">
146         <tr>
147             <td><a href="javascript:;"><img src="[% ctx.media_prefix %]/images/kpac/go_back_btn.png" /></a></td>
148             <td width="100%" class="nav_mid_bg"></td>
149             <td class="to_top_btn"><a href="javascript:;"><img src="[% ctx.media_prefix %]/images/kpac/to_top_btn.png" /></a></td>
150         </tr>
151     </table>
152 </div>
153 -->
154   
155 [% END %]