From ed0a16068adbe69b7dbf6739ec91f894b644511c Mon Sep 17 00:00:00 2001
From: Tomuxs <tomas@arch.myddns.me>
Date: Wed, 11 Jun 2025 01:25:43 +0200
Subject: [PATCH] Added really simple search

---
 app/src/main/resources/www/index.html | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)
diff --git a/app/src/main/resources/www/index.html b/app/src/main/resources/www/index.html
index af4f570..8bacf00 100644
--- a/app/src/main/resources/www/index.html
+++ b/app/src/main/resources/www/index.html
@@ -73,15 +73,15 @@
 		<title>Skinner</title>
 	</head>
 	<body x-data="{add_dialog: false, blur: false, skins: api.getSkins()}">
-		<main x-bind:style="blur ? 'filter: blur(10px);' : ''">
+		<main x-data="{search: ''}" x-bind:style="blur ? 'filter: blur(10px);' : ''">
 			<h1>Skinner</h1>
 			<div class="flex-container">
-				<input class="flex" type="search" placeholder="Search skins..." disabled title="Not implemented">
+				<input class="flex" type="search" placeholder="Search skins..." x-model="search">
 				<button @click="add_dialog = true; blur = true;">Add new</button>
 			</div>
-			<div id="skin-cards"">
+			<div id="skin-cards">
 				<template x-for="skin in skins">
-					<article class="skin-card" x-data="{}">
+					<article class="skin-card" x-show="(skin.label || '').toLowerCase().includes(search.toLowerCase())">
 						<img x-bind:src="await renderSkin(skin.png)">
 						<big x-text="skin.label || 'Unnamed'"></big>
 					</article>
