iptv-org-mirror/iptv-org.github.io
1
0
Fork 0
mirror of https://github.com/iptv-org/iptv-org.github.io.git synced 2025-05-14 11:00:05 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions

Disable checkbox for channels without streams

Browse source
This commit is contained in:
freearhey 2023-12-06 22:09:05 +03:00
parent 1b54c7e9b4
commit 10c802f97f
4 changed files with 24 additions and 8 deletions
Download patch file Download diff file Expand all files Collapse all files

14
src/components/SelectAllButton.svelte
View file

@ -2,10 +2,12 @@
import OutlineButton from '~/components/OutlineButton.svelte'
import { selected, filteredChannels } from '~/store'
$: isAllSelected = $selected.length === $filteredChannels.length
$: hasStreams = $filteredChannels.filter(c => c.streams > 0)
$: isAllSelected = $selected.length === hasStreams.length
function selectAll() {
selected.set($filteredChannels)
selected.set(hasStreams)
}
function deselectAll() {
@ -14,7 +16,7 @@
</script>
{#if isAllSelected}
<OutlineButton on:click={deselectAll} aria-label="Deselect All ({$selected.length})">
<OutlineButton on:click={deselectAll} aria-label="Deselect All">
<span class="text-gray-500 dark:text-white">
<svg
xmlns="http://www.w3.org/2000/svg"
@ -29,10 +31,10 @@
/>
</svg>
</span>
<span class="hidden md:inline">Deselect All ({$selected.length})</span>
<span class="hidden md:inline">Deselect All</span>
</OutlineButton>
{:else}
<OutlineButton on:click={selectAll} aria-label="Select All ({$filteredChannels.length})">
<OutlineButton on:click={selectAll} aria-label="Select All">
<span class="text-gray-500 dark:text-white">
<svg
xmlns="http://www.w3.org/2000/svg"
@ -48,6 +50,6 @@
</svg>
</span>
<span class="hidden md:inline">Select All ({$filteredChannels.length})</span>
<span class="hidden md:inline">Select All</span>
</OutlineButton>
{/if}