IPTV/web
1
0
Fork 0
Code Issues 7 Pull Requests Actions Projects Wiki Activity

Compare commits

base: IPTV:c47481795be5ced949dcd8a8f590bf2ee1a9619b
Branches Tags
IPTV:master IPTV:refactor3 IPTV:restyle
...
compare: IPTV:ba8d59644ce35965f1c17a1e11e0c52abfaa0443
Branches Tags
IPTV:master IPTV:refactor3 IPTV:restyle

3 Commits
c47481795b ... ba8d59644c

Author SHA1 Message Date
AnthonyAxenov
ba8d59644c Мелочи по косметике 
- вывод деталей о листе только при онлайн статусе
- копирование ссылки без промпта
- мелочи по подсказкам к разным элементам
 2025-10-29 00:40:47 +08:00
AnthonyAxenov
3b0e1d8f18 Первичная проверка стабильности плейлистов/каналов 2025-10-28 11:32:25 +08:00
AnthonyAxenov
a93e427bb0 Корректировка копирайтов 2025-10-28 11:24:47 +08:00
23 changed files with 391 additions and 226 deletions
Expand all files Collapse all files

2
app/Controllers/ApiController.php
View File

@@ -1,7 +1,7 @@
<?php <?php
/* /*
* Copyright (c) 2025, Антон Аксенов * Copyright (c) 2025, Антон Аксенов
* This file is part of iptv.axenov.dev web interface * This file is part of m3u.su project
* MIT License: https://git.axenov.dev/IPTV/web/src/branch/master/LICENSE * MIT License: https://git.axenov.dev/IPTV/web/src/branch/master/LICENSE
*/ */

2
app/Controllers/BasicController.php
View File

@@ -1,7 +1,7 @@
<?php <?php
/* /*
* Copyright (c) 2025, Антон Аксенов * Copyright (c) 2025, Антон Аксенов
* This file is part of iptv.axenov.dev web interface * This file is part of m3u.su project
* MIT License: https://git.axenov.dev/IPTV/web/src/branch/master/LICENSE * MIT License: https://git.axenov.dev/IPTV/web/src/branch/master/LICENSE
*/ */

2
app/Controllers/BotController.php
View File

@@ -1,7 +1,7 @@
<?php <?php
/* /*
* Copyright (c) 2025, Антон Аксенов * Copyright (c) 2025, Антон Аксенов
* This file is part of iptv.axenov.dev web interface * This file is part of m3u.su project
* MIT License: https://git.axenov.dev/IPTV/web/src/branch/master/LICENSE * MIT License: https://git.axenov.dev/IPTV/web/src/branch/master/LICENSE
*/ */

2
app/Controllers/WebController.php
View File

@@ -1,7 +1,7 @@
<?php <?php
/* /*
* Copyright (c) 2025, Антон Аксенов * Copyright (c) 2025, Антон Аксенов
* This file is part of iptv.axenov.dev web interface * This file is part of m3u.su project
* MIT License: https://git.axenov.dev/IPTV/web/src/branch/master/LICENSE * MIT License: https://git.axenov.dev/IPTV/web/src/branch/master/LICENSE
*/ */

2
app/Core/Bot.php
View File

@@ -1,7 +1,7 @@
<?php <?php
/* /*
* Copyright (c) 2025, Антон Аксенов * Copyright (c) 2025, Антон Аксенов
* This file is part of iptv.axenov.dev web interface * This file is part of m3u.su project
* MIT License: https://git.axenov.dev/IPTV/web/src/branch/master/LICENSE * MIT License: https://git.axenov.dev/IPTV/web/src/branch/master/LICENSE
*/ */

55
app/Core/IniFile.php
View File

@@ -1,7 +1,7 @@
<?php <?php
/* /*
* Copyright (c) 2025, Антон Аксенов * Copyright (c) 2025, Антон Аксенов
* This file is part of iptv.axenov.dev web interface * This file is part of m3u.su project
* MIT License: https://git.axenov.dev/IPTV/web/src/branch/master/LICENSE * MIT License: https://git.axenov.dev/IPTV/web/src/branch/master/LICENSE
*/ */
@@ -126,16 +126,63 @@ class IniFile
} }
$data['hasCatchup'] = str_contains($data['content'] ?? '', 'catchup'); $data['hasCatchup'] = str_contains($data['content'] ?? '', 'catchup');
$data['hasTvg'] = !empty($data['attributes']['url-tvg']) $data['hasTvg'] = !empty($data['attributes']['url-tvg']) || !empty($data['attributes']['x-tvg-url']);
|| !empty($data['attributes']['x-tvg-url']); $data['hasTokens'] = $this->hasTokens($data);
$data['tags'] = []; $data['tags'] = [];
foreach ($data['channels'] as $channel) { foreach ($data['channels'] as &$channel) {
$data['tags'] = array_merge($data['tags'], $channel['tags']); $data['tags'] = array_merge($data['tags'], $channel['tags']);
$channel['hasToken'] = $this->hasTokens($channel);
} }
$data['tags'] = array_values(array_unique($data['tags'])); $data['tags'] = array_values(array_unique($data['tags']));
sort($data['tags']); sort($data['tags']);
return $data; return $data;
} }
/**
* Проверяет наличие токенов в плейлисте
*
* Сделано именно так, а не через тег unstable, чтобы разделить логику: есть заведомо нестабильные каналы,
* которые могут не транслироваться круглосуточно, а есть платные круглосуточные, которые могут оборваться
* в любой момент.
*
* @param array $data
* @return bool
*/
protected function hasTokens(array $data): bool
{
$string = ($data['url'] ?? '') . ($data['content'] ?? '');
if (empty($string)) {
return false;
}
$badAttributes = [
// токены и ключи
'[?&]token=',
'[?&]drmreq=',
// логины
'[?&]u=',
'[?&]user=',
'[?&]username=',
// пароли
'[?&]p=',
'[?&]pwd=',
'[?&]password=',
// неизвестные
// 'free=true',
// 'uid=',
// 'c_uniq_tag=',
// 'rlkey=',
// '?s=',
// '&s=',
// '?q=',
// '&q=',
];
return array_any(
$badAttributes,
static fn (string $badAttribute) => preg_match_all("/$badAttribute/", $string) >= 1,
);
}
} }

