Современный облачный хостинг провайдер | Aéza
Контакты ООО "АЕЗА ГРУПП" ИНН 2312304914 ОГРН 1212300056430
Индикатор количества юзеров

Индикатор количества юзеров

Обзор Обновления (1) Обсуждение

Онлайн индикатор батарейка (исправлено)

В этом обновлении исправлены некоторые недочеты из за которых нельзя было добавить диапазон юзеров, а так же стили перенесены отдельно в CSS.

Находим начало блока и заменяем вместе с ним


<!-- block: sidebar_online_users -->
<div class="section membersOnline userList">


На:

HTML: 
<!-- block: sidebar_online_users -->
<div class="section membersOnline userList">       
    <div class="secondaryContent">
        <h3>
        
         <xen:if is="{$onlineUsers.total} >= 0 AND {$onlineUsers.total} <= 5">
            <i class="fa fa-battery-empty Tooltip" title="Всего пара человек :(" aria-hidden="true"></i> 
        <xen:elseif is="{$onlineUsers.total} >= 6 AND {$onlineUsers.total} <= 15" />
            <i class="fa fa-battery-quarter Tooltip" title="Более 5 на форуме" aria-hidden="true"></i>
        <xen:elseif is="{$onlineUsers.total} >= 16 AND {$onlineUsers.total} <= 30" />
            <i class="fa fa-battery-half Tooltip" title="Более 15 на форуме" aria-hidden="true"></i>
        <xen:elseif is="{$onlineUsers.total} >= 31 AND {$onlineUsers.total} <= 49" />
            <i class="fa fa-battery-three-quarters Tooltip" title="Более 30 на форуме" aria-hidden="true"></i>
        <xen:elseif is="{$onlineUsers.total} > 50" />
            <i class="fa fa-battery-full Tooltip" title="Онлайн более 50{$onlineUsers.total}" aria-hidden="true"></i>
        </xen:if>
      
        <a href="{xen:link online}" title="{xen:phrase see_all_online_users}">{xen:phrase members_online_now}</a></h3>
        
        <xen:if is="{$onlineUsers.records}">
        
            <xen:if is="{$visitor.user_id}">
                <xen:if hascontent="true">
                <h4 class="minorHeading"><a href="{xen:link account/following}">{xen:phrase people_you_follow}:</a></h4>
                <ul class="followedOnline">
                    <xen:contentcheck>
                        <xen:foreach loop="$onlineUsers.records" value="$user">
                            <xen:if is="{$user.followed}">
                                <li title="{$user.username}" class="Tooltip"><xen:avatar user="$user" size="s" img="true" class="_plainImage" /></li>
                            </xen:if>
                        </xen:foreach>
                    </xen:contentcheck>
                </ul>
                <h4 class="minorHeading"><a href="{xen:link members}">{xen:phrase members}:</a></h4>
                </xen:if>
            </xen:if>
            
            <ol class="listInline">
                <xen:foreach loop="$onlineUsers.records" value="$user" i="$i">
                    <xen:if is="{$i} <= {$onlineUsers.limit}">
                        <li>
                        <xen:if is="{$user.user_id}">
                            <a href="{xen:link members, $user}" dir="auto"
                                class="username{xen:if '!{$user.visible}', ' invisible'}{xen:if {$user.followed}, ' followed'}">{$user.username}</a><xen:if is="{$i} < {$onlineUsers.limit}">,</xen:if>
                        <xen:else />
                            {xen:phrase guest}<xen:if is="{$i} < {$onlineUsers.limit}">,</xen:if>
                        </xen:if>
                        </li>
                    </xen:if>
                </xen:foreach>
                <xen:if is="{$onlineUsers.recordsUnseen}">
                    <li class="moreLink">... <a href="{xen:link online}" title="{xen:phrase see_all_visitors}">{xen:phrase and_x_more, 'count={xen:number $onlineUsers.recordsUnseen}'}</a></li>
                </xen:if>
            </ol>
        </xen:if>
        
        <div class="footnote">
            {xen:phrase online_now_x_members_y_guests_z_robots_a, 'total={xen:number $onlineUsers.total}', 'members={xen:number $onlineUsers.members}', 'guests={xen:number $onlineUsers.guests}', 'robots={xen:number $onlineUsers.robots}'}
        </div>
    </div>
</div>
<!-- end block: sidebar_online_users -->

В sidebar.css добавляем:

Код: 
.membersOnline .fa-battery-empty {
 color:red;
}

.membersOnline .fa-battery-quarter {
 color:orange;
}

.membersOnline .fa-battery-half {
 color:#ffd73d;
}

.membersOnline .fa-battery-three-quarters {
 color:#e8ff36;
}

.membersOnline .fa-battery-full {
 color:#22e22a;
}

Спасибо всем кто принял участие в обсуждении...
Назад
Сверху Снизу