flashii/misuzu
flashii/misuzu
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Use avatars for the online users box.

Browse source
This commit is contained in:
flash 2018-11-17 23:44:58 +01:00
parent 5d12e5e3de
commit e9bda13078
3 changed files with 35 additions and 12 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

22
assets/less/classes/index.less
View file

@ -39,4 +39,26 @@
} }
} }
} }
&__online {
display: flex;
flex-wrap: wrap;
justify-content: center;
overflow: hidden;
&__user {
color: var(--user-colour);
text-decoration: none;
font-size: 0;
width: 30px;
height: 30px;
background-image: var(--avatar-url);
margin: 2px;
transition: box-shadow .2s;
&:hover {
box-shadow: 0 1px 4px var(--user-colour);
}
}
}
} }

5
public/index.php
View file

@ -55,9 +55,10 @@ $onlineUsers = cache_get('index:online:v1', function () {
LEFT JOIN `msz_roles` as r LEFT JOIN `msz_roles` as r
ON r.`role_id` = u.`display_role` ON r.`role_id` = u.`display_role`
WHERE u.`user_active` >= DATE_SUB(NOW(), INTERVAL 5 MINUTE) WHERE u.`user_active` >= DATE_SUB(NOW(), INTERVAL 5 MINUTE)
ORDER BY u.`user_active` DESC ORDER BY RAND()
LIMIT 104
')->fetchAll(PDO::FETCH_ASSOC); ')->fetchAll(PDO::FETCH_ASSOC);
}, 30); }, -1);
echo tpl_render('home.' . (user_session_active() ? 'home' : 'landing'), [ echo tpl_render('home.' . (user_session_active() ? 'home' : 'landing'), [
'users_count' => $statistics['users'], 'users_count' => $statistics['users'],

20
templates/home/landing.twig
View file

@ -29,19 +29,19 @@
</div> </div>
</div> </div>
<div class="container index__container"> {% if online_users > 0 %}
{{ container_title('Online users') }} <div class="container index__container">
<div class="container__content"> {{ container_title('Online users') }}
{% if online_users < 1 %}
No one was online in the last 5 minutes. <div class="index__online">
{% else %}
Online users in the last 5 minutes:<br>
{% for user in online_users %} {% for user in online_users %}
<a href="/profile.php?u={{ user.user_id }}" class="index__stats__emphasis index__stats__link" style="{{ user.user_colour|html_colour }}">{{ user.username }}</a> <a href="/profile.php?u={{ user.user_id }}" class="avatar index__online__user" style="{{ user.user_colour|html_colour }};--avatar-url: url('/profile.php?m=avatar&amp;u={{ user.user_id }}');" title="{{ user.username }}">
{{ user.username }}
</a>
{% endfor %} {% endfor %}
{% endif %} </div>
</div> </div>
</div> {% endif %}
<div class="container index__container"> <div class="container index__container">
{{ container_title('Changelog', '/changelog.php') }} {{ container_title('Changelog', '/changelog.php') }}