warp-tech/warpgate
1
1
Fork 0
mirror of https://github.com/warp-tech/warpgate.git synced 2025-09-06 22:55:24 +08:00
Code Issues Projects Releases Packages Wiki Activity

add an empty state for target list

Browse source
This commit is contained in:
Eugene 2025-05-23 21:32:01 +02:00
parent 45334014b6
commit cadccb932b
No known key found for this signature in database
GPG key ID: 5896FCBBDD1CF4F4
2 changed files with 12 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

13
warpgate-web/src/common/ItemList.svelte
View file

@ -94,15 +94,16 @@
})
</script>
<div class="d-flex mb-2" hidden={!loaded}>
{#if showSearch}
<Input bind:value={filter} placeholder="Search..." class="flex-grow-1 border-0" />
{/if}
{@render header?.()}
</div>
{#await $items}
<DelayedSpinner />
{:then _items}
<div class="d-flex mb-2" hidden={!loaded}>
<!-- either filtering or not filtering and there are at least some items at all -->
{#if showSearch && (filter || !!_items?.length)}
<Input bind:value={filter} placeholder="Search..." class="flex-grow-1 border-0" />
{/if}
{@render header?.()}
</div>
{#if _items}
<div class="list-group list-group-flush mb-3">
{#each _items as _item}

5
warpgate-web/src/gateway/TargetList.svelte
View file

@ -10,6 +10,7 @@ import { serverInfo } from './lib/store'
import { firstBy } from 'thenby'
import ModalHeader from 'common/sveltestrap-s5-ports/ModalHeader.svelte'
import GettingStarted from 'common/GettingStarted.svelte'
import EmptyState from 'common/EmptyState.svelte';
let selectedTarget: TargetSnapshot|undefined = $state()
@ -51,6 +52,10 @@ function loadURL (url: string) {
{/if}
<ItemList load={loadTargets} showSearch={true}>
{#snippet empty()}
<EmptyState
title="You don't have access to any targets yet" />
{/snippet}
{#snippet item(target)}
<a
class="list-group-item list-group-item-action target-item"