--- /dev/null
+<a name='addedcontent'></a> <!-- for page focus -->
+<div class='item_detail_extras_tabs'>
+[%-
+ # NOTE: enabling all of these types may result in the tabs occupying
+ # too much horizontal space to fit within the fixed-width box.
+
+ ac_types = {
+ reviews => l('Reviews'),
+ anotes => l('Author Notes'),
+ toc => l('Table of Contents'),
+ excerpt => l('Excerpt'),
+ summary => l('Smmary')
+ };
+
+ selected_type = CGI.param('ac');
+
+ # For each type of added content, render the link if it's known to have
+ # content, do not render the link if it's known to not have content. If
+ # the content status is unknown, render the link, but hide the link via CSS
+ # if dojo is enabled. If dojo is not enabled, render and display the link.
+
+ all_hidden = 1;
+ FOR type IN ac_types.keys;
+ tab_class = '';
+ SET tab_class = 'ac_tab_selected' IF type == selected_type;
+ '<!-- status = ' _ type _ ' : ' _ ctx.added_content.$type.status _ '-->';
+ IF ctx.added_content.$type.status != '2'; # no content
+ all_hidden = 0;
+ IF ctx.added_content.$type.status == '3' AND want_dojo; # status unknown
+ tab_class = tab_class _ ' hidden';
+ END %]
+ <a class="[% tab_class %]" id="ac:[% type %]" href="[% mkurl('', {ac => type}) _ '#addedcontent' %]">[% ac_types.$type %]</a>
+ [% END;
+ END %]
+
+ <div class="clear"> </div>
+</div>
+
+<div style='width:98%; padding:5px;'>
+ <div id='ac_content'>
+ [%
+ IF selected_type;
+ content = ctx.added_content.$selected_type.content;
+ IF content;
+ content;
+ ELSE;
+ l('No Content Available');
+ END;
+ END;
+ %]
+ </div>
+</div>
+
+
</div>
[% END %]
- <!-- TODO -->
- <div class="item_detail_extras_tabs">
- <a href="javascript:;">[% l('Reviews') %]</a>
- <!--
- <div class="selected">Rate this Item</div>
- -->
- <a href="javascript:;">[% l('About the Author') %]</a>
- <div class="clear"> </div>
- </div>
- <!--
- <div class="item_detail_rating">
- <div id="chili_review_[% attrs.isbn_clean | html %]" style="display: none;" align="center" width="100%"></div>
- </div>
- -->
+ [% INCLUDE 'kpac/parts/addedcontent.tt2' %]
</div>
-<!--
- <div class="item_detail_rating_top">
- <table cellpadding="0" cellspacing="0" border="0" class="item_avg_rate_table">
- <tr>
- <td class="avg_rate">Average Rating</td>
- <td class="stars"><img alt="rating" src="[% ctx.media_prefix %]/images/kpac/stars.png" /></td>
- <td class="total_rates">out of 132 reviews</td>
- </tr>
- </table>
- <div class="clear"> </div>
- </div>
-
-<div class="item_detail_rating">
- <div class="review_box_top"> </div>
- <div class="review_box_body">
- <div class="input_boxes">
- <table cellpadding="0" cellspacing="0" border="0">
- <tr>
- <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>
- <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>
- <td class="rating_msg_box">Your email address will not<br />be displayed to other users.</td>
- </tr>
- </table>
- </div>
- <div class="item_detail_rating2">
- <table cellpadding="0" cellspacing="0" border="0" class="item_avg_rate_table2"><tr>
- <td class="rate">Rating</td>
- <td class="stars"><img alt="rating" src="[% ctx.media_prefix %]/images/kpac/stars_gray.png" /></td>
- <td class="scale">1 = Poor, 5 = Awesome</td>
- </tr>
- </table>
- </div>
- <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>
- <div class="clear"> </div>
- </div>
- <div class="review_submit_box"><a href="javascript:;"><img alt="submit review" src="[% ctx.media_prefix %]/images/kpac/review_submit_btn.png" /></a></div>
-</div>
-
-<div class="sub_navigation1">
- <table cellpadding="0" cellspacing="0" border="0" width="100%">
- <tr>
- <td><a href="javascript:;"><img src="[% ctx.media_prefix %]/images/kpac/go_back_btn.png" /></a></td>
- <td width="100%" class="nav_mid_bg"></td>
- <td class="to_top_btn"><a href="javascript:;"><img src="[% ctx.media_prefix %]/images/kpac/to_top_btn.png" /></a></td>
- </tr>
- </table>
-</div>
--->
-
[% END %]
background:#e3e3e3;\r
}\r
\r
-.item_detail_extras_tabs a,\r
-.item_detail_extras_tabs div.selected {\r
+.item_detail_extras_tabs a {\r
display:block;\r
float:left;\r
padding:14px 35px;\r
margin-right:10px;\r
}\r
\r
-.item_detail_extras_tabs a.selected,\r
-.item_detail_extras_tabs div.selected {\r
+.item_detail_extras_tabs a.ac_tab_selected,\r
+.item_detail_extras_tabs div.ac_tab_selected {\r
background:white;\r
color:#424242;\r
}\r
visibility : hidden;\r
}\r
\r
-\r
-\r
-\r
-\r
-\r
-\r
-\r
-\r
-\r
-\r
-\r
-\r
+.hidden {\r
+ visibility : hidden;\r
+ display : none;\r
+}\r
\r