Мелочи по косметике

- вывод деталей о листе только при онлайн статусе
- копирование ссылки без промпта
- мелочи по подсказкам к разным элементам

.env.example

@@ -3,24 +3,23 @@
 ######################################
 
 # config/app.php
-APP_URL="http://localhost:8080"
+APP_TITLE='Агрегатор плейлистов'
-APP_URL_MIRROR="https://m3u.su/"
+APP_URL=http://localhost:8080
 APP_DEBUG=false
-APP_ENV="prod"
+APP_ENV=prod
-APP_TITLE="IPTV Плейлисты"
 APP_TIMEZONE=Europe/Moscow
-PAGE_SIZE=10
+PAGE_SIZE=0
 
 # config/bot.php
 TG_BOT_TOKEN=
 TG_BOT_SECRET=
 
 # config/cache.php
-CACHE_HOST="keydb"
+CACHE_HOST=keydb
 CACHE_PORT=6379
 CACHE_PASSWORD=
 CACHE_DB=0
-CACHE_TTL=14
+CACHE_TTL=600
 
 # config/twig.php
 TWIG_USE_CACHE=true

README.md

@@ -1,10 +1,10 @@
-# Веб-сервис iptv.axenov.dev
+# Веб-сервис m3u.su
 
 Содержит исходный код веб-сервиса и консольные инструменты проверки плейлистов и каналов.
 
 Использует [playlists.ini](https://git.axenov.dev/IPTV/playlists) с описанием плейлистов для своей работы.
 
-> **Веб-сайт:** [iptv.axenov.dev](https://iptv.axenov.dev)  
+> **Веб-сайт:** [m3u.su](https://m3u.su)  
 > **Зеркало:** [m3u.su](https://m3u.su)  
 > Исходный код: [git.axenov.dev/IPTV/web](https://git.axenov.dev/IPTV/web)  
 > Telegram-канал: [@iptv_aggregator](https://t.me/iptv_aggregator)  
@@ -34,7 +34,7 @@
 * `PAGE_SIZE` -- размер страницы для постраничной навигации на главной странице;
 * `USER_AGENT` -- user-agent для http-клиента, котоырй будет использоваться при подключении к внешним ресурсам;
 * `CACHE_HOST`, `CACHE_PORT`, `CACHE_PASSWORD`, `CACHE_DB` -- реквизиты подключения к cache/keydb;
-* `CACHE_TTL` -- количество часов для кэширования информации;
+* `CACHE_TTL` -- количество секунд для кэширования информации;
 * `TWIG_USE_CACHE` -- признак использования кэша компиляции шаблонов Twig.
 
 У каждой переменной есть умолчание на случай отсутствия файла `.env` или её отсутствия в нём.

app/Controllers/ApiController.php

@@ -1,7 +1,7 @@
 <?php
 /*
  * 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
  */
 
@@ -55,8 +55,9 @@ class ApiController extends BasicController
      */
     public function makeQrCode(ServerRequestInterface $request, ResponseInterface $response): ResponseInterface
     {
+        $ini = ini()->load();
         $code = $request->getAttribute('code');
-        $codes = array_keys(ini()->getPlaylists());
+        $codes = array_keys($ini);
         if (!in_array($code, $codes, true)) {
             return $response->withStatus(404);
         }

app/Controllers/BasicController.php

@@ -1,7 +1,7 @@
 <?php
 /*
  * 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
  */
 

app/Controllers/BotController.php

@@ -1,7 +1,7 @@
 <?php
 /*
  * 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
  */
 

app/Controllers/WebController.php

@@ -1,7 +1,7 @@
 <?php
 /*
  * 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
  */
 
@@ -36,28 +36,25 @@ class WebController extends BasicController
      */
     public function home(ServerRequestInterface $request, ResponseInterface $response): ResponseInterface
     {
-        $playlists = ini()->getPlaylists();
+        $ini = ini()->load();
-
+        $keys = [];
-        $count = count($playlists);
+        $count = count($ini);
-        $onlineCount = count(array_filter($playlists, static fn (array $playlist) => $playlist['isOnline'] === true));
-        $uncheckedCount = count(array_filter($playlists, static fn (array $playlist) => $playlist['isOnline'] === null));
-        $offlineCount = $count - $onlineCount - $uncheckedCount;
-
         $pageSize = config('app.page_size');
+
         if ($pageSize > 0) {
             $pageCurrent = (int)($request->getAttributes()['page'] ?? $request->getQueryParams()['page'] ?? 1);
             $pageCount = ceil($count / $pageSize);
             $offset = max(0, ($pageCurrent - 1) * $pageSize);
-            $playlists = array_slice($playlists, $offset, $pageSize, true);
+            $ini = array_slice($ini, $offset, $pageSize, true);
+            $keys = array_keys($ini);
         }
 
+        $playlists = ini()->getPlaylists($keys);
+
         return $this->view($request, $response, 'list.twig', [
             'updatedAt' => ini()->updatedAt(),
             'playlists' => $playlists,
             'count' => $count,
-            'onlineCount' => $onlineCount,
-            'uncheckedCount' => $uncheckedCount,
-            'offlineCount' => $offlineCount,
             'pageCount' => $pageCount ?? 1,
             'pageCurrent' => $pageCurrent ?? 1,
         ]);

app/Core/Bot.php

@@ -1,7 +1,7 @@
 <?php
 /*
  * 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
  */
 

app/Core/IniFile.php

@@ -1,7 +1,7 @@
 <?php
 /*
  * 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
  */
 
@@ -31,56 +31,13 @@ class IniFile
      * Считывает ini-файл и инициализирует плейлисты
      *
      * @return array
-     * @throws Exception
      */
     public function load(): array
     {
         $filepath = config_path('playlists.ini');
-        $ini = parse_ini_file($filepath, true);
+        $this->playlists = parse_ini_file($filepath, true);
         $this->updatedAt = date('d.m.Y h:i', filemtime($filepath));
 
-        // сохраняем порядок
-        foreach (array_keys($ini) as $code) {
-            try {
-                $data = @redis()->get($code);
-            } catch (Throwable) {
-                $data = false;
-            }
-            if ($data === false) {
-                $raw = $ini[$code];
-                $data = [
-                    'code' => $code,
-                    'name' => $raw['name'] ?? "Playlist #$code",
-                    'description' => $raw['desc'] ?? null,
-                    'url' => $raw['pls'],
-                    'source' => $raw['src'] ?? null,
-                    'content' => null,
-                    'isOnline' => null,
-                    'attributes' => [],
-                    'groups' => [],
-                    'channels' => [],
-                    'onlineCount' => 0,
-                    'offlineCount' => 0,
-                    'checkedAt' => null,
-                ];
-            } elseif (!isset($data['attributes'])) {
-                $data['attributes'] = [];
-            }
-
-            $data['hasCatchup'] = str_contains($data['content'] ?? '', 'catchup');
-            $data['hasTvg'] = !empty($data['attributes']['url-tvg'])
-                || !empty($data['attributes']['x-tvg-url']);
-
-            $data['tags'] = [];
-            foreach ($data['channels'] ?? [] as $channel) {
-                $data['tags'] = array_merge($data['tags'], $channel['tags']);
-            }
-            $data['tags'] = array_values(array_unique($data['tags']));
-            sort($data['tags']);
-
-            $this->playlists[$code] = $data;
-        }
-
         return $this->playlists;
     }
 
@@ -90,9 +47,32 @@ class IniFile
      * @return array[]
      * @throws Exception
      */
-    public function getPlaylists(): array
+    public function getPlaylists(array $plsCodes = []): array
     {
-        return $this->playlists ??= $this->load();
+        $playlists = [];
+        empty($this->playlists) && $this->load();
+        empty($plsCodes) && $plsCodes = array_keys($this->playlists);
+        $cached = array_combine($plsCodes, redis()->mget($plsCodes));
+        foreach ($cached as $code => $data) {
+            $playlists[$code] = $this->initPlaylist($code, $data);
+        }
+
+        return $playlists;
+    }
+
+    /**
+     * Возвращает плейлист по его коду
+     *
+     * @param string $code Код плейлиста
+     * @return array|null
+     * @throws PlaylistNotFoundException
+     * @throws Exception
+     */
+    public function getPlaylist(string $code): ?array
+    {
+        empty($this->playlists) && $this->load();
+        $data = redis()->get($code);
+        return $this->initPlaylist($code, $data);
     }
 
     /**
@@ -106,19 +86,103 @@ class IniFile
     }
 
     /**
-     * Возвращает плейлист по его коду
+     * Подготавливает данные о плейлисте в расширенном формате
      *
-     * @param string $code Код плейлиста
+     * @param string $code
-     * @return array|null
+     * @param array|false $data
+     * @return array
      * @throws PlaylistNotFoundException
-     * @throws Exception
      */
-    public function getPlaylist(string $code): ?array
+    protected function initPlaylist(string $code, array|false $data): array
     {
-        if (empty($this->playlists)) {
+        if ($data === false) {
-            $this->load();
+            $raw = $this->playlists[$code];
+            empty($raw) && throw new PlaylistNotFoundException($code);
+            $data === false && $data = [
+                'code' => $code,
+                'name' => $raw['name'] ?? "Плейлист #$code",
+                'description' => $raw['desc'] ?? null,
+                'url' => $raw['pls'],
+                'source' => $raw['src'] ?? null,
+                'content' => null,
+                'isOnline' => null,
+                'attributes' => [],
+                'groups' => [],
+                'channels' => [],
+                'checkedAt' => null,
+            ];
         }
 
-        return $this->playlists[$code] ?? throw new PlaylistNotFoundException($code);
+        // приколы golang
+        $data['attributes'] === null && $data['attributes'] = [];
+        $data['groups'] === null && $data['groups'] = [];
+        $data['channels'] === null && $data['channels'] = [];
+
+        $data['onlinePercent'] = 0;
+        $data['offlinePercent'] = 0;
+        if ($data['isOnline'] === true && count($data['channels']) > 0) {
+            $data['onlinePercent'] = round($data['onlineCount'] / count($data['channels']) * 100);
+            $data['offlinePercent'] = round($data['offlineCount'] / count($data['channels']) * 100);
+        }
+
+        $data['hasCatchup'] = str_contains($data['content'] ?? '', 'catchup');
+        $data['hasTvg'] = !empty($data['attributes']['url-tvg']) || !empty($data['attributes']['x-tvg-url']);
+        $data['hasTokens'] = $this->hasTokens($data);
+
+        $data['tags'] = [];
+        foreach ($data['channels'] as &$channel) {
+            $data['tags'] = array_merge($data['tags'], $channel['tags']);
+            $channel['hasToken'] = $this->hasTokens($channel);
+        }
+        $data['tags'] = array_values(array_unique($data['tags']));
+        sort($data['tags']);
+
+        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,
+        );
     }
 }

app/Core/Kernel.php

@@ -1,7 +1,7 @@
 <?php
 /*
  * 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
  */
 

app/Core/TwigExtention.php

@@ -1,7 +1,7 @@
 <?php
 /*
  * 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
  */
 
@@ -66,17 +66,6 @@ class TwigExtention extends AbstractExtension
         return base_url($path);
     }
 
-    /**
-     * Возвращает зеркальный URL приложения
-     *
-     * @param string $path
-     * @return string
-     */
-    public function mirrorUrl(string $path = ''): string
-    {
-        return mirror_url($path);
-    }
-
     /**
      * Проверячет существование файла
      *
@@ -97,6 +86,6 @@ class TwigExtention extends AbstractExtension
      */
     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);
     }
 }

app/Errors/ErrorHandler.php

@@ -1,7 +1,7 @@
 <?php
 /*
  * 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
  */
 

app/Errors/InvalidTelegramSecretException.php

@@ -1,7 +1,7 @@
 <?php
 /*
  * 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
  */
 

app/Errors/PlaylistNotFoundException.php

@@ -1,7 +1,7 @@
 <?php
 /*
  * 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
  */
 

app/helpers.php

@@ -1,7 +1,7 @@
 <?php
 /*
  * 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
  */
 

config/app.php

@@ -1,19 +1,18 @@
 <?php
 /*
  * 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
  */
 
 declare(strict_types=1);
 
 return [
+    'title' => env('APP_TITLE', 'Агрегатор плейлистов'),
     'base_url' => rtrim(trim(env('APP_URL', 'http://localhost:8080')), '/'),
-    'mirror_url' => rtrim(trim(env('APP_URL_MIRROR') ?? '', '/')),
     'debug' => bool(env('APP_DEBUG', false)),
     'env' => env('APP_ENV', env('IPTV_ENV', 'prod')),
-    'title' => 'IPTV Плейлисты',
+    'timezone' => env('APP_TIMEZONE', 'GMT'),
-    'timezone' => env('APP_TIMEZONE', 'UTC'),
     'page_size' => int(env('PAGE_SIZE', 10)),
     'pls_encodings' => [
         'UTF-8',

config/bot.php

@@ -1,7 +1,7 @@
 <?php
 /*
  * 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
  */
 

config/cache.php

@@ -1,7 +1,7 @@
 <?php
 /*
  * 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
  */
 

config/routes.php

@@ -1,7 +1,7 @@
 <?php
 /*
  * 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
  */
 

config/twig.php

@@ -1,7 +1,7 @@
 <?php
 /*
  * 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
  */
 

public/index.php

@@ -1,7 +1,7 @@
 <?php
 /*
  * 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
  */
 

views/details.twig

@@ -1,6 +1,6 @@
 {###########################################################################
 # 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
 ###########################################################################}
 
@@ -8,7 +8,7 @@
 
 {% block title %}[{{ playlist.code }}] {{ playlist.name }} - {{ config('app.title') }}{% endblock %}
 
-{% block metadescription %}Смотреть бесплатный самообновляемый плейлист {{ playlist.name }}, посмотреть статус плейлиста {{ playlist.description }}{% endblock %}
+{% block metadescription %}Смотреть бесплатный самообновляемый плейлист {{ playlist.name }}, проверить статус, {{ playlist.description }}{% endblock %}
 
 {% block metakeywords %}самообновляемый,бесплатный,iptv-плейлист,iptv,плейлист{% if (playlist.groups|length > 1) %}{% for group in playlist.groups %},{{ group.name|lower }}{% endfor %}{% endif %},{{ playlist.tags|join(',') }}{% endblock %}
 
@@ -31,7 +31,7 @@
 
 {% block header %}
     <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">
             Ошибка плейлиста: {{ playlist.content }}
         </div>
@@ -49,7 +49,7 @@
                        data-bs-toggle="tab"
                        data-bs-target="#tab-data"
                     >
-                        <ion-icon name="radio-outline"></ion-icon>&nbsp;Основные данные
+                        <ion-icon name="radio-outline"></ion-icon>&nbsp;Основные&nbsp;данные
                     </a>
                 </li>
                 <li class="nav-item small">
@@ -59,7 +59,17 @@
                        data-bs-toggle="tab"
                        data-bs-target="#tab-raw"
                     >
-                        <ion-icon name="document-text-outline"></ion-icon>&nbsp;Исходный текст
+                        <ion-icon name="document-text-outline"></ion-icon>&nbsp;Исходный&nbsp;текст
+                    </a>
+                </li>
+                <li class="nav-item small">
+                    <a class="nav-link"
+                       type="button"
+                       href="#tab-abuse"
+                       data-bs-toggle="tab"
+                       data-bs-target="#tab-abuse"
+                    >
+                        <ion-icon name="wallet-outline"></ion-icon>&nbsp;Правообладателям
                     </a>
                 </li>
             </ul>
@@ -70,18 +80,19 @@
                         <tr>
                             <th class="w-25" scope="row">Код</th>
                             <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">онлайн</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">оффлайн</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 %}
                             </th>
                         </tr>
@@ -92,11 +103,13 @@
                         <tr>
                             <th scope="row">Ccылка для ТВ</th>
                             <td>
-                                <b onclick="prompt('Скопируй адрес плейлиста. Если не работает, добавь \'.m3u\' в конец.', '{{ mirror_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">{{ mirror_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>
                         </tr>
                         <tr>
@@ -106,16 +119,37 @@
                         <tr>
                             <th scope="row">Наполнение</th>
                             <td class="text-break">
-                                <ion-icon name="folder-open-outline"></ion-icon>&nbsp;группы:&nbsp;{{ playlist.groups|length }},
+                                {% 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">{{ playlist.onlineCount }}</span>&nbsp;+&nbsp;<span class="text-danger">{{ playlist.offlineCount }}</span>)
+                                        <span class="cursor-help badge bg-info text-dark">
+                                            <ion-icon name="paw"></ion-icon>
+                                        </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>
                         </tr>
                         <tr>
                             <th scope="row">Возможности</th>
                             <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;{{ 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>
                         </tr>
                         <tr class="text-secondary">
@@ -130,7 +164,7 @@
                                 </span>
                             </td>
                         </tr>
-                        {% if playlist.isOnline is same as(false) %}
+                        {% if playlist.isOnline is same as (false) %}
                             <tr class="text-secondary">
                                 <th class="w-25" scope="row">Ошибка проверки</th>
                                 <td class="text-break">{{ playlist.content }}</td>
@@ -186,6 +220,50 @@
                               readonly
                     >{{ playlist.content }}</textarea>
                 </div>
+                <div class="tab-pane fade" id="tab-abuse" tabindex="2">
+                    <p class="my-3">
+                        Данные, представленные на данной странице, получены автоматически из открыто доступных в
+                        интернете IPTV-плейлистов, опубликованных третьими лицами.
+                        При наличии технической возможности, источник плейлиста может быть указан на вкладке "Основные
+                        данные".
+                    </p>
+                    <p class="my-3">
+                        Сервис {{ base_url() }} не размещает и не транслирует медиаконтент, не создаёт, не призывает
+                        использовать и распространять плейлисты третьих лиц, а также не оказывает услуг по ретрансляции
+                        телепрограмм.
+                    </p>
+                    <p class="my-3">
+                        Подробности о проекте и о том, как здесь оказались объекты ваших прав,
+                        <a href="{{ base_url('docs') }}" target="_blank">читайте здесь</a>.
+                    </p>
+                    <p class="my-3">
+                        Информация о телеканалах (наименования, логотипы, технический статус и другие сведения)
+                        формируется исключительно путём обработки содержимого самого плейлиста.
+                        Вся информация носит технический и ознакомительный характер, и её достоверность не гарантируется.
+                    </p>
+                    <p class="my-3">
+                        Все права на торговые марки и графические изображения принадлежат их законным владельцам.
+                        Если вы являетесь правообладателем и считаете, что сведения на этой странице затрагивают ваши
+                        права, вот какие меры вы можете предпринять прямо сейчас:
+                    </p>
+                    <ul>
+                        <li>
+                            создать pull-request в открытом репозитории проекта с удалением данных о плейлисте из файла
+                            <a href="https://git.axenov.dev/IPTV/playlists/src/branch/master/playlists.ini"
+                               target="_blank"
+                            >playlists.ini</a>, указав в комментарии к коммиту юридически значимую информацию;
+                        </li>
+                        <li>
+                            <a href="https://git.axenov.dev/IPTV/playlists/issues/new" target="_blank">создать
+                            публичное обращение</a> в открытом репозитории проекта, указав юридически значимую
+                            информацию;
+                        </li>
+                        <li>
+                            направить конфиденциальное уведомление на адрес:
+                            <a href="mailto:abuse@m3u.su" target="_blank">abuse@m3u.su</a>.
+                        </li>
+                    </ul>
+                </div>
             </div>
         </div>
 
@@ -230,7 +308,7 @@
                         <div class="input-group">
                             <input type="text"
                                    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="Поиск каналов..."
                                    title="Начни вводить название"
                             />
@@ -261,7 +339,7 @@
                                    for="chfOnline"
                                    title="Выбрать только онлайн каналы"
                             >
-                                <ion-icon name="radio-button-on-outline"></ion-icon>
+                                <ion-icon name="radio-button-on-outline"></ion-icon>{{ playlist.onlineCount }}
                             </label>
 
                             <input type="radio"
@@ -275,7 +353,7 @@
                                    for="chfOffline"
                                    title="Выбрать только оффлайн каналы"
                             >
-                                <ion-icon name="radio-button-on-outline"></ion-icon>
+                                <ion-icon name="radio-button-on-outline"></ion-icon>{{ playlist.offlineCount }}
                             </label>
 
                             <button type="button"
@@ -289,17 +367,17 @@
 
                         <div class="my-3">
                             {% 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 %}
                         </div>
                     </div>
@@ -309,65 +387,86 @@
                     <table id="chlist" class="table table-dark table-hover small">
                         <tbody class="list">
                         {% 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>
-                                </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 %}
                         </tbody>
                     </table>
@@ -378,84 +477,84 @@
 {% endblock %}
 
 {% 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 %}

views/list.twig

@@ -1,6 +1,6 @@
 {###########################################################################
 # 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
 ###########################################################################}
 
@@ -11,32 +11,27 @@
 {% block metakeywords %}самообновляемые,бесплатные,iptv-плейлисты,iptv,плейлисты{% endblock %}
 
 {% 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 %}
 
 {% 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 class="d-flex flex-wrap gap-2 mb-2">
-            <span class="badge bg-success">online: {{ onlineCount }}</span>
-            <span class="badge bg-danger">offline: {{ offlineCount }}</span>
-            <span class="badge bg-secondary">unknown: {{ uncheckedCount }}</span>
-        </div>
     </div>
+</div>
 {% endblock %}
 
 {% block content %}
@@ -54,14 +49,37 @@
                     <a href="/{{ code }}/details" class="text-decoration-none">
                         <div class="card-header d-flex align-items-center gap-2">
                             <span class="font-monospace text-{{ statusClass }}">{{ code }}</span>
-                                <span class="badge bg-{{ statusClass }} ms-auto">
+
-                                    {% if playlist.isOnline is same as(true) %}online
+                            {% if playlist.isOnline is same as(true) %}
-                                    {% elseif playlist.isOnline is same as(false) %}offline
+                            <span class="cursor-help badge bg-{{ statusClass }} ms-auto"
-                                    {% elseif playlist.isOnline is same as(null) %}unknown
+                                  title="Возможно, этот плейлист рабочий"
-                                    {% endif %}
+                            >online</span>
-                                </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 %}
+
+                            {% 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 %}
-                                <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 %}
                         </div>
                     </a>
@@ -71,7 +89,7 @@
                             <h5 class="card-title text-light">{{ playlist.name }}</h5>
                         </a>
                         {% 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 %}
                         <div class="d-flex flex-wrap gap-2 mb-1">
                             {% if playlist.isOnline is not same as(null) %}
@@ -98,12 +116,12 @@
                     </div>
 
                     <div class="card-footer cursor-pointer"
-                        onclick="prompt('Скопируй адрес плейлиста. Если не работает, добавь \'.m3u\' в конец.', '{{ mirror_url(playlist.code) }}')"
+                         onclick="copyPlaylistUrl('{{ playlist.code }}')"
-                        title="Нажми чтобы скопировать"
+                         title="Нажми на ссылку, чтобы скопировать её в буфер обмена"
                     >
                         <div class="d-flex justify-content-between align-items-center small">
                             <span class="font-monospace text-truncate">
-                                {{ mirror_url(playlist.code) }}
+                                {{ base_url(playlist.code) }}
                             </span>
                             <ion-icon name="copy-outline"></ion-icon>
                         </div>
@@ -125,7 +143,7 @@
                         </li>
                     {% else %}
                         <li class="page-item">
-                            <a class="page-link bg-dark text-light" href="page/{{ page }}">{{ page }}</a>
+                            <a class="page-link bg-dark text-light" href="/page/{{ page }}">{{ page }}</a>
                         </li>
                     {% endif %}
                 {% endfor %}

views/notfound.twig

@@ -1,6 +1,6 @@
 {###########################################################################
 # 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
 ###########################################################################}
 
@@ -19,7 +19,7 @@
                     <p class="text-muted small">
                         Если хочешь, чтобы здесь был плейлист, предложи его к добавлению.
                         <br />
-                        <a href="https://iptv.axenov.dev/docs/support.html#participate">Как это сделать?</a>
+                        <a href="/docs/support.html#participate">Как это сделать?</a>
                     </p>
                     <a class="btn btn-outline-light" href="/" title="На главную">
                         <ion-icon name="list-outline" class="me-1"></ion-icon>Перейти к списку плейлистов

views/template.twig

@@ -1,6 +1,6 @@
 {###########################################################################
 # 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
 ###########################################################################}
 
@@ -13,7 +13,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1">
     <meta name="keywords" content="{% block metakeywords %}{% endblock %}" />
     <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 nomodule src="https://unpkg.com/ionicons@7.1.0/dist/ionicons/ionicons.js"></script>
     <link href="/css/bootstrap.min.css" rel="stylesheet">
@@ -132,6 +132,55 @@
     <script src="/js/bootstrap.bundle.min.js"></script>
     {% 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 %}
 </body>
 </html>