Made the error page when a role has no members less jarring.

assets/less/userlist.less

@@ -11,6 +11,13 @@
         display: flex;
     }
 
+    &__empty {
+        text-align: center;
+        font-size: 2em;
+        line-height: 1.5em;
+        margin: 1em;
+    }
+
     &__container {
         padding: 5px;
         margin: 2px 0;

public/members.php

@@ -90,7 +90,7 @@ if(empty($role)) {
 $usersPagination = pagination_create($role['role_user_count'], 15);
 $usersOffset = pagination_offset($usersPagination, pagination_param());
 
-if(!pagination_is_valid_offset($usersOffset)) {
+if($usersOffset > 0 && !pagination_is_valid_offset($usersOffset)) {
     echo render_error(404);
     return;
 }
@@ -162,6 +162,10 @@ $getUsers->bind('take', $usersPagination['range']);
 $getUsers->bind('current_user_id', user_session_current('user_id', 0));
 $users = $getUsers->fetchAll();
 
+if(empty($users)) {
+    http_response_code(404);
+}
+
 echo tpl_render('user.listing', [
     'roles' => $roles,
     'role' => $role,

templates/user/listing.twig

@@ -9,7 +9,7 @@
     'role': url_role,
     'sort': url_sort,
     'direction': url_direction,
-    'page': users_pagination.page > 2 ? users_pagination.page : 0,
+    'page': users_pagination.page|default(0) > 2 ? users_pagination.page : 0,
 }) %}
 {% set title = role.role_id == 1 ? 'Members' : 'Role » ' ~ role.role_name  %}
 {% set manage_link = url('manage-users') %}
@@ -48,13 +48,19 @@
         {{ member_nav }}
     </div>
 
-    <div class="userlist">
-        {% for user in users %}
-            <div class="userlist__item">
-                {{ user_card(user) }}
-            </div>
-        {% endfor %}
-    </div>
+    {% if users|length > 0 %}
+        <div class="userlist">
+            {% for user in users %}
+                <div class="userlist__item">
+                    {{ user_card(user) }}
+                </div>
+            {% endfor %}
+        </div>
+    {% else %}
+        <div class="userlist__empty">
+            This role has no members
+        </div>
+    {% endif %}
 
     <div class="container userlist__container" style="{{ role.role_colour|html_colour('--accent-colour') }}">
         {{ member_nav }}