2
app/Core/Kernel.php
View File

@@ -1,7 +1,7 @@
<?php <?php
/* /*
* Copyright (c) 2025, Антон Аксенов * Copyright (c) 2025, Антон Аксенов
* This file is part of iptv.axenov.dev web interface * This file is part of m3u.su project
* MIT License: https://git.axenov.dev/IPTV/web/src/branch/master/LICENSE * MIT License: https://git.axenov.dev/IPTV/web/src/branch/master/LICENSE
*/ */

4
app/Core/TwigExtention.php
View File

@@ -1,7 +1,7 @@
<?php <?php
/* /*
* Copyright (c) 2025, Антон Аксенов * Copyright (c) 2025, Антон Аксенов
* This file is part of iptv.axenov.dev web interface * This file is part of m3u.su project
* MIT License: https://git.axenov.dev/IPTV/web/src/branch/master/LICENSE * MIT License: https://git.axenov.dev/IPTV/web/src/branch/master/LICENSE
*/ */
@@ -86,6 +86,6 @@ class TwigExtention extends AbstractExtension
*/ */
public function toDate(?float $timestamp, string $format = 'd.m.Y H:i:s'): string public function toDate(?float $timestamp, string $format = 'd.m.Y H:i:s'): string
{ {
return $timestamp === null ? '(неизвестно)' : date($format, (int)$timestamp); return $timestamp === null ? '' : date($format, (int)$timestamp);
} }
} }

2
app/Errors/ErrorHandler.php
View File

@@ -1,7 +1,7 @@
<?php <?php
/* /*
* Copyright (c) 2025, Антон Аксенов * Copyright (c) 2025, Антон Аксенов
* This file is part of iptv.axenov.dev web interface * This file is part of m3u.su project
* MIT License: https://git.axenov.dev/IPTV/web/src/branch/master/LICENSE * MIT License: https://git.axenov.dev/IPTV/web/src/branch/master/LICENSE
*/ */

2
app/Errors/InvalidTelegramSecretException.php
View File

@@ -1,7 +1,7 @@
<?php <?php
/* /*
* Copyright (c) 2025, Антон Аксенов * Copyright (c) 2025, Антон Аксенов
* This file is part of iptv.axenov.dev web interface * This file is part of m3u.su project
* MIT License: https://git.axenov.dev/IPTV/web/src/branch/master/LICENSE * MIT License: https://git.axenov.dev/IPTV/web/src/branch/master/LICENSE
*/ */

2
app/Errors/PlaylistNotFoundException.php
View File

@@ -1,7 +1,7 @@
<?php <?php
/* /*
* Copyright (c) 2025, Антон Аксенов * Copyright (c) 2025, Антон Аксенов
* This file is part of iptv.axenov.dev web interface * This file is part of m3u.su project
* MIT License: https://git.axenov.dev/IPTV/web/src/branch/master/LICENSE * MIT License: https://git.axenov.dev/IPTV/web/src/branch/master/LICENSE
*/ */

2
app/helpers.php
View File

@@ -1,7 +1,7 @@
<?php <?php
/* /*
* Copyright (c) 2025, Антон Аксенов * Copyright (c) 2025, Антон Аксенов
* This file is part of iptv.axenov.dev web interface * This file is part of m3u.su project
* MIT License: https://git.axenov.dev/IPTV/web/src/branch/master/LICENSE * MIT License: https://git.axenov.dev/IPTV/web/src/branch/master/LICENSE
*/ */

2
config/app.php
View File

@@ -1,7 +1,7 @@
<?php <?php
/* /*
* Copyright (c) 2025, Антон Аксенов * Copyright (c) 2025, Антон Аксенов
* This file is part of iptv.axenov.dev web interface * This file is part of m3u.su project
* MIT License: https://git.axenov.dev/IPTV/web/src/branch/master/LICENSE * MIT License: https://git.axenov.dev/IPTV/web/src/branch/master/LICENSE
*/ */

2
config/bot.php
View File

@@ -1,7 +1,7 @@
<?php <?php
/* /*
* Copyright (c) 2025, Антон Аксенов * Copyright (c) 2025, Антон Аксенов
* This file is part of iptv.axenov.dev web interface * This file is part of m3u.su project
* MIT License: https://git.axenov.dev/IPTV/web/src/branch/master/LICENSE * MIT License: https://git.axenov.dev/IPTV/web/src/branch/master/LICENSE
*/ */

2
config/cache.php
View File

