aLEX49566

/*
    ----------------
    - МЕТКА НОВЫХ СООБЩЕНИЙ
    ----------------
*/

.cForumList .ipsDataItem_unread .ipsDataItem_title:before, .cForumGrid_unread .ipsPhotoPanel h3 a:before {
    content: "NEW";
}

/* NEW badge */
.cForumList .ipsDataItem_unread .ipsDataItem_title:before,
.cForumGrid_unread .ipsPhotoPanel h3 a:before {
    color: #000;
    background: #ed7a16;
    display: inline-block;
    font-size: 0.6rem;
    line-height: 2;
    border-radius: 3px;
    padding: 0 4px;
    margin-right: 4px;
    vertical-align: middle;
}

    html[dir='rtl'] .cForumList .ipsDataItem_unread .ipsDataItem_title:before,
    html[dir='rtl'] .cForumGrid_unread .ipsPhotoPanel h3 a:before{
        margin-left: 4px;
        margin-right: 0;
    }

<div class='ipsPageHeader ipsClearfix ipsSpacer_bottom cForumHeader'>
    {{if \IPS\forums\Forum::canOnAny( 'add' ) }}
        <ul class='ipsToolList ipsToolList_horizontal ipsClearfix ipsPos_right'>
            <li class='ipsToolList_primaryAction ipsResponsive_hidePhone'>
                <a class="ipsButton ipsButton_medium ipsButton_important" href="{url="app=forums&module=forums&controller=forums&do=add" seoTemplate="topic_non_forum_add_button"}" data-ipsDialog data-ipsDialog-size='narrow' data-ipsDialog-title='{lang="select_forum"}'>{lang="start_new_topic"}</a>
            </li>
            {template="viewChange" group="global" app="forums" params=""}
        </ul>
    {{endif}}
    <h1 class='ipsType_pageTitle'>
        {lang="forums"}
    </h1>
</div>
{{if \IPS\Member::loggedIn()->member_id}}
    <ul class="ipsToolList ipsToolList_horizontal ipsResponsive_hideDesktop ipsResponsive_hideTablet ipsResponsive_block ipsClearfix">
        {template="indexButtons" group="index" app="forums" params="FALSE"}
    </ul>
{{endif}}

<section>
    <ol class='ipsList_reset cForumList' data-controller='core.global.core.table, forums.front.forum.forumList' data-baseURL=''>
        {{foreach \IPS\forums\Forum::roots() as $category}}
            {{if $category->can('view') && $category->hasChildren()}}
            <li data-categoryID='{$category->_id}' class='cForumRow ipsBox ipsSpacer_bottom'>
                <h2 class="ipsType_sectionTitle ipsType_reset cForumTitle">
                    <a href='#' class='ipsPos_right ipsJS_show ipsType_noUnderline cForumToggle' data-action='toggleCategory' data-ipsTooltip title='{lang="toggle_this_category"}'></a>
                    <a href='{$category->url()}'>{$category->_title}</a>
                </h2>
                {{if \IPS\forums\Forum::getMemberView() === 'grid'}}
                    <div class='ipsAreaBackground ipsPad' data-role="forums">
                        <div class='ipsGrid ipsGrid_collapsePhone' data-ipsGrid data-ipsGrid-minItemSize='250' data-ipsGrid-maxItemSize='500' data-ipsGrid-equalHeights='row'>
                            {{foreach $category->children() as $forum}}
                                {template="forumGridItem" group="index" app="forums" params="$forum"}
                            {{endforeach}}
                        </div>
                    </div>
                {{else}}
                    <ol class="ipsDataList ipsDataList_large ipsDataList_zebra ipsAreaBackground_reset" data-role="forums">
                        {{foreach $category->children() as $forum}}
                            {template="forumRow" group="index" app="forums" params="$forum"}
                        {{endforeach}}
                    </ol>
                {{endif}}
            </li>
            {{endif}}
        {{endforeach}}
        {{if settings.club_nodes_in_apps and $clubForums = \IPS\forums\Forum::clubNodes()}}
            <li data-categoryID='clubs' class='cForumRow ipsBox ipsSpacer_bottom'>
                <h2 class="ipsType_sectionTitle ipsType_reset cForumTitle">
                    <a href='#' class='ipsPos_right ipsJS_show ipsType_noUnderline cForumToggle' data-action='toggleCategory' data-ipsTooltip title='{lang="toggle_this_category"}'></a>
                    <a href='{url="app=forums&module=forums&controller=forums&do=clubs" seoTemplate="forums_clubs"}'>{lang="club_node_forums"}</a>
                </h2>
                {{if \IPS\forums\Forum::getMemberView() === 'grid'}}
                    <div class='ipsAreaBackground ipsPad' data-role="forums">
                        <div class='ipsGrid ipsGrid_collapsePhone' data-ipsGrid data-ipsGrid-minItemSize='250' data-ipsGrid-maxItemSize='500' data-ipsGrid-equalHeights='row'>
                            {{foreach $clubForums as $forum}}
                                {template="forumGridItem" group="index" app="forums" params="$forum"}
                            {{endforeach}}
                        </div>
                    </div>
                {{else}}
                    <ol class="ipsDataList ipsDataList_large ipsDataList_zebra ipsAreaBackground_reset" data-role="forums">
                        {{foreach $clubForums as $forum}}
                            {template="forumRow" group="index" app="forums" params="$forum"}
                        {{endforeach}}
                    </ol>
                {{endif}}
            </li>
        {{endif}}
    </ol>
</section>