Tomas/skinner
1
0
Fork 0
Code Issues 2 Pull Requests Actions Packages Projects Releases Wiki Activity

Added really simple search

Browse Source
This commit is contained in:
Tomuxs
2025-06-11 01:25:43 +02:00
parent d59ff01139
commit ed0a16068a
1 changed files with 4 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
app/src/main/resources/www/index.html
View File

@ -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>