@@ -1,7 +1,7 @@
<?php <?php
/* /*
* Copyright (c) 2025, Антон Аксенов * Copyright (c) 2025, Антон Аксенов
* This file is part of iptv.axenov.dev web interface * This file is part of m3u.su project
* MIT License: https://git.axenov.dev/IPTV/web/src/branch/master/LICENSE * MIT License: https://git.axenov.dev/IPTV/web/src/branch/master/LICENSE
*/ */

2
config/routes.php
View File

@@ -1,7 +1,7 @@
<?php <?php
/* /*
* Copyright (c) 2025, Антон Аксенов * Copyright (c) 2025, Антон Аксенов
* This file is part of iptv.axenov.dev web interface * This file is part of m3u.su project
* MIT License: https://git.axenov.dev/IPTV/web/src/branch/master/LICENSE * MIT License: https://git.axenov.dev/IPTV/web/src/branch/master/LICENSE
*/ */

2
config/twig.php
View File

@@ -1,7 +1,7 @@
<?php <?php
/* /*
* Copyright (c) 2025, Антон Аксенов * Copyright (c) 2025, Антон Аксенов
* This file is part of iptv.axenov.dev web interface * This file is part of m3u.su project
* MIT License: https://git.axenov.dev/IPTV/web/src/branch/master/LICENSE * MIT License: https://git.axenov.dev/IPTV/web/src/branch/master/LICENSE
*/ */

6
public/favicon/favicon.svg
View File

File diff suppressed because one or more lines are too long
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 14 KiB

After

Width:  |  Height:  |  Size: 15 KiB

2
public/index.php
View File

@@ -1,7 +1,7 @@
<?php <?php
/* /*
* Copyright (c) 2025, Антон Аксенов * Copyright (c) 2025, Антон Аксенов
* This file is part of iptv.axenov.dev web interface * This file is part of m3u.su project
* MIT License: https://git.axenov.dev/IPTV/web/src/branch/master/LICENSE * MIT License: https://git.axenov.dev/IPTV/web/src/branch/master/LICENSE
*/ */

383
views/details.twig
View File

