1 | {* this is inspired by theme/defaults/template/picture.tpl *} |
---|
2 | |
---|
3 | {* <!-- need some css modifications, specific to each theme --> *} |
---|
4 | {html_head} |
---|
5 | <style type="text/css"> |
---|
6 | #comments .commentElement {ldelim} width:98%;} |
---|
7 | {if $COMMENTS_ON_TOP} |
---|
8 | #commentAdd, #pictureCommentList {ldelim} float:none; display:inline-block; width:47.5%; vertical-align:top;} |
---|
9 | #commentsSwitcher {ldelim} float:none; display:inline-block; margin: 2px 0; cursor:pointer;} |
---|
10 | .noCommentContent #commentsSwitcher {ldelim} display: none;} |
---|
11 | .switchArrow{ldelim} width: 16px; height: 16px; margin: 5px;} |
---|
12 | .commentshidden #pictureComments {ldelim} display: none;} |
---|
13 | .commentContent .comments_toggle {ldelim} cursor: pointer;} |
---|
14 | {/if} |
---|
15 | {if $themeconf.name == 'Sylvia'} |
---|
16 | #comments .description {ldelim} padding: 15px 2px 6px 12px;} |
---|
17 | #comments .commentElement {ldelim} border: 1px solid #666;} |
---|
18 | {/if} |
---|
19 | {if $themeconf.name|strstr:"stripped"} |
---|
20 | #comments {ldelim} text-align: left;} |
---|
21 | #comments .description {ldelim} height:auto;} |
---|
22 | #thumbnails_block2 {ldelim} min-height:0;} |
---|
23 | {/if} |
---|
24 | |
---|
25 | </style> |
---|
26 | {/html_head} |
---|
27 | |
---|
28 | {* <!-- if RV Thumb Scroller is installed comments block is displayed on top with a drop-down --> *} |
---|
29 | {if $COMMENTS_ON_TOP} |
---|
30 | {footer_script}{literal} |
---|
31 | // comments show/hide |
---|
32 | var commentsswicther=jQuery("#commentsSwitcher"); |
---|
33 | var comments=jQuery("#theCategoryPage #comments"); |
---|
34 | |
---|
35 | commentsswicther.html("<div class=\"switchArrow\"> </div>"); |
---|
36 | {/literal}{if $themeconf.name != 'elegant'}switcharrow = commentsswicther.children(".switchArrow");{else}switcharrow = $("<div></div>");{/if}{literal} |
---|
37 | |
---|
38 | if (comments.length == 1) { |
---|
39 | var comments_button=jQuery("#comments h3"); |
---|
40 | |
---|
41 | if (comments_button.length == 0) { |
---|
42 | jQuery("#addComment").before("<h3>Comments</h3>"); |
---|
43 | comments_button=jQuery("#comments h3"); |
---|
44 | } |
---|
45 | |
---|
46 | {/literal}{if $DISPLAY_COMMENTS_BLOCK} |
---|
47 | comments.addClass("commentsshown"); |
---|
48 | comments_button.addClass("comments_toggle").addClass("comments_toggle_on"); |
---|
49 | switcharrow.html("↑"); |
---|
50 | {else} |
---|
51 | comments.addClass("commentshidden"); |
---|
52 | comments_button.addClass("comments_toggle").addClass("comments_toggle_off"); |
---|
53 | switcharrow.html("↓"); |
---|
54 | {/if}{literal} |
---|
55 | |
---|
56 | comments_button.click(function() { commentsToggle() }); |
---|
57 | commentsswicther.click(function() { commentsToggle() }); |
---|
58 | |
---|
59 | } |
---|
60 | |
---|
61 | function commentsToggle() { |
---|
62 | var comments=jQuery("#theCategoryPage #comments"); |
---|
63 | var comments_button=jQuery("#comments h3"); |
---|
64 | |
---|
65 | if (comments.hasClass("commentshidden")) { |
---|
66 | comments.removeClass("commentshidden").addClass("commentsshown"); |
---|
67 | comments_button.addClass("comments_toggle_off").removeClass("comments_toggle_off"); |
---|
68 | switcharrow.html("↑"); |
---|
69 | } else { |
---|
70 | comments.addClass("commentshidden").removeClass("commentsshown"); |
---|
71 | comments_button.addClass("comments_toggle_on").removeClass("comments_toggle_on"); |
---|
72 | switcharrow.html("↓"); |
---|
73 | } |
---|
74 | |
---|
75 | } |
---|
76 | {/literal}{/footer_script} |
---|
77 | {/if} |
---|
78 | |
---|
79 | {if isset($COMMENT_COUNT)} |
---|
80 | <div id="comments" style="margin:10px 0 10px 0;" {if (!isset($comment_add) && ($COMMENT_COUNT == 0))}class="noCommentContent"{else}class="commentContent"{/if}> |
---|
81 | <h3 style="margin:0 0 0 5px;"><div id="commentsSwitcher"></div>{$pwg->l10n_dec('%d comment', '%d comments',$COMMENT_COUNT)}</h3> |
---|
82 | |
---|
83 | <div id="pictureComments"><fieldset> |
---|
84 | {if isset($comment_add)} |
---|
85 | <div id="commentAdd"> |
---|
86 | <h4>{'Add a comment'|@translate}</h4> |
---|
87 | <form method="post" action="{$comment_add.F_ACTION}" id="addComment"> |
---|
88 | {if $comment_add.SHOW_AUTHOR} |
---|
89 | <p><label>{'Author'|@translate} :</label></p> |
---|
90 | <p><input type="text" name="author"></p> |
---|
91 | <p><label>{'Comment'|@translate} :</label></p> |
---|
92 | {/if} |
---|
93 | <p><textarea name="content" id="contentid" rows="5" cols="50">{$comment_add.CONTENT}</textarea></p> |
---|
94 | <p><input type="hidden" name="key" value="{$comment_add.KEY}"> |
---|
95 | <input type="submit" value="{'Submit'|@translate}"></p> |
---|
96 | </form> |
---|
97 | </div> |
---|
98 | {/if} |
---|
99 | {if isset($comments)} |
---|
100 | <div id="pictureCommentList"> |
---|
101 | {if (($COMMENT_COUNT > 2) || !empty($comment_navbar))} |
---|
102 | <div id="pictureCommentNavBar"> |
---|
103 | {if $COMMENT_COUNT > 2} |
---|
104 | <a href="{$COMMENTS_ORDER_URL}#comments" rel="nofollow" class="commentsOrder">{$COMMENTS_ORDER_TITLE}</a> |
---|
105 | {/if} |
---|
106 | {if !empty($comment_navbar) }{include file=$COA_ABSOLUTE_PATH|@cat:'template/navigation_bar.tpl'|@get_extent:'navbar'}{/if} |
---|
107 | </div> |
---|
108 | {/if} |
---|
109 | {include file='comment_list.tpl'} |
---|
110 | </div> |
---|
111 | {/if} |
---|
112 | {if not $COMMENTS_ON_TOP}<div style="clear:both"></div>{/if} |
---|
113 | </fieldset></div> |
---|
114 | |
---|
115 | </div> |
---|
116 | {/if}{*comments*} |
---|