Docker/AdventureLog
Docker/AdventureLog
1
0
Fork 0
mirror of https://github.com/seanmorley15/AdventureLog.git synced 2025-07-25 15:59:38 +02:00
Code Issues Releases Activity

refactor: Update adventure search filter UI layout

Browse source
This commit is contained in:
Sean Morley 2024-08-01 10:25:40 -04:00
parent b380b55942
commit b2ceda819c
1 changed files with 53 additions and 52 deletions
Download patch file Download diff file Expand all files Collapse all files

105
frontend/src/routes/search/+page.svelte
View file

@ -111,59 +111,60 @@
{#if myAdventures.length !== 0 && publicAdventures.length !== 0} {#if myAdventures.length !== 0 && publicAdventures.length !== 0}
<h2 class="text-center font-bold text-2xl mb-4">AdventureLog Results</h2> <h2 class="text-center font-bold text-2xl mb-4">AdventureLog Results</h2>
{/if} {/if}
<div class="flex items-center justify-center mt-2 mb-2">
<div class="join"> <div class="join">
<input <input
class="join-item btn" class="join-item btn"
type="radio" type="radio"
name="filter" name="filter"
aria-label="All" aria-label="All"
id="all" id="all"
checked checked
on:change={() => (property = 'all')} on:change={() => (property = 'all')}
/> />
<input <input
class="join-item btn" class="join-item btn"
type="radio" type="radio"
name="filter" name="filter"
aria-label="Name" aria-label="Name"
id="name" id="name"
on:change={() => (property = 'name')} on:change={() => (property = 'name')}
/> />
<input <input
class="join-item btn" class="join-item btn"
type="radio" type="radio"
name="filter" name="filter"
aria-label="Type" aria-label="Type"
id="type" id="type"
on:change={() => (property = 'type')} on:change={() => (property = 'type')}
/> />
<input <input
class="join-item btn" class="join-item btn"
type="radio" type="radio"
name="filter" name="filter"
aria-label="Location" aria-label="Location"
id="location" id="location"
on:change={() => (property = 'location')} on:change={() => (property = 'location')}
/> />
<input <input
class="join-item btn" class="join-item btn"
type="radio" type="radio"
name="filter" name="filter"
aria-label="Description" aria-label="Description"
id="description" id="description"
on:change={() => (property = 'description')} on:change={() => (property = 'description')}
/> />
<input <input
class="join-item btn" class="join-item btn"
type="radio" type="radio"
name="filter" name="filter"
aria-label="Activity Types" aria-label="Activity Types"
id="activity_types" id="activity_types"
on:change={() => (property = 'activity_types')} on:change={() => (property = 'activity_types')}
/> />
</div>
<button class="btn btn-primary ml-2" type="button" on:click={filterByProperty}>Filter</button>
</div> </div>
<button class="btn btn-primary ml-2" type="button" on:click={filterByProperty}>Filter</button>
{#if myAdventures.length > 0} {#if myAdventures.length > 0}
<h2 class="text-center font-bold text-2xl mb-4">My Adventures</h2> <h2 class="text-center font-bold text-2xl mb-4">My Adventures</h2>