@@ -1,6 +1,6 @@
{########################################################################### {###########################################################################
# Copyright (c) 2025, Антон Аксенов # Copyright (c) 2025, Антон Аксенов
# This file is part of iptv.axenov.dev web interface # This file is part of m3u.su project
# MIT License: https://git.axenov.dev/IPTV/web/src/branch/master/LICENSE # MIT License: https://git.axenov.dev/IPTV/web/src/branch/master/LICENSE
###########################################################################} ###########################################################################}
@@ -31,7 +31,7 @@
{% block header %} {% block header %}
<h2>О плейлисте: {{ playlist.name }}</h2> <h2>О плейлисте: {{ playlist.name }}</h2>
{% if playlist.isOnline is same as(false) %} {% if playlist.isOnline is same as (false) %}
<div class="alert alert-danger small" role="alert"> <div class="alert alert-danger small" role="alert">
Ошибка плейлиста: {{ playlist.content }} Ошибка плейлиста: {{ playlist.content }}
</div> </div>
@@ -80,18 +80,19 @@
<tr> <tr>
<th class="w-25" scope="row">Код</th> <th class="w-25" scope="row">Код</th>
<th class="text-break"> <th class="text-break">
{% if playlist.isOnline is same as(true) %} <span class="pe-3 font-monospace">{{ playlist.code }}</span>
<span class="font-monospace text-success">{{ playlist.code }}</span> {% if playlist.isOnline is same as (true) %}
<span class="badge small text-dark bg-success">online</span> <span class="cursor-help badge small text-dark bg-success"
{% elseif playlist.isOnline is same as(false) %} title="Вероятно, работает"
<span class="font-monospace text-danger">{{ playlist.code }}</span> >online</span>
<span class="badge small text-dark bg-danger">offline</span> {% elseif playlist.isOnline is same as (false) %}
{% elseif playlist.isOnline is same as(null) %} <span class="cursor-help badge small text-dark bg-danger"
<span class="font-monospace">{{ playlist.code }}</span> title="Вероятно, не работает"
<span class="badge small text-dark bg-secondary" title="Не проверялся">unknown</span> >offline</span>
{% endif %} {% elseif playlist.isOnline is same as (null) %}
{% if "adult" in playlist.tags %} <span class="cursor-help badge small text-dark bg-secondary"
<span class="badge small bg-warning text-dark" title="Есть каналы для взрослых!">18+</span> title="Не проверялся"
>unknown</span>
{% endif %} {% endif %}
</th> </th>
</tr> </tr>
@@ -102,11 +103,13 @@
<tr> <tr>
<th scope="row">Ccылка для ТВ</th> <th scope="row">Ccылка для ТВ</th>
<td> <td>
<b onclick="prompt('Скопируй адрес плейлиста. Если не работает, добавь \'.m3u\' в конец.', '{{ base_url(playlist.code) }}')" <span onclick="copyPlaylistUrl('{{ playlist.code }}')"
data-bs-toggle="tooltip" class="cursor-pointer"
data-bs-placement="top" title="Нажми на ссылку, чтобы скопировать её в буфер обмена"
title="Нажми на ссылку, чтобы скопировать её в буфер обмена" >
class="font-monospace cursor-pointer text-break">{{ base_url(playlist.code) }}</b> <b class="cursor-pointer font-monospace text-break">{{ base_url(playlist.code) }}</b>
<ion-icon name="copy-outline"></ion-icon>
</span>
</td> </td>
</tr> </tr>
<tr> <tr>
@@ -116,18 +119,37 @@
<tr> <tr>
<th scope="row">Наполнение</th> <th scope="row">Наполнение</th>
<td class="text-break"> <td class="text-break">
<ion-icon name="folder-open-outline"></ion-icon>&nbsp;группы:&nbsp;{{ playlist.groups|length }}<br> {% if playlist.isOnline is same as (true) %}
<ion-icon name="videocam-outline"></ion-icon>&nbsp;каналы:&nbsp;{{ playlist.channels|length }}: {% if playlist.hasTokens is same as (true) %}
<span class="text-success" <span class="cursor-help badge bg-info text-dark">
>{{ playlist.onlineCount }} ({{ playlist.onlinePercent }}%)</span>&nbsp;+&nbsp;<span class="text-danger" <ion-icon name="paw"></ion-icon>
>{{ playlist.offlineCount }} ({{ playlist.offlinePercent }}%)</span> </span>&nbsp;могут быть нестабильные каналы<br>
{% endif %}
{% if "adult" in playlist.tags %}
<span class="cursor-help badge small bg-warning text-dark">18+</span>&nbsp;есть каналы для взрослых<br>
{% endif %}
<ion-icon name="folder-open-outline"></ion-icon>&nbsp;группы: {{ playlist.groups|length }}<br>
<ion-icon name="videocam-outline"></ion-icon>&nbsp;каналы:
<span class="cursor-help text-success" title="Возможно, рабочие каналы">
{{ playlist.onlineCount }} ({{ playlist.onlinePercent }}%)
</span>
+
<span class="cursor-help text-danger" title="Возможно, НЕрабочие каналы">
{{ playlist.offlineCount }} ({{ playlist.offlinePercent }}%)
</span>
= {{ playlist.channels|length }}
{% endif %}
</td> </td>
</tr> </tr>
<tr> <tr>
<th scope="row">Возможности</th> <th scope="row">Возможности</th>
<td class="text-break"> <td class="text-break">
<ion-icon name="newspaper-outline"></ion-icon>&nbsp;Программа передач:&nbsp;{{ playlist.hasTvg ? 'есть' : 'нет' }}<br> {% if playlist.isOnline is same as (true) %}
<ion-icon name="play-back"></ion-icon>&nbsp;Перемотка&nbsp;(архив):&nbsp;{{ playlist.hasCatchup ? 'есть' : 'нет' }} <ion-icon name="newspaper-outline"></ion-icon>&nbsp;Программа передач:&nbsp;{{ playlist.hasTvg ? 'есть' : 'нет' }}<br>
<ion-icon name="play-back"></ion-icon>&nbsp;Перемотка&nbsp;(архив):&nbsp;{{ playlist.hasCatchup ? 'есть' : 'нет' }}
{% endif %}
</td> </td>
</tr> </tr>
<tr class="text-secondary"> <tr class="text-secondary">
@@ -142,7 +164,7 @@
</span> </span>
</td> </td>
</tr> </tr>
{% if playlist.isOnline is same as(false) %} {% if playlist.isOnline is same as (false) %}
<tr class="text-secondary"> <tr class="text-secondary">
<th class="w-25" scope="row">Ошибка проверки</th> <th class="w-25" scope="row">Ошибка проверки</th>
<td class="text-break">{{ playlist.content }}</td> <td class="text-break">{{ playlist.content }}</td>
@@ -286,7 +308,7 @@
<div class="input-group"> <div class="input-group">
<input type="text" <input type="text"
id="search-field" id="search-field"
class="form-control form-control-sm border-secondary bg-dark text-light fuzzy-search" class="cursor-help form-control form-control-sm border-secondary bg-dark text-light fuzzy-search"
placeholder="Поиск каналов..." placeholder="Поиск каналов..."
title="Начни вводить название" title="Начни вводить название"
/> />
@@ -345,17 +367,17 @@
<div class="my-3"> <div class="my-3">
{% for tag in playlist.tags %} {% for tag in playlist.tags %}
<input type="checkbox" <input type="checkbox"
class="btn-check" class="btn-check"
id="btn-tag-{{ tag }}" id="btn-tag-{{ tag }}"
data-tag="{{ tag }}" data-tag="{{ tag }}"
autocomplete="off" autocomplete="off"
onclick="updateFilter()" onclick="updateFilter()"
> >
<label class="badge btn btn-sm btn-outline-secondary rounded-pill" <label class="badge btn btn-sm btn-outline-secondary rounded-pill"
for="btn-tag-{{ tag }}" for="btn-tag-{{ tag }}"
title="Нажми для фильтрации каналов по тегу, нажми ещё раз чтобы снять фильтр" title="Нажми для фильтрации каналов по тегу, нажми ещё раз чтобы снять фильтр"
>#{{ tag }}</label> >#{{ tag }}</label>
{% endfor %} {% endfor %}
</div> </div>
</div> </div>
@@ -365,65 +387,86 @@
<table id="chlist" class="table table-dark table-hover small"> <table id="chlist" class="table table-dark table-hover small">
<tbody class="list"> <tbody class="list">
{% for channel in playlist.channels %} {% for channel in playlist.channels %}
<tr class="chrow" <tr class="chrow"
data-id="{{ channel.id }}" data-id="{{ channel.id }}"
data-group="{{ channel.groupId ?? 'all' }}" data-group="{{ channel.groupId ?? 'all' }}"
data-online="{{ channel.isOnline ? 1 : 0 }}" data-online="{{ channel.isOnline ? 1 : 0 }}"
data-chtags="{{ channel.tags|join('|') }}" data-chtags="{{ channel.tags|join('|') }}"
title="&#010;HTTP: {{ channel.status ?: '(неизвестно)' }}&#010;Error: {{ channel.error ?: '(нет)' }}" title="&#010;HTTP: {{ channel.status ?: '(неизвестно)' }}&#010;Error: {{ channel.error ?: '(нет)' }}"
> >
<td class="chindex">{{ loop.index }}</td> <td class="chindex">{{ loop.index }}</td>
<td class="chlogo text-center"> <td class="chlogo text-center">
{% if (channel.attributes['tvg-logo']) %} {% if (channel.attributes['tvg-logo']) %}
<img class="tvg-logo" <img class="tvg-logo"
alt="Логотип канала '{{ channel.title }}'" alt="Логотип канала '{{ channel.title }}'"
title="Логотип канала '{{ channel.title }}'" title="Логотип канала '{{ channel.title }}'"
src="{{ channel.attributes['tvg-logo'] }}" src="{{ channel.attributes['tvg-logo'] }}"
onerror="setDefaultLogo(this)" onerror="setDefaultLogo(this)"
/> />
{% else %} {% else %}
<img class="tvg-logo" <img class="tvg-logo"
alt="Нет логотипа для канала '{{ channel.title }}'" alt="Нет логотипа для канала '{{ channel.title }}'"
title="Нет логотипа для канала '{{ channel.title }}'" title="Нет логотипа для канала '{{ channel.title }}'"
src="/no-tvg-logo.png" src="/no-tvg-logo.png"
/> />
{% endif %} {% endif %}
</td> </td>
<td class="text-break"> <td class="text-break">
<ion-icon name="radio-button-on-outline" {% if channel.isOnline is same as (true) %}
{% if (channel.isOnline) %} <ion-icon name="radio-button-on-outline"
class="me-1 text-success" class="cursor-help me-1 text-success"
title="Состояние: онлайн" title="Состояние: онлайн (возможно, работает прямо сейчас)"
{% else %} ></ion-icon>
class="me-1 text-danger" {% else %}
title="Состояние: оффлайн" <ion-icon name="radio-button-on-outline"
{% endif %} class="cursor-help me-1 text-danger"
title="Состояние: оффлайн (не работал в момент проверки или не удалось проверить)"
></ion-icon>
{% endif %}
></ion-icon>{% if "adult" in channel.tags %} {% if "adult" in channel.tags %}
<span class="badge small bg-warning text-dark" title="Канал для взрослых!">18+</span> <span class="badge small bg-warning text-dark"
{% endif %}<span class="chname">{{ channel.title }}</span> title="Канал для взрослых!"
<div class="text-secondary small"> >18+</span>
{% if (channel.attributes['tvg-id']) %} {% endif %}
<div title="tvg-id">
<ion-icon name="star-outline" class="me-1"></ion-icon>&nbsp;{{ channel.attributes['tvg-id'] }} {% if channel.hasToken is same as (true) %}
</div> <span class="cursor-help badge small bg-info text-dark"
{% endif %} title="Может быть нестабилен"
{% if (channel.contentType != null) %} >
<div title="MIME type"> <ion-icon name="paw"></ion-icon>
<ion-icon name="eye-outline" class="me-1"></ion-icon>&nbsp;{{ channel.contentType }} </span>
</div> {% endif %}
{% endif %}
{% if channel.tags|length > 0 %} <span class="chname">{{ channel.title }}</span>
<ion-icon name="pricetag-outline" class="me-1"></ion-icon>
{% for tag in channel.tags %} <div class="text-secondary small">
<span class="chtag">#{{ tag }}</span> {% if (channel.attributes['tvg-id']) %}
{% endfor %} <div title="Идентификатор канала для телепрограммы (tvg-id)" class="cursor-help">
{% endif %} <ion-icon name="star-outline" class="me-1"></ion-icon>&nbsp;{{ channel.attributes['tvg-id'] }}
</div> </div>
</td> {% endif %}
</tr>
{% if (channel.contentType != null) %}
<div title="Тип контента (mime-type)" class="cursor-help">
<ion-icon name="eye-outline" class="me-1"></ion-icon>&nbsp;{{ channel.contentType }}
</div>
{% endif %}
{% if channel.tags|length > 0 %}
<ion-icon name="pricetag-outline"
class="cursor-help me-1"
title="Теги"
></ion-icon>
{% for tag in channel.tags %}
<span class="chtag">#{{ tag }}</span>
{% endfor %}
{% endif %}
</div>
</td>
</tr>
{% endfor %} {% endfor %}
</tbody> </tbody>
</table> </table>
@@ -434,84 +477,84 @@
{% endblock %} {% endblock %}
{% block footer %} {% block footer %}
<script src="/js/list.min.js"></script> <script src="/js/list.min.js"></script>
<script> <script>
const options = { const options = {
valueNames: [ valueNames: [
'chname', 'chname',
{data: ['online', 'group', 'tag', 'chtags']} {data: ['online', 'group', 'tag', 'chtags']}
], ],
}; };
const list = new List('chlist', options) const list = new List('chlist', options)
list.on('updated', (data) => document.getElementById('chcount').innerText = data.visibleItems.length) list.on('updated', (data) => document.getElementById('chcount').innerText = data.visibleItems.length)
document.getElementById('search-field').addEventListener('keyup', (e) => list.search(e.target.value)) document.getElementById('search-field').addEventListener('keyup', (e) => list.search(e.target.value))
document.addEventListener("DOMContentLoaded", () => { document.addEventListener("DOMContentLoaded", () => {
const alert = document.getElementById("toomuchalert"); const alert = document.getElementById("toomuchalert");
!!alert && alert.remove() !!alert && alert.remove()
}); });
function savePlaylist() { function savePlaylist() {
const link = document.createElement("a"); const link = document.createElement("a");
const content = document.getElementById("m3u-raw").value const content = document.getElementById("m3u-raw").value
const file = new Blob([content], { type: 'text/plain' }); const file = new Blob([content], { type: 'text/plain' });
link.href = URL.createObjectURL(file); link.href = URL.createObjectURL(file);
link.download = "{{ playlist.code }}.m3u8"; link.download = "{{ playlist.code }}.m3u8";
link.click(); link.click();
URL.revokeObjectURL(link.href); URL.revokeObjectURL(link.href);
}
function resetGroup() {
document.getElementById('groupSelector').value = 'all'
updateFilter()
}
function resetSearch() {
list.search('')
document.getElementById('search-field').value = ''
document.getElementById('chfAll').checked = true
document.querySelectorAll('input[id*="btn-tag-"]:checked').forEach(tag => tag.checked = false)
updateFilter()
}
function updateFilter() {
const groupHash = document.getElementById('groupSelector')?.value ?? 'all';
const tagsElements = document.querySelectorAll('input[id*="btn-tag-"]:checked')
const tagsSelected = []
tagsElements.forEach(tag => tagsSelected.push(tag.attributes['data-tag'].value));
const activeType = document.querySelector('input[name="chFilter"]:checked').id;
switch (activeType) {
case 'chfAll':
list.filter(item => {
const chTags = item.values().chtags.split('|');
const isGroupValid = item.values().group === groupHash || groupHash === 'all';
const tagsIntersection = tagsSelected.filter(tagSelected => chTags.includes(tagSelected));
const hasValidTags = tagsIntersection.length > 0 || tagsSelected.length === 0;
return isGroupValid && hasValidTags;
})
break
case 'chfOnline':
list.filter(item => {
const isOnline = item.values().online === '1'
const chTags = item.values().chtags.split('|');
const isGroupValid = item.values().group === groupHash || groupHash === 'all';
const tagsIntersection = tagsSelected.filter(tagSelected => chTags.includes(tagSelected));
const hasValidTags = tagsIntersection.length > 0 || tagsSelected.length === 0;
return isGroupValid && isOnline && hasValidTags
})
break
case 'chfOffline':
list.filter(item => {
const isOffline = item.values().online === '0'
const chTags = item.values().chtags.split('|');
const isGroupValid = item.values().group === groupHash || groupHash === 'all';
const tagsIntersection = tagsSelected.filter(tagSelected => chTags.includes(tagSelected));
const hasValidTags = tagsIntersection.length > 0 || tagsSelected.length === 0;
return isGroupValid && isOffline && hasValidTags
})
break
} }
}
function resetGroup() { </script>
document.getElementById('groupSelector').value = 'all'
updateFilter()
}
function resetSearch() {
list.search('')
document.getElementById('search-field').value = ''
document.getElementById('chfAll').checked = true
document.querySelectorAll('input[id*="btn-tag-"]:checked').forEach(tag => tag.checked = false)
updateFilter()
}
function updateFilter() {
const groupHash = document.getElementById('groupSelector')?.value ?? 'all';
const tagsElements = document.querySelectorAll('input[id*="btn-tag-"]:checked')
const tagsSelected = []
tagsElements.forEach(tag => tagsSelected.push(tag.attributes['data-tag'].value));
const activeType = document.querySelector('input[name="chFilter"]:checked').id;
switch (activeType) {
case 'chfAll':
list.filter(item => {
const chTags = item.values().chtags.split('|');
const isGroupValid = item.values().group === groupHash || groupHash === 'all';
const tagsIntersection = tagsSelected.filter(tagSelected => chTags.includes(tagSelected));
const hasValidTags = tagsIntersection.length > 0 || tagsSelected.length === 0;
return isGroupValid && hasValidTags;
})
break
case 'chfOnline':
list.filter(item => {
const isOnline = item.values().online === '1'
const chTags = item.values().chtags.split('|');
const isGroupValid = item.values().group === groupHash || groupHash === 'all';
const tagsIntersection = tagsSelected.filter(tagSelected => chTags.includes(tagSelected));
const hasValidTags = tagsIntersection.length > 0 || tagsSelected.length === 0;
return isGroupValid && isOnline && hasValidTags
})
break
case 'chfOffline':
list.filter(item => {
const isOffline = item.values().online === '0'
const chTags = item.values().chtags.split('|');
const isGroupValid = item.values().group === groupHash || groupHash === 'all';
const tagsIntersection = tagsSelected.filter(tagSelected => chTags.includes(tagSelected));
const hasValidTags = tagsIntersection.length > 0 || tagsSelected.length === 0;
return isGroupValid && isOffline && hasValidTags
})
break
}
}
</script>
{% endblock %} {% endblock %}

78
views/list.twig
View File

@@ -1,6 +1,6 @@
{########################################################################### {###########################################################################
# Copyright (c) 2025, Антон Аксенов # Copyright (c) 2025, Антон Аксенов
# This file is part of iptv.axenov.dev web interface # This file is part of m3u.su project
# MIT License: https://git.axenov.dev/IPTV/web/src/branch/master/LICENSE # MIT License: https://git.axenov.dev/IPTV/web/src/branch/master/LICENSE
###########################################################################} ###########################################################################}
@@ -11,27 +11,27 @@
{% block metakeywords %}самообновляемые,бесплатные,iptv-плейлисты,iptv,плейлисты{% endblock %} {% block metakeywords %}самообновляемые,бесплатные,iptv-плейлисты,iptv,плейлисты{% endblock %}
{% block head %} {% block head %}
<style> <style>
.card {transition: box-shadow .2s, transform .2s} .card {transition: box-shadow .2s, transform .2s}
.card.hover-success:hover {transform: translateY(-7px); box-shadow: rgba(var(--bs-success-rgb), 1) 0 5px 20px -5px} .card.hover-success:hover {transform: translateY(-7px); box-shadow: rgba(var(--bs-success-rgb), 1) 0 5px 20px -5px}
.card.hover-danger:hover {transform: translateY(-7px); box-shadow: rgba(var(--bs-danger-rgb), 1) 0 5px 20px -5px} .card.hover-danger:hover {transform: translateY(-7px); box-shadow: rgba(var(--bs-danger-rgb), 1) 0 5px 20px -5px}
.card.hover-secondary:hover {transform: translateY(-7px); box-shadow: rgba(var(--bs-secondary-rgb), 1) 0 5px 20px -5px} .card.hover-secondary:hover {transform: translateY(-7px); box-shadow: rgba(var(--bs-secondary-rgb), 1) 0 5px 20px -5px}
</style> </style>
<script> <script>
function setDefaultLogo(imgtag) { function setDefaultLogo(imgtag) {
imgtag.onerror = null imgtag.onerror = null
imgtag.src = '/no-tvg-logo.png' imgtag.src = '/no-tvg-logo.png'
} }
</script> </script>
{% endblock %} {% endblock %}
{% block header %} {% block header %}
<div class="d-flex flex-wrap justify-content-between align-items-center mb-4"> <div class="d-flex flex-wrap justify-content-between align-items-center mb-4">
<div class="mb-2"> <div class="mb-2">
<h2 class="mb-0">Список плейлистов ({{ count }})</h2> <h2 class="mb-0">Список плейлистов ({{ count }})</h2>
<div class="text-muted small">Изменён {{ updatedAt }} МСК</div> <div class="text-muted small">Изменён {{ updatedAt }} МСК</div>
</div>
</div> </div>
</div>
{% endblock %} {% endblock %}
{% block content %} {% block content %}
@@ -49,17 +49,37 @@
<a href="/{{ code }}/details" class="text-decoration-none"> <a href="/{{ code }}/details" class="text-decoration-none">
<div class="card-header d-flex align-items-center gap-2"> <div class="card-header d-flex align-items-center gap-2">
<span class="font-monospace text-{{ statusClass }}">{{ code }}</span> <span class="font-monospace text-{{ statusClass }}">{{ code }}</span>
<span class="badge bg-{{ statusClass }} ms-auto">
{% if playlist.isOnline is same as(true) %}online
{% elseif playlist.isOnline is same as(false) %}offline
{% elseif playlist.isOnline is same as(null) %}unknown
{% endif %}
</span>
{% if playlist.isOnline is same as(true) %} {% if playlist.isOnline is same as(true) %}
<span class="badge border border-success" title="Процент рабочих каналов">{{ playlist.onlinePercent }}%</span> <span class="cursor-help badge bg-{{ statusClass }} ms-auto"
title="Возможно, этот плейлист рабочий"
>online</span>
{% elseif playlist.isOnline is same as(false) %}
<span class="cursor-help badge bg-{{ statusClass }} ms-auto"
title="Этот плейлист нерабочий или его не удалось проверить"
>offline</span>
{% elseif playlist.isOnline is same as(null) %}
<span class="cursor-help badge bg-{{ statusClass }} ms-auto"
title="Плейлист ещё не проверялся, придётся подождать"
>unknown</span>
{% endif %} {% endif %}
{% if playlist.isOnline is same as(true) %}
<span class="cursor-help badge border border-success"
title="Процент рабочих каналов"
>{{ playlist.onlinePercent }}%</span>
{% endif %}
{% if "adult" in playlist.tags %} {% if "adult" in playlist.tags %}
<span class="badge bg-warning text-dark" title="Есть каналы для взрослых!">18+</span> <span class="cursor-help badge bg-warning text-dark"
title="Есть каналы для взрослых!"
>18+</span>
{% endif %}
{% if playlist.hasTokens is same as(true) %}
<span class="cursor-help badge bg-info text-dark"
title="В плейлисте есть каналы, которые могут быть нестабильны"
><ion-icon name="paw"></ion-icon></span>
{% endif %} {% endif %}
</div> </div>
</a> </a>
@@ -69,7 +89,7 @@
<h5 class="card-title text-light">{{ playlist.name }}</h5> <h5 class="card-title text-light">{{ playlist.name }}</h5>
</a> </a>
{% if playlist.description is not same as(null) %} {% if playlist.description is not same as(null) %}
<p class="card-text small text-secondary d-none d-md-block">{{ playlist.description }}</p> <p class="card-text small text-secondary d-none d-md-block">{{ playlist.description }}</p>
{% endif %} {% endif %}
<div class="d-flex flex-wrap gap-2 mb-1"> <div class="d-flex flex-wrap gap-2 mb-1">
{% if playlist.isOnline is not same as(null) %} {% if playlist.isOnline is not same as(null) %}
@@ -96,8 +116,8 @@
</div> </div>
<div class="card-footer cursor-pointer" <div class="card-footer cursor-pointer"
onclick="prompt('Скопируй адрес плейлиста. Если не работает, добавь \'.m3u\' в конец.', '{{ base_url(playlist.code) }}')" onclick="copyPlaylistUrl('{{ playlist.code }}')"
title="Нажми чтобы скопировать" title="Нажми на ссылку, чтобы скопировать её в буфер обмена"
> >
<div class="d-flex justify-content-between align-items-center small"> <div class="d-flex justify-content-between align-items-center small">
<span class="font-monospace text-truncate"> <span class="font-monospace text-truncate">

4
views/notfound.twig
View File

@@ -1,6 +1,6 @@
{########################################################################### {###########################################################################
# Copyright (c) 2025, Антон Аксенов # Copyright (c) 2025, Антон Аксенов
# This file is part of iptv.axenov.dev web interface # This file is part of m3u.su project
# MIT License: https://git.axenov.dev/IPTV/web/src/branch/master/LICENSE # MIT License: https://git.axenov.dev/IPTV/web/src/branch/master/LICENSE
###########################################################################} ###########################################################################}
@@ -19,7 +19,7 @@
<p class="text-muted small"> <p class="text-muted small">
Если хочешь, чтобы здесь был плейлист, предложи его к добавлению. Если хочешь, чтобы здесь был плейлист, предложи его к добавлению.
<br /> <br />
<a href="https://iptv.axenov.dev/docs/support.html#participate">Как это сделать?</a> <a href="/docs/support.html#participate">Как это сделать?</a>
</p> </p>
<a class="btn btn-outline-light" href="/" title="На главную"> <a class="btn btn-outline-light" href="/" title="На главную">
<ion-icon name="list-outline" class="me-1"></ion-icon>Перейти к списку плейлистов <ion-icon name="list-outline" class="me-1"></ion-icon>Перейти к списку плейлистов

53
views/template.twig
View File

@@ -1,6 +1,6 @@
{########################################################################### {###########################################################################
# Copyright (c) 2025, Антон Аксенов # Copyright (c) 2025, Антон Аксенов
# This file is part of iptv.axenov.dev web interface # This file is part of m3u.su project
# MIT License: https://git.axenov.dev/IPTV/web/src/branch/master/LICENSE # MIT License: https://git.axenov.dev/IPTV/web/src/branch/master/LICENSE
###########################################################################} ###########################################################################}
@@ -13,7 +13,7 @@
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="keywords" content="{% block metakeywords %}{% endblock %}" /> <meta name="keywords" content="{% block metakeywords %}{% endblock %}" />
<meta http-equiv="x-ua-compatible" content="ie=edge"> <meta http-equiv="x-ua-compatible" content="ie=edge">
<style>.cursor-pointer{cursor:pointer}</style> <style>.cursor-pointer{cursor:pointer}.cursor-help{cursor:help}</style>
<script async type="module" src="https://unpkg.com/ionicons@7.1.0/dist/ionicons/ionicons.esm.js"></script> <script async type="module" src="https://unpkg.com/ionicons@7.1.0/dist/ionicons/ionicons.esm.js"></script>
<script async nomodule src="https://unpkg.com/ionicons@7.1.0/dist/ionicons/ionicons.js"></script> <script async nomodule src="https://unpkg.com/ionicons@7.1.0/dist/ionicons/ionicons.js"></script>
<link href="/css/bootstrap.min.css" rel="stylesheet"> <link href="/css/bootstrap.min.css" rel="stylesheet">
@@ -132,6 +132,55 @@
<script src="/js/bootstrap.bundle.min.js"></script> <script src="/js/bootstrap.bundle.min.js"></script>
{% block footer %}{% endblock %} {% block footer %}{% endblock %}
<div class="toast-container position-fixed bottom-0 end-0 p-3">
<div class="toast align-items-center text-bg-success border-0" role="alert" id="clipboardToast">
<div class="d-flex">
<div class="toast-body" id="clipboardToastBody"></div>
</div>
</div>
</div>
<script>
function showToast(message) {
const toastEl = document.getElementById('clipboardToast');
const toastBodyEl = document.getElementById('clipboardToastBody');
toastBodyEl.innerHTML = message;
const toast = new bootstrap.Toast(toastEl, {delay: 5000});
toast.show();
}
function copyPlaylistUrl(code) {
const url = '{{ base_url() }}/' + code;
if (navigator.clipboard && window.isSecureContext) {
navigator.clipboard
.writeText(url)
.then(() => showToast(`Ссылка на плейлист '${code}' скопирована в буфер обмена`))
.catch(err => console.error('Failed to copy:', err));
} else {
try {
const textArea = document.createElement("textarea");
textArea.value = url;
textArea.style.position = "fixed"; // Avoid scrolling to bottom
document.body.appendChild(textArea);
textArea.focus();
textArea.select();
const successful = document.execCommand('copy');
document.body.removeChild(textArea);
if (successful) {
showToast(`Ссылка на плейлист '${code}' скопирована в буфер обмена`);
} else {
showToast('Ошибка при копировании ссылки', true);
}
} catch (err) {
console.error('Fallback copy failed:', err);
showToast('Ошибка при копировании ссылки', true);
}
}
}
</script>
{% include("custom.twig") ignore missing %} {% include("custom.twig") ignore missing %}
</body> </body>
</html> </html>