source: extensions/Comments_on_Albums/template/albums.tpl @ 14528

{* 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() });
        
        }
  
  function commentsToggle() {
    var comments=jQuery("#theCategoryPage #comments");
    var comments_button=jQuery("#comments h3");

    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" 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>

  <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>

</div>
{/if}{*comments*}