Changeset 14528 for extensions/Comments_on_Albums/template/albums.tpl

Timestamp:

Apr 29, 2012, 5:09:28 PM (12 years ago)

Author:

mistic100

Message:

update for 2.4
delete useless admin page
now compatible with RV Thumb Scroller

File:

• extensions/Comments_on_Albums/template/albums.tpl (modified) (1 diff)

extensions/Comments_on_Albums/template/albums.tpl

@@ -1 +1 @@
 {* this is inspired by theme/defaults/template/picture.tpl *}
+ 
+{* <!-- need some css modifications, specific to each theme --> *}
+{html_head}
+<style type="text/css">
+#comments .commentElement {ldelim} width:98%;}
+{if $COMMENTS_ON_TOP}
+#commentAdd, #pictureCommentList {ldelim} float:none; display:inline-block; width:47.5%; vertical-align:top;}
+#commentsSwitcher {ldelim} float:none; display:inline-block; margin: 2px 0; cursor:pointer;}
+.noCommentContent #commentsSwitcher     {ldelim} display: none;}
+.switchArrow{ldelim} width: 16px; height: 16px; margin: 5px;}
+.commentshidden #pictureComments {ldelim} display: none;}
+.commentContent .comments_toggle        {ldelim} cursor: pointer;}
+{/if}
+{if $themeconf.name == 'Sylvia'}
+#comments .description {ldelim} padding: 15px 2px 6px 12px;}
+#comments .commentElement {ldelim} border: 1px solid #666;}
+{/if}
+{if $themeconf.name|strstr:"stripped"}
+#comments {ldelim} text-align: left;}
+#comments .description {ldelim} height:auto;}
+#thumbnails_block2 {ldelim} min-height:0;}
+{/if}
+
+</style>
+{/html_head}
+
+{* <!-- if RV Thumb Scroller is installed comments block is displayed on top with a drop-down --> *}
+{if $COMMENTS_ON_TOP}
+{footer_script}{literal}
+        // comments show/hide
+        var commentsswicther=jQuery("#commentsSwitcher");
+        var comments=jQuery("#theCategoryPage #comments");
+        
+        commentsswicther.html("<div class=\"switchArrow\">&nbsp;</div>");
+  {/literal}{if $themeconf.name != 'elegant'}switcharrow = commentsswicther.children(".switchArrow");{else}switcharrow = $("<div></div>");{/if}{literal}
+        
+        if (comments.length == 1) {
+                var comments_button=jQuery("#comments h3");
+
+                if (comments_button.length == 0) {
+                        jQuery("#addComment").before("<h3>Comments</h3>");
+                        comments_button=jQuery("#comments h3");
+                }
+        
+    {/literal}{if $DISPLAY_COMMENTS_BLOCK}
+                comments.addClass("commentsshown");
+                comments_button.addClass("comments_toggle").addClass("comments_toggle_on");
+    switcharrow.html("&uarr;");
+    {else}
+    comments.addClass("commentshidden");
+                comments_button.addClass("comments_toggle").addClass("comments_toggle_off");
+    switcharrow.html("&darr;");
+                {/if}{literal}
+    
+                comments_button.click(function() { commentsToggle() });
+                commentsswicther.click(function() { commentsToggle() });
+        
+        }
   
-{combine_css path=$COA_PATH|@cat:'template/style_albums.css'}
-{if $themeconf.name == 'Sylvia'}{combine_css path=$COA_PATH|@cat:'template/style_albums_sylvia.css'}{/if}
+  function commentsToggle() {
+    var comments=jQuery("#theCategoryPage #comments");
+    var comments_button=jQuery("#comments h3");
 
-<a name="comments"></a>
+    if (comments.hasClass("commentshidden")) {
+        comments.removeClass("commentshidden").addClass("commentsshown");
+        comments_button.addClass("comments_toggle_off").removeClass("comments_toggle_off");
+        switcharrow.html("&uarr;");
+      } else {
+        comments.addClass("commentshidden").removeClass("commentsshown");
+        comments_button.addClass("comments_toggle_on").removeClass("comments_toggle_on");
+        switcharrow.html("&darr;");
+      }
+
+  }
+{/literal}{/footer_script}
+{/if}
+
 {if isset($COMMENT_COUNT)}
-<div id="comments">
-  {if $COMMENT_COUNT > 0}
-    <h3>{$pwg->l10n_dec('%d comment', '%d comments',$COMMENT_COUNT)}</h3>
-  {/if}
+<div id="comments" style="margin:10px 0 10px 0;" {if (!isset($comment_add) && ($COMMENT_COUNT == 0))}class="noCommentContent"{else}class="commentContent"{/if}>
+  <h3 style="margin:0 0 0 5px;"><div id="commentsSwitcher"></div>{$pwg->l10n_dec('%d comment', '%d comments',$COMMENT_COUNT)}</h3>
 
-  {if isset($comments)}
-    {include file='comment_list.tpl'}
-  {/if}
-  
-  {if !empty($comment_navbar)}{include file=$COA_ABSOLUTE_PATH|@cat:'template/navigation_bar.tpl'}{/if}
+  <div id="pictureComments"><fieldset>
+    {if isset($comment_add)}
+                <div id="commentAdd">
+                        <h4>{'Add a comment'|@translate}</h4>
+                        <form method="post" action="{$comment_add.F_ACTION}" id="addComment">
+                                {if $comment_add.SHOW_AUTHOR}
+                                        <p><label>{'Author'|@translate} :</label></p>
+                                        <p><input type="text" name="author"></p>
+                                        <p><label>{'Comment'|@translate} :</label></p>
+                                {/if}
+                                <p><textarea name="content" id="contentid" rows="5" cols="50">{$comment_add.CONTENT}</textarea></p>
+                                <p><input type="hidden" name="key" value="{$comment_add.KEY}">
+                                        <input type="submit" value="{'Submit'|@translate}"></p>
+                        </form>
+                </div>
+    {/if}
+    {if isset($comments)}
+                <div id="pictureCommentList">
+                        {if (($COMMENT_COUNT > 2) || !empty($comment_navbar))}
+                                <div id="pictureCommentNavBar">
+                                        {if $COMMENT_COUNT > 2}
+                                                <a href="{$COMMENTS_ORDER_URL}#comments" rel="nofollow" class="commentsOrder">{$COMMENTS_ORDER_TITLE}</a>
+                                        {/if}
+                                        {if !empty($comment_navbar) }{include file=$COA_ABSOLUTE_PATH|@cat:'template/navigation_bar.tpl'|@get_extent:'navbar'}{/if}
+                                </div>
+                        {/if}
+      {include file='comment_list.tpl'}
+                </div>
+                {/if}
+                {if not $COMMENTS_ON_TOP}<div style="clear:both"></div>{/if}
+        </fieldset></div>
 
-  {if isset($comment_add)}
-  <form method="post" action="{$comment_add.F_ACTION}" class="filter" id="addComment">
-    <fieldset>
-      <legend>{'Add a comment'|@translate}</legend>
-      {if $comment_add.SHOW_AUTHOR}
-        <label>{'Author'|@translate}<input type="text" name="author"></label>
-      {/if}
-      <label>{'Comment'|@translate}<textarea name="content" id="contentid" rows="5" cols="80">{$comment_add.CONTENT}</textarea></label>
-      <input type="hidden" name="key" value="{$comment_add.KEY}">
-      <input type="submit" value="{'Submit'|@translate}">
-    </fieldset>
-  </form>
-  {/if}
 </div>
 {/if}{*comments*}