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 02:50:07 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions

Adds Blocked & Closed labels to channel page

Browse source
This commit is contained in:
freearhey 2023-11-15 13:01:58 +03:00
parent 615205de86
commit 0d1f25899d
3 changed files with 63 additions and 19 deletions
Download patch file Download diff file Expand all files Collapse all files

6
src/components/ChannelItem.svelte
View file

@ -96,9 +96,10 @@
> >
{channel.displayName} {channel.displayName}
</a> </a>
<div class="flex space-x-2">
{#if channel.is_closed} {#if channel.is_closed}
<div <div
class="text-gray-500 border-[1px] border-gray-200 text-xs inline-flex items-center px-2.5 py-0.5 ml-1 mr-2 dark:text-gray-300 cursor-default rounded-full" class="text-gray-500 border-[1px] border-gray-200 text-xs inline-flex items-center px-2.5 py-0.5 dark:text-gray-300 cursor-default rounded-full"
title="closed: {channel.closed}" title="closed: {channel.closed}"
> >
Closed Closed
@ -106,13 +107,14 @@
{/if} {/if}
{#if channel.is_blocked} {#if channel.is_blocked}
<div <div
class="text-gray-500 border-[1px] border-gray-200 text-xs inline-flex items-center px-2.5 py-0.5 ml-1 mr-2 dark:text-gray-300 cursor-default rounded-full" class="text-gray-500 border-[1px] border-gray-200 text-xs inline-flex items-center px-2.5 py-0.5 dark:text-gray-300 cursor-default rounded-full"
title="The channel has been added to our blocklist due to the claim of the copyright holder" title="The channel has been added to our blocklist due to the claim of the copyright holder"
> >
Blocked Blocked
</div> </div>
{/if} {/if}
</div> </div>
</div>
{#if channel.alt_names.length} {#if channel.alt_names.length}
<div <div
class="text-sm text-gray-400 dark:text-gray-400 line-clamp-1" class="text-sm text-gray-400 dark:text-gray-400 line-clamp-1"

20
src/components/ChannelPopup.svelte
View file

@ -22,7 +22,27 @@
class="flex justify-between items-center py-3 pl-5 pr-4 rounded-t border-b dark:border-gray-700" class="flex justify-between items-center py-3 pl-5 pr-4 rounded-t border-b dark:border-gray-700"
> >
<div class="w-2/3 overflow-hidden"> <div class="w-2/3 overflow-hidden">
<div class="flex items-center space-x-3">
<h3 class="text-l font-medium text-gray-900 dark:text-white">{channel.displayName}</h3> <h3 class="text-l font-medium text-gray-900 dark:text-white">{channel.displayName}</h3>
<div class="flex space-x-2">
{#if channel.is_closed}
<div
class="text-gray-500 border-[1px] border-gray-200 text-xs inline-flex items-center px-2.5 py-0.5 dark:text-gray-300 cursor-default rounded-full h-6"
title="closed: {channel.closed}"
>
Closed
</div>
{/if}
{#if channel.is_blocked}
<div
class="text-gray-500 border-[1px] border-gray-200 text-xs inline-flex items-center px-2.5 py-0.5 dark:text-gray-300 cursor-default rounded-full h-6"
title="The channel has been added to our blocklist due to the claim of the copyright holder"
>
Blocked
</div>
{/if}
</div>
</div>
</div> </div>
<div class="inline-flex w-1/3 justify-end space-x-3 items-center"> <div class="inline-flex w-1/3 justify-end space-x-3 items-center">

26
src/pages/channels/[country]/[name]/+page.svelte
View file

@ -49,8 +49,30 @@
<div <div
class="flex justify-between items-center py-3 pl-5 pr-4 rounded-t border-b dark:border-gray-700" class="flex justify-between items-center py-3 pl-5 pr-4 rounded-t border-b dark:border-gray-700"
> >
<div class="w-1/3 overflow-hidden"> <div class="w-2/3 overflow-hidden">
<h1 class="text-l font-medium text-gray-900 dark:text-white">{channel.displayName}</h1> <div class="flex space-x-3">
<h1 class="text-l font-medium text-gray-900 dark:text-white">
{channel.displayName}
</h1>
<div class="flex items-center space-x-2">
{#if channel.is_closed}
<div
class="text-gray-500 border-[1px] border-gray-200 text-xs inline-flex items-center px-2.5 py-0.5 dark:text-gray-300 cursor-default rounded-full h-6"
title="closed: {channel.closed}"
>
Closed
</div>
{/if}
{#if channel.is_blocked}
<div
class="text-gray-500 border-[1px] border-gray-200 text-xs inline-flex items-center px-2.5 py-0.5 dark:text-gray-300 cursor-default rounded-full h-6"
title="The channel has been added to our blocklist due to the claim of the copyright holder"
>
Blocked
</div>
{/if}
</div>
</div>
</div> </div>
<div class="inline-flex w-1/3 justify-end space-x-3"> <div class="inline-flex w-1/3 justify-end space-x-3">
<EditButton {channel} /> <EditButton {channel} />