{if !$enableEditMode|isset}{assign var='enableEditMode' value=false}{/if}
{if !$anchor|isset}{assign var=anchor value=$__wcf->getAnchor('top')}{/if}
{if $objects|count}
    <ul{if $enableEditMode} class="jsClipboardContainer" data-type="de.wbb-elite.news.clipboard"{/if}>
        {foreach from=$objects item=news}
            <li>
                <article
                        class="news{if $news->isNew()} new{/if} jsClipboardObject message messageReduced marginTop{if $news->isDisabled} messageDisabled{/if}{if $news->isDeleted} messageDeleted{/if}"
                        data-object-id="{$news->newsID}"
                        data-like-liked="{assign var='getLikeData' value=$news->getLikeData()}{if $getLikeData != null}{@$getLikeData->liked}{/if}"
                        data-like-likes="{if $getLikeData != null}{@$getLikeData->likes}{else}0{/if}"
                        data-like-dislikes="{if $getLikeData != null}{@$getLikeData->dislikes}{else}0{/if}"
                        data-like-users='{ {if $getLikeData != null}{implode from=$getLikeData->getUsers() item=likeUser}"{@$likeUser->userID}": { "username": "{$likeUser->username|encodeJSON}" }{/implode}{/if} }'
                        data-object-type="de.wbb-elite.news.likeableNews" data-user-id="{@$news->userID}">
                    <div>
                        <section class="messageContent">
                            {event name='beforNewsContent'}
                            <div>
                                <header class="messageHeader">
                                    <div class="messageHeadline">
                                        <h1>
                                            {if $enableEditMode}
                                                <label><input type="checkbox" class="jsClipboardItem"
                                                              data-object-id="{@$news->newsID}"/>
                                                </label>
                                            {/if}
                                            <a data-news-id="{@$news->newsID}"
                                               {if !$news->isDeleted || $news->canReadDeleteNews()}href="{link application='news' controller='News' object=$news}{/link}"{/if}
                                               class="newsPreview">{$news->getTitle()}</a>
                                        </h1>
                                        <p>
                                        <span class="username">{if $news->userID}<a
                                                href="{link controller='User' object=$news->getUserProfile()}{/link}"
                                                class="userLink"
                                                data-user-id="{$news->userID}">{$news->username}</a>{else}{$news->username}{/if}</span>
                                            <a href="{link application='news' controller='News' object=$news}{/link}"
                                               class="permalink">{@$news->time|time}</a>


                                            {if $news->isDeleted}


                                        <p class="newsDeleteNote">
                                            {@$news->getDeleteNote()}
                                        </p>
                                        {/if}
                                        </p>
                                    </div>
                                    {event name='messageHeader'}
                                    {if $news->isHot()}
                                        <p class="newMessageBadge">{lang}de.wbb-elite.news.isHot{/lang}</p>
                                    {elseif $news->isNew()}
                                        <p class="newMessageBadge">{lang}wcf.message.new{/lang}</p>
                                    {/if}
                                </header>
                                <div class="messageBody{if $news->isDeleted} hidden{/if}">
                                    <div>
                                        <div class="messageText">
                                            {if $news->getNewsImage() != null}
                                                <div class="messageText"
                                                     style="{@$news->getNewsImage()->getCSS($news->bigVersion)};float: left; margin: 5px;">
                                                    <img class="newsImage"
                                                         src="{$news->getNewsImage()->getURL()}"
                                                         alt="{$news->getNewsImage()->getTitle()}">
                                                </div>
                                            {/if}
                                            {if $news->bigVersion}
                                                {@$news->getBigVersionText()}
                                            {else}
                                                {@$news->getShortText()}
                                            {/if}
                                            {event name='messageText'}
                                        </div>
                                    </div>
                                    <footer class="messageOptions">
                                        <nav class="jsMobileNavigation buttonGroupNavigation">
                                            <ul class="smallButtons buttonGroup">
                                                {if $news->canRead()}
                                                <li class="toTopLink"><a href="{$news->getLink()}"
                                                                         title="{lang}wcf.global.button.readMore{/lang}"
                                                                         class="button jsTooltip"><span>{lang}wcf.global.button.readMore{/lang}</span></a>
                                                <li class="toTopLink"><a href="{$news->getLink()}#comments"
                                                                         title="{lang}wcf.acp.group.option.category.user.message.comment{/lang} ({$news->comments})"
                                                                         class="button jsTooltip"><span
                                                                class="icon icon16 icon-comments"></span><span>{$news->comments}</span></a>{/if}
                                                <li class="toTopLink"><a href="{$anchor}"
                                                                         title="{lang}wcf.global.scrollUp{/lang}"
                                                                         class="button jsTooltip"><span
                                                                class="icon icon16 icon-arrow-up"></span> <span
                                                                class="invisible">{lang}wcf.global.scrollUp{/lang}</span></a>
                                                </li>
                                            </ul>
                                        </nav>
                                    </footer>
                                </div>
                            </div>
                        </section>
                    </div>
                </article>
            </li>
        {/foreach}
    </ul>
{/if}