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-11 17:40:05 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions

Update SelectAllButton.svelte

Browse source
This commit is contained in:
freearhey 2023-10-10 06:14:44 +03:00
parent 93d1f85873
commit c0a4ab6794
1 changed files with 37 additions and 39 deletions
Download patch file Download diff file Expand all files Collapse all files

76
src/components/SelectAllButton.svelte
View file

@ -13,43 +13,41 @@
}
</script>
<div class="w-14 sm:w-44">
{#if isAllSelected}
<DefaultButton on:click={deselectAll} area-label="Deselect All ({$selected.length})">
<span class="sm:hidden inline">
<svg
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 24 24"
fill="currentColor"
class="w-5 h-5"
>
<path
fill-rule="evenodd"
d="M12 2.25c-5.385 0-9.75 4.365-9.75 9.75s4.365 9.75 9.75 9.75 9.75-4.365 9.75-9.75S17.385 2.25 12 2.25zm3 10.5a.75.75 0 000-1.5H9a.75.75 0 000 1.5h6z"
clip-rule="evenodd"
/>
</svg>
</span>
<span class="hidden sm:inline">Deselect All ({$selected.length})</span>
</DefaultButton>
{:else}
<DefaultButton on:click={selectAll} area-label="Select All ({$filteredChannels.length})">
<span class="sm:hidden inline">
<svg
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 24 24"
fill="currentColor"
class="w-5 h-5"
>
<path
fill-rule="evenodd"
d="M2.25 12c0-5.385 4.365-9.75 9.75-9.75s9.75 4.365 9.75 9.75-4.365 9.75-9.75 9.75S2.25 17.385 2.25 12zm13.36-1.814a.75.75 0 10-1.22-.872l-3.236 4.53L9.53 12.22a.75.75 0 00-1.06 1.06l2.25 2.25a.75.75 0 001.14-.094l3.75-5.25z"
clip-rule="evenodd"
/>
</svg>
</span>
{#if isAllSelected}
<DefaultButton on:click={deselectAll} area-label="Deselect All ({$selected.length})">
<span class="inline">
<svg
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 24 24"
fill="currentColor"
class="w-5 h-5"
>
<path
fill-rule="evenodd"
d="M12 2.25c-5.385 0-9.75 4.365-9.75 9.75s4.365 9.75 9.75 9.75 9.75-4.365 9.75-9.75S17.385 2.25 12 2.25zm3 10.5a.75.75 0 000-1.5H9a.75.75 0 000 1.5h6z"
clip-rule="evenodd"
/>
</svg>
</span>
<span class="hidden sm:inline">Deselect All ({$selected.length})</span>
</DefaultButton>
{:else}
<DefaultButton on:click={selectAll} area-label="Select All ({$filteredChannels.length})">
<span class="inline">
<svg
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 24 24"
fill="currentColor"
class="w-5 h-5"
>
<path
fill-rule="evenodd"
d="M2.25 12c0-5.385 4.365-9.75 9.75-9.75s9.75 4.365 9.75 9.75-4.365 9.75-9.75 9.75S2.25 17.385 2.25 12zm13.36-1.814a.75.75 0 10-1.22-.872l-3.236 4.53L9.53 12.22a.75.75 0 00-1.06 1.06l2.25 2.25a.75.75 0 001.14-.094l3.75-5.25z"
clip-rule="evenodd"
/>
</svg>
</span>
<span class="hidden sm:inline">Select All ({$filteredChannels.length})</span>
</DefaultButton>
{/if}
</div>
<span class="hidden sm:inline">Select All ({$filteredChannels.length})</span>
</DefaultButton>
{/if}