phc/website
6
4
Fork 1
Code Issues 9 Pull Requests Projects 1 Releases Wiki Activity

feat: users page with non working filter button

Browse Source
This commit is contained in:
aziis98
2024-10-06 18:14:05 +02:00
parent 87d65b52b5
commit 7398f27035
3 changed files with 79 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/client/UtentiPage.tsx
+26 -10
View File
@@ -48,14 +48,27 @@ export const UtentiPage = () => {
return (
<>
<div class="search">
<input
type="text"
placeholder="Cerca un utente Poisson..."
onInput={e => ($searchText.value = e.currentTarget.value)}
value={$searchText.value}
/>
<span class="material-symbols-outlined">search</span>
<div class="search-bar">
<div class="filter-select">
<span class="material-symbols-outlined">filter_list</span>
<select>
<option value="new-first">Nuovi utenti</option>
<option value="old-first">Vecchi utenti</option>
<option value="first-name">Nome</option>
<option value="last-name">Cognome</option>
<option value="uid">Username</option>
</select>
<span class="material-symbols-outlined">expand_more</span>
</div>
<div class="search">
<input
type="text"
placeholder="Cerca un utente Poisson..."
onInput={e => ($searchText.value = e.currentTarget.value)}
value={$searchText.value}
/>
<span class="material-symbols-outlined">search</span>
</div>
</div>
<div class="search-results">
{$searchResults.value ? (
@@ -69,8 +82,11 @@ export const UtentiPage = () => {
</div>
<div class="text">{poissonUser.gecos}</div>
<div class="right">
<a href={`https://poisson.phc.dm.unipi.it/~${poissonUser.uid}`}>
<span class="material-symbols-outlined">globe</span>
<a
href={`https://poisson.phc.dm.unipi.it/~${poissonUser.uid}`}
target="_blank"
>
<span class="material-symbols-outlined">open_in_new</span>
</a>
</div>
</div>