From a97f55e189bb9b59cd63b0121b2e5c5f2b42da00 Mon Sep 17 00:00:00 2001
From: xitobuh <56221696+xitobuh@users.noreply.github.com>
Date: Thu, 28 Oct 2021 21:42:33 +0200
Subject: [PATCH] Add filters (#161)

Added this in what seemed like an empty table above the list. Untested but should work, please elaborate as you see fit
---
 system/templates/highscores.html.twig | 25 ++++++++++++++++++++++++-
 1 file changed, 24 insertions(+), 1 deletion(-)

diff --git a/system/templates/highscores.html.twig b/system/templates/highscores.html.twig
index e7741fdf..3b9224e2 100644
--- a/system/templates/highscores.html.twig
+++ b/system/templates/highscores.html.twig
@@ -3,7 +3,30 @@
 		<td style="width: 17px"></td>
 		<td>
 			<div style="text-align:center"><h2>Ranking for {{ skillName }}{% if vocation is not null %} ({{ vocation }}){% endif %} on {{ config.lua.serverName }}</h2></div><br/>
-			<table border="0" cellpadding="4" cellspacing="1" width="100%"></table>
+			<table border="0" cellpadding="4" cellspacing="1" width="100%">
+				<tr>
+                    <td>Filters</td>
+                    <td>
+                        <label for="vocationFilter">Choose a Skill</label>
+                        <select onchange="location = this.value;" aria-label="skillFilter" id="skillFilter">
+                            {% set i = 0 %}
+                            {% for link, name in types %}
+                                <option value="{{ getLink('highscores') }}/{{ link }}{% if vocation is defined %}/{{ vocation }}{% endif %}" class="size_xs">{{ name }}</option>
+                            {% endfor %}
+                        </select>
+                    </td>
+                    <td>
+                        <label for="vocationFilter">Choose a vocation</label>
+                        <select onchange="location = this.value;" aria-label="vocationFilter" id="vocationFilter">
+                            <option value="{{ getLink('highscores') }}/{{ list }}" class="size_xs">[ALL]</option>
+                            {% set i = 0 %}
+                            {% for i in 1..config.vocations_amount %}
+                                <option value="{{ getLink('highscores') }}/{{ list }}/{{ config.vocations[i]|lower }}" class="size_xs">{{ config.vocations[i]}}</option>
+                            {% endfor %}
+                        </select>
+                    </td>
+                </tr>
+			</table>
 			<table border="0" cellpadding="4" cellspacing="1" width="100%">
 				<tr bgcolor="{{ config.vdarkborder }}">
 					{% if config.account_country %}