syntaxwebsite/app/pages/admin/usermanage/search.html

82 lines
4.9 KiB
HTML

{% extends '__layout__.html' %}
{% block title %}Admin{% endblock %}
{% block head %}
<link href="/static/css/admin.css" rel="stylesheet"/> <!-- Its just easier to resuse this-->
{% endblock %}
{% block content %}
<div id="main">
<div class="container" style="min-width: 1100px;">
<a href="/admin" class="btn border-primary btn-sm mb-2">Back to Admin Panel</a>
<h1>User Manager</h1>
<form method="post">
<input type="hidden" name="csrf_token" value="{{csrf_token()}}">
<div class="input-group mb-3">
<div class="form-floating" style="width: 52%;">
<input type="text" class="form-control" id="user-search-input" name="user-search-input" value="{%if query != None: %}{{query}}{%endif%}" placeholder="ROBLOX">
<label for="user-search-input">Search</label>
</div>
<div class="form-floating" style="min-width: 130px;">
<select class="form-select" id="user-search-type" name="user-search-type">
<option value="userid">UserID</option>
<option value="username" {%if searchType == "username"%}selected{%endif%}>Username</option>
<option value="discordid" {%if searchType == "discordid"%}selected{%endif%}>Discord ID</option>
</select>
<label for="user-search-type">Search With</label>
</div>
<div class="form-floating" style="min-width: 160px;">
<select class="form-select" id="user-order-by" name="user-order-by">
<option value="userid">UserID</option>
<option value="creation" {%if orderBy == "creation"%}selected{%endif%}>Creation Date</option>
<option value="lastonline" {%if orderBy == "lastonline"%}selected{%endif%}>Last Online</option>
<option value="robux" {%if orderBy == "robux"%}selected{%endif%}>Robux Balance</option>
<option value="tix" {%if orderBy == "tix"%}selected{%endif%}>Tickets Balance</option>
</select>
<label for="user-order-by">Order By</label>
</div>
<div class="form-floating" style="min-width: 130px;">
<select class="form-select" id="user-order-direction" name="user-order-direction">
<option value="asc">Ascending</option>
<option value="desc" {%if orderType == "desc"%}selected{%endif%}>Descending</option>
</select>
<label for="user-order-direction">Order Direction</label>
</div>
<input type="submit" class="btn btn-outline-primary fw-bold" value="🔍">
</div>
</form>
<table class="table table-dark table-striped">
<thead>
<tr class="rounded-top">
<th scope="col">ID</th>
<th scope="col">Username</th>
<th scope="col">Created</th>
<th scope="col">Last Online</th>
<th scope="col">Robux</th>
<th scope="col">Tickets</th>
<th scope="col">Action</th>
</tr>
</thead>
<tbody class="table-group-divider" style="border-color: rgb(20,20,20);">
{% for user in returnList: %}
<tr>
<td>{{user.id}}</td>
<td><span class="{% if user.accountstatus == 2%}text-warning{% endif %}{% if user.accountstatus > 2 %}text-danger{%endif%}">{{user.username}}</span></td>
<td>{{user.creation}}</td>
<td>{{user.lastonline}}</td>
<td>{{user.robux}}</td>
<td>{{user.tix}}</td>
<td><a href="/admin/manage-users/{{user.id}}" class="text-decoration-none btn btn-primary btn-sm w-100">View</a></td>
</tr>
{%endfor%}
</tbody>
</table>
{% if len(returnList) == 0: %}
<p class="text-white w-100 text-center">No results found</p>
{%endif%}
<div class="mt-3 d-flex">
<a class="text-decoration-none ms-auto {%if page <= 1: %}disabled text-secondary{%else%}text-primary{%endif%}" {% if page > 1:%}href="/admin/manage-users?searchType={{searchType}}&orderBy={{orderBy}}&page={{page-1}}&orderType={{orderType}}{%if query != None: %}&query={{query}}{%endif%}"{%endif%}>Previous</a>
<p class="ms-2 me-2 text-white">Page {{page}}</p>
<a class="text-decoration-none me-auto {%if not isThereNextPage: %}disabled text-secondary{%else%}text-primary{%endif%}" {%if isThereNextPage: %}href="/admin/manage-users?searchType={{searchType}}&orderBy={{orderBy}}&page={{page+1}}&orderType={{orderType}}{%if query != None: %}&query={{query}}{%endif%}"{%endif%}>Next</a>
</div>
</div>
</div>
{% endblock %}