Switch to remove button for selected instances

This commit is contained in:
DokterKaj 2024-09-26 15:31:05 +08:00 committed by GitHub
parent 7bea53805e
commit f167e6ee7d
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 25 additions and 11 deletions

View File

@ -207,20 +207,34 @@
<span style="color:{pingCache[instance].color}">{pingCache[instance].value}</span> <span style="color:{pingCache[instance].color}">{pingCache[instance].value}</span>
{/if} {/if}
</span> </span>
{#if !_options[selectedFrontend].includes(instance)}
<button <button
class="add" class="add"
aria-label="Add instance" aria-label="Add instance"
on:click={() => { on:click={() => {
if (_options[selectedFrontend]) { if (_options[selectedFrontend]) {
if (!_options[selectedFrontend].includes(instance)) {
_options[selectedFrontend].push(instance) _options[selectedFrontend].push(instance)
options.set(_options) options.set(_options)
} }
}
}} }}
> >
<AddIcon /> <AddIcon />
</button> </button>
{:else}
<button
class="add"
aria-label="Remove Instance"
on:click={() => {
const index = _options[selectedFrontend].indexOf(instance)
if (index > -1) {
_options[selectedFrontend].splice(index, 1)
options.set(_options)
}
}}
>
<CloseIcon />
</button>
{/if}
</Row> </Row>
<hr /> <hr />
{/each} {/each}