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

Merge pull request #2038 from iptv-org/patch-2025.02.2

Browse source 
Patch 2025.02.2
This commit is contained in:
Aleksandr Statciuk 2025-02-19 20:18:37 +03:00 • committed by GitHub
commit 0a172ae9c9
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
6 changed files with 51 additions and 49 deletions
Download patch file Download diff file Expand all files Collapse all files

28
src/components/ChannelGrid.svelte
View file

@ -2,22 +2,30 @@
import ChannelItem from './ChannelItem.svelte' import ChannelItem from './ChannelItem.svelte'
export let channels = [] export let channels = []
let limit = 100
$: channelsDisplay = channels.slice(0, limit)
function showMore() {
limit += 100
}
</script> </script>
<div class="flex flex-col"> <div class="flex flex-col bg-white dark:bg-gray-800">
<div class="overflow-y-auto scrollbar-hide"> <div class="overflow-y-auto scrollbar-hide">
<div class="inline-block min-w-full align-middle overflow-hidden"> <div class="inline-block min-w-full align-middle">
<div class="min-w-full divide-y divide-gray-200 dark:divide-gray-700"> <div class="min-w-full divide-y divide-gray-200 dark:divide-gray-700">
<div class="bg-gray-50 dark:bg-gray-700"> <div class="bg-gray-50 dark:bg-gray-700">
<div class="flex"> <div class="flex">
<div class="w-36 sm:w-52 shrink-0"></div> <div class="w-36 sm:w-[200px] shrink-0"></div>
<div <div
class="py-3 px-2 text-xs font-semibold tracking-wider text-left text-gray-400 uppercase dark:text-gray-400 w-52 sm:w-80 shrink-0" class="w-[216px] sm:w-80 py-3 px-2 text-xs font-semibold tracking-wider text-left text-gray-400 uppercase dark:text-gray-400 shrink-0"
> >
Name Name
</div> </div>
<div <div
class="py-3 px-2 text-xs font-semibold tracking-wider text-left text-gray-400 uppercase dark:text-gray-400 w-48 sm:w-80" class="w-52 sm:w-[280px] py-3 px-2 text-xs font-semibold tracking-wider text-left text-gray-400 uppercase dark:text-gray-400"
> >
ID ID
</div> </div>
@ -26,12 +34,18 @@
</div> </div>
</div> </div>
</div> </div>
<div class="bg-white dark:bg-gray-800"> <div>
{#each channels as channel (channel.id)} {#each channelsDisplay as channel (channel.id)}
<ChannelItem bind:channel /> <ChannelItem bind:channel />
{/each} {/each}
</div> </div>
</div> </div>
</div> </div>
</div> </div>
{#if channelsDisplay.length < channels.length}
<button
class="flex border-t border-gray-200 dark:border-gray-700 items-center justify-center h-12 w-full text-blue-500 dark:text-blue-400 hover:bg-gray-50 hover:dark:bg-gray-700 focus-visible:outline-0"
on:click={showMore}>Show More</button
>
{/if}
</div> </div>

12
src/components/ChannelItem.svelte
View file

@ -6,7 +6,7 @@
import Checkbox from './Checkbox.svelte' import Checkbox from './Checkbox.svelte'
import BlockedBadge from './BlockedBadge.svelte' import BlockedBadge from './BlockedBadge.svelte'
import ClosedBadge from './ClosedBadge.svelte' import ClosedBadge from './ClosedBadge.svelte'
import { downloadMode, selected, query } from '~/store' import { downloadMode, selected } from '~/store'
import { fade } from 'svelte/transition' import { fade } from 'svelte/transition'
export let channel export let channel
@ -81,7 +81,7 @@
<div <div
class="border-b last:border-b-0 border-gray-200 dark:border-gray-700 hover:bg-gray-50 hover:dark:bg-gray-700 h-16 flex items-center relative" class="border-b last:border-b-0 border-gray-200 dark:border-gray-700 hover:bg-gray-50 hover:dark:bg-gray-700 h-16 flex items-center relative"
> >
<div class="px-4 sm:pl-10 sm:pr-16 w-36 sm:w-52 flex shrink-0 items-center justify-center"> <div class="px-4 sm:pl-10 sm:pr-16 w-36 sm:w-[200px] flex shrink-0 items-center justify-center">
<div class="inline-flex items-center justify-center whitespace-nowrap overflow-hidden"> <div class="inline-flex items-center justify-center whitespace-nowrap overflow-hidden">
{#if channel.logo} {#if channel.logo}
<img <img
@ -94,7 +94,7 @@
{/if} {/if}
</div> </div>
</div> </div>
<div class="w-52 px-2 sm:w-80 shrink-0"> <div class="w-[216px] sm:w-80 px-2 shrink-0">
<div> <div>
<div class="text-left"> <div class="text-left">
<div class="flex space-x-2 items-center"> <div class="flex space-x-2 items-center">
@ -102,7 +102,7 @@
on:click|preventDefault={showChannelData} on:click|preventDefault={showChannelData}
href="/channels/{country}/{name}" href="/channels/{country}/{name}"
tabindex="0" tabindex="0"
class="font-normal text-gray-600 dark:text-white hover:underline hover:text-blue-500 line-clamp-1" class="font-normal text-gray-600 dark:text-white hover:underline hover:text-blue-500 truncate whitespace-nowrap"
title={channel.displayName} title={channel.displayName}
> >
{channel.displayName} {channel.displayName}
@ -127,7 +127,7 @@
</div> </div>
</div> </div>
</div> </div>
<div class="w-52 px-2 sm:w-80"> <div class="w-52 sm:w-[280px] px-2">
<div> <div>
<code <code
class="break-words text-sm text-gray-600 bg-gray-100 dark:text-gray-300 dark:bg-gray-700 px-2 py-1 rounded-sm select-all cursor-text font-mono" class="break-words text-sm text-gray-600 bg-gray-100 dark:text-gray-300 dark:bg-gray-700 px-2 py-1 rounded-sm select-all cursor-text font-mono"
@ -135,7 +135,7 @@
> >
</div> </div>
</div> </div>
<div class="w-40 px-6 sm:w-[150px]"> <div class="w-56 pr-5 sm:w-[206px]">
<div class="text-right flex justify-end space-x-3 items-center"> <div class="text-right flex justify-end space-x-3 items-center">
{#if guides.length} {#if guides.length}
<button <button

8
src/components/ChannelPopup.svelte
View file

@ -19,12 +19,12 @@
</script> </script>
<div <div
class="relative px-2 py-24 flex justify-center" class="relative px-2 pt-20 pb-24 flex justify-center"
role="presentation" role="presentation"
on:keypress on:keypress
on:click|self={close} on:click|self={close}
> >
<div class="relative bg-white rounded-md shadow dark:bg-gray-800 w-full max-w-[820px]"> <div class="relative bg-white rounded-lg shadow dark:bg-gray-800 w-full max-w-[820px]">
<div <div
class="flex justify-between items-center py-3 pl-5 pr-3 md:pr-4 rounded-t border-b dark:border-gray-700" class="flex justify-between items-center py-3 pl-5 pr-3 md:pr-4 rounded-t border-b dark:border-gray-700"
> >
@ -48,8 +48,8 @@
<CloseButton on:click={close} /> <CloseButton on:click={close} />
</div> </div>
</div> </div>
<div class="overflow-y-auto overflow-x-scroll w-full scrollbar-hide"> <div class="overflow-y-auto overflow-x-scroll max-w-full scrollbar-hide">
<div class="inline-table p-12 pt-10"> <div class="inline-table px-5 py-5 sm:py-10 sm:px-12">
<HTMLPreview data={channel} {close} /> <HTMLPreview data={channel} {close} />
</div> </div>
</div> </div>

39
src/components/HTMLPreview.svelte
View file

@ -86,17 +86,17 @@
} }
</script> </script>
<table class="table-fixed"> <table class="table-fixed w-full">
<tbody> <tbody>
{#each fieldset as field} {#each fieldset as field}
<tr> <tr class="overflow-hidden">
<td class="align-top w-[11rem]"> <td class="align-top w-[140px] sm:w-[180px]">
<div class="flex pr-4 pb-3 text-sm text-gray-500 whitespace-nowrap dark:text-gray-400"> <div class="flex pr-5 pb-3 text-sm text-gray-500 whitespace-nowrap dark:text-gray-400">
{field.name} {field.name}
</div> </div>
</td> </td>
<td class="align-top"> <td class="align-top w-full overflow-hidden">
<div class="flex pb-3 text-sm text-gray-800 dark:text-gray-100 flex-wrap"> <div class="flex pb-3 text-sm text-gray-800 dark:text-gray-100">
{#if field.type === 'image'} {#if field.type === 'image'}
<img <img
src={field.value} src={field.value}
@ -110,6 +110,7 @@
href="/?q={field.value.query}" href="/?q={field.value.query}"
on:click={() => close()} on:click={() => close()}
class="underline hover:text-blue-500" class="underline hover:text-blue-500"
title={field.value.label}
> >
{field.value.label} {field.value.label}
</a> </a>
@ -121,6 +122,7 @@
href="/?q={value.query}" href="/?q={value.query}"
on:click={() => close()} on:click={() => close()}
class="underline hover:text-blue-500" class="underline hover:text-blue-500"
title={value.label}
> >
{value.label} {value.label}
</a> </a>
@ -128,30 +130,15 @@
{:else if field.type === 'external_link'} {:else if field.type === 'external_link'}
<a <a
href={field.value} href={field.value}
class="underline hover:text-blue-500 inline-flex align-middle whitespace-nowrap" class="underline hover:text-blue-500 truncate"
target="_blank" target="_blank"
rel="noopener noreferrer" rel="noopener noreferrer"
>{field.value}<span title={field.value}>{field.value}</a
class="inline-flex items-center pl-1 text-sm font-semibold text-gray-400 rounded-full"
>
<svg
class="w-4 h-4"
fill="none"
stroke="currentColor"
viewBox="0 0 24 24"
xmlns="http://www.w3.org/2000/svg"
>
<path
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="2"
d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14"
/>
</svg>
</span></a
> >
{:else if field.name === 'id'}
<span class="truncate" title={field.value}>{field.value}</span>
{:else} {:else}
{field.value} <span title={field.value}>{field.value}</span>
{/if} {/if}
</div> </div>
</td> </td>

11
src/components/SearchSyntaxPopup.svelte
View file

@ -62,9 +62,9 @@
</h3> </h3>
<CloseButton on:click={close} /> <CloseButton on:click={close} />
</div> </div>
<div class="overflow-y-auto overflow-x-hidden w-full"> <div class="overflow-y-auto overflow-x-scroll w-full scrollbar-hide">
<div class="p-6 text-gray-800 dark:text-white"> <div class="text-gray-800 dark:text-white p-6 inline-block">
<table class="w-full"> <table>
<thead> <thead>
<tr> <tr>
<th class="border p-2 dark:border-gray-700 font-semibold">Query</th> <th class="border p-2 dark:border-gray-700 font-semibold">Query</th>
@ -74,13 +74,14 @@
<tbody class="text-left"> <tbody class="text-left">
{#each examples as example} {#each examples as example}
<tr class="even:bg-gray-50 even:dark:bg-gray-700"> <tr class="even:bg-gray-50 even:dark:bg-gray-700">
<td class="border dark:border-gray-700 px-3 py-3 whitespace-nowrap"> <td class="border dark:border-gray-700 px-3 py-3 whitespace-nowrap min-w-[220px]">
<code <code
class="break-words text-sm text-gray-600 bg-gray-100 dark:text-gray-300 dark:bg-gray-700 px-2 py-1 rounded-sm select-all cursor-text font-mono" class="break-words text-sm text-gray-600 bg-gray-100 dark:text-gray-300 dark:bg-gray-700 px-2 py-1 rounded-sm select-all cursor-text font-mono"
>{example.query}</code >{example.query}</code
> >
</td> </td>
<td class="border dark:border-gray-700 px-4 py-3">{example.result}</td> <td class="border dark:border-gray-700 px-4 py-3 min-w-[260px]">{example.result}</td
>
</tr> </tr>
{/each} {/each}
</tbody> </tbody>

2
src/components/StreamItem.svelte
View file

@ -18,7 +18,7 @@
<div class="flex space-x-3 items-center max-w-[90%] w-full"> <div class="flex space-x-3 items-center max-w-[90%] w-full">
<ExpandButton on:click={event => (expanded = event.detail.state)} /> <ExpandButton on:click={event => (expanded = event.detail.state)} />
<a <a
class="whitespace-nowrap text-sm text-gray-600 dark:text-gray-100 hover:text-blue-500 hover:underline inline-flex align-middle max-w-[85%] w-full" class="whitespace-nowrap text-sm text-gray-600 dark:text-gray-100 hover:text-blue-500 hover:underline inline-flex align-middle max-w-[80%] w-full"
href={stream.url} href={stream.url}
title={stream.url} title={stream.url}
target="_blank" target="_blank"