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

- вывод деталей о листе только при онлайн статусе - копирование ссылки без промпта - мелочи по подсказкам к разным элементам
Первичная проверка стабильности плейлистов/каналов
2025-10-29 00:40:47 +08:00 · 2025-10-28 11:32:25 +08:00 · 2025-10-28 11:24:47 +08:00
23 changed files with 391 additions and 226 deletions
--- a/app/Controllers/ApiController.php
+++ b/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
 */

--- a/app/Controllers/BasicController.php
+++ b/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
 */

--- a/app/Controllers/BotController.php
+++ b/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
 */

--- a/app/Controllers/WebController.php
+++ b/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
 */

--- a/app/Core/Bot.php
+++ b/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
 */

--- a/app/Core/IniFile.php
+++ b/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
 */

@@ -126,16 +126,63 @@ class IniFile
        }

        $data['hasCatchup'] = str_contains($data['content'] ?? '', 'catchup');
-        $data['hasTvg'] = !empty($data['attributes']['url-tvg'])
-            || !empty($data['attributes']['x-tvg-url']);
+        $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) {
+        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,
+        );
+    }
 }
--- a/app/Core/Kernel.php
+++ b/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
 */

--- a/app/Core/TwigExtention.php
+++ b/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
 */

@@ -86,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);
    }
 }
--- a/app/Errors/ErrorHandler.php
+++ b/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
 */

--- a/app/Errors/InvalidTelegramSecretException.php
+++ b/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
 */

--- a/app/Errors/PlaylistNotFoundException.php
+++ b/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
 */

--- a/app/helpers.php
+++ b/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
 */

--- a/config/app.php
+++ b/config/app.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
 */

--- a/config/bot.php
+++ b/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
 */

--- a/config/cache.php
+++ b/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
 */

--- a/config/routes.php
+++ b/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
 */

--- a/config/twig.php
+++ b/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
 */

--- a/public/favicon/favicon.svg
+++ b/public/favicon/favicon.svg
--- a/public/index.php
+++ b/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
 */

--- a/views/details.twig
+++ b/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
 ###########################################################################}

@@ -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>
@@ -80,18 +80,19 @@
                        <tr>
                            <th class="w-25" scope="row">Код</th>
                            <th class="text-break">
-                                {% if playlist.isOnline is same as(true) %}
-                                    <span class="font-monospace text-success">{{ playlist.code }}</span>
-                                    <span class="badge small text-dark bg-success">online</span>
-                                {% elseif playlist.isOnline is same as(false) %}
-                                    <span class="font-monospace text-danger">{{ playlist.code }}</span>
-                                    <span class="badge small text-dark bg-danger">offline</span>
-                                {% elseif playlist.isOnline is same as(null) %}
-                                    <span class="font-monospace">{{ playlist.code }}</span>
-                                    <span class="badge small text-dark bg-secondary" title="Не проверялся">unknown</span>
-                                {% endif %}
-                                {% if "adult" in playlist.tags %}
-                                    <span class="badge small bg-warning text-dark" title="Есть каналы для взрослых!">18+</span>
+                                <span class="pe-3 font-monospace">{{ playlist.code }}</span>
+                                {% if playlist.isOnline is same as (true) %}
+                                    <span class="cursor-help badge small text-dark bg-success"
+                                          title="Вероятно, работает"
+                                    >online</span>
+                                {% elseif playlist.isOnline is same as (false) %}
+                                    <span class="cursor-help badge small text-dark bg-danger"
+                                          title="Вероятно, не работает"
+                                    >offline</span>
+                                {% elseif playlist.isOnline is same as (null) %}
+                                    <span class="cursor-help badge small text-dark bg-secondary"
+                                          title="Не проверялся"
+                                    >unknown</span>
                                {% endif %}
                            </th>
                        </tr>
@@ -102,11 +103,13 @@
                        <tr>
                            <th scope="row">Ccылка для ТВ</th>
                            <td>
-                                <b onclick="prompt('Скопируй адрес плейлиста. Если не работает, добавь \'.m3u\' в конец.', '{{ base_url(playlist.code) }}')"
-                                   data-bs-toggle="tooltip"
-                                   data-bs-placement="top"
-                                   title="Нажми на ссылку, чтобы скопировать её в буфер обмена"
-                                   class="font-monospace cursor-pointer text-break">{{ base_url(playlist.code) }}</b>
+                                <span onclick="copyPlaylistUrl('{{ playlist.code }}')"
+                                      class="cursor-pointer"
+                                      title="Нажми на ссылку, чтобы скопировать её в буфер обмена"
+                                >
+                                    <b class="cursor-pointer font-monospace text-break">{{ base_url(playlist.code) }}</b>
+                                    <ion-icon name="copy-outline"></ion-icon>
+                                </span>
                            </td>
                        </tr>
                        <tr>
@@ -116,18 +119,37 @@
                        <tr>
                            <th scope="row">Наполнение</th>
                            <td class="text-break">
-                                <ion-icon name="folder-open-outline"></ion-icon>&nbsp;группы:&nbsp;{{ playlist.groups|length }}<br>
-                                <ion-icon name="videocam-outline"></ion-icon>&nbsp;каналы:&nbsp;{{ playlist.channels|length }}:
-                                <span class="text-success"
-                                    >{{ playlist.onlineCount }} ({{ playlist.onlinePercent }}%)</span>&nbsp;+&nbsp;<span class="text-danger"
-                                >{{ playlist.offlineCount }} ({{ playlist.offlinePercent }}%)</span>
+                                {% if playlist.isOnline is same as (true) %}
+                                    {% if playlist.hasTokens is same as (true) %}
+                                        <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>
-                                <ion-icon name="play-back"></ion-icon>&nbsp;Перемотка&nbsp;(архив):&nbsp;{{ playlist.hasCatchup ? 'есть' : 'нет' }}
+                                {% if playlist.isOnline is same as (true) %}
+                                    <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">
@@ -142,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>
@@ -286,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="Начни вводить название"
                            />
@@ -345,17 +367,17 @@

                        <div class="my-3">
                            {% for tag in playlist.tags %}
-                                <input type="checkbox"
-                                       class="btn-check"
-                                       id="btn-tag-{{ tag }}"
-                                       data-tag="{{ tag }}"
-                                       autocomplete="off"
-                                       onclick="updateFilter()"
-                                >
-                                <label class="badge btn btn-sm btn-outline-secondary rounded-pill"
-                                       for="btn-tag-{{ tag }}"
-                                       title="Нажми для фильтрации каналов по тегу, нажми ещё раз чтобы снять фильтр"
-                                >#{{ tag }}</label>
+                            <input type="checkbox"
+                                   class="btn-check"
+                                   id="btn-tag-{{ tag }}"
+                                   data-tag="{{ tag }}"
+                                   autocomplete="off"
+                                   onclick="updateFilter()"
+                            >
+                            <label class="badge btn btn-sm btn-outline-secondary rounded-pill"
+                                   for="btn-tag-{{ tag }}"
+                                   title="Нажми для фильтрации каналов по тегу, нажми ещё раз чтобы снять фильтр"
+                            >#{{ tag }}</label>
                            {% endfor %}
                        </div>
                    </div>
@@ -365,65 +387,86 @@
                    <table id="chlist" class="table table-dark table-hover small">
                        <tbody class="list">
                        {% for channel in playlist.channels %}
-                            <tr class="chrow"
-                                data-id="{{ channel.id }}"
-                                data-group="{{ channel.groupId ?? 'all' }}"
-                                data-online="{{ channel.isOnline ? 1 : 0 }}"
-                                data-chtags="{{ channel.tags|join('|') }}"
-                                title="&#010;HTTP: {{ channel.status ?: '(неизвестно)' }}&#010;Error: {{ channel.error ?: '(нет)' }}"
-                            >
-                                <td class="chindex">{{ loop.index }}</td>
+                        <tr class="chrow"
+                            data-id="{{ channel.id }}"
+                            data-group="{{ channel.groupId ?? 'all' }}"
+                            data-online="{{ channel.isOnline ? 1 : 0 }}"
+                            data-chtags="{{ channel.tags|join('|') }}"
+                            title="&#010;HTTP: {{ channel.status ?: '(неизвестно)' }}&#010;Error: {{ channel.error ?: '(нет)' }}"
+                        >
+                            <td class="chindex">{{ loop.index }}</td>

-                                <td class="chlogo text-center">
-                                    {% if (channel.attributes['tvg-logo']) %}
-                                        <img class="tvg-logo"
-                                             alt="Логотип канала '{{ channel.title }}'"
-                                             title="Логотип канала '{{ channel.title }}'"
-                                             src="{{ channel.attributes['tvg-logo'] }}"
-                                             onerror="setDefaultLogo(this)"
-                                        />
-                                    {% else %}
-                                        <img class="tvg-logo"
-                                             alt="Нет логотипа для канала '{{ channel.title }}'"
-                                             title="Нет логотипа для канала '{{ channel.title }}'"
-                                             src="/no-tvg-logo.png"
-                                        />
-                                    {% endif %}
-                                </td>
+                            <td class="chlogo text-center">
+                                {% if (channel.attributes['tvg-logo']) %}
+                                <img class="tvg-logo"
+                                     alt="Логотип канала '{{ channel.title }}'"
+                                     title="Логотип канала '{{ channel.title }}'"
+                                     src="{{ channel.attributes['tvg-logo'] }}"
+                                     onerror="setDefaultLogo(this)"
+                                />
+                                {% else %}
+                                <img class="tvg-logo"
+                                     alt="Нет логотипа для канала '{{ channel.title }}'"
+                                     title="Нет логотипа для канала '{{ channel.title }}'"
+                                     src="/no-tvg-logo.png"
+                                />
+                                {% endif %}
+                            </td>

-                                <td class="text-break">
-                                    <ion-icon name="radio-button-on-outline"
-                                    {% if (channel.isOnline) %}
-                                        class="me-1 text-success"
-                                        title="Состояние: онлайн"
-                                    {% else %}
-                                        class="me-1 text-danger"
-                                        title="Состояние: оффлайн"
-                                    {% endif %}
+                            <td class="text-break">
+                                {% if channel.isOnline is same as (true) %}
+                                <ion-icon name="radio-button-on-outline"
+                                          class="cursor-help me-1 text-success"
+                                          title="Состояние: онлайн (возможно, работает прямо сейчас)"
+                                ></ion-icon>
+                                {% else %}
+                                <ion-icon name="radio-button-on-outline"
+                                          class="cursor-help me-1 text-danger"
+                                          title="Состояние: оффлайн (не работал в момент проверки или не удалось проверить)"
+                                ></ion-icon>
+                                {% endif %}

-                                    ></ion-icon>{% if "adult" in channel.tags %}
-                                        <span class="badge small bg-warning text-dark" title="Канал для взрослых!">18+</span>
-                                    {% endif %}<span class="chname">{{ channel.title }}</span>
-                                    <div class="text-secondary small">
-                                        {% if (channel.attributes['tvg-id']) %}
-                                        <div title="tvg-id">
-                                            <ion-icon name="star-outline" class="me-1"></ion-icon>&nbsp;{{ channel.attributes['tvg-id'] }}
-                                        </div>
-                                        {% endif %}
-                                        {% if (channel.contentType != null) %}
-                                        <div title="MIME type">
-                                            <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="me-1"></ion-icon>
-                                            {% for tag in channel.tags %}
-                                                <span class="chtag">#{{ tag }}</span>
-                                            {% endfor %}
-                                        {% endif %}
+                                {% if "adult" in channel.tags %}
+                                <span class="badge small bg-warning text-dark"
+                                      title="Канал для взрослых!"
+                                >18+</span>
+                                {% endif %}
+
+                                {% if channel.hasToken is same as (true) %}
+                                <span class="cursor-help badge small bg-info text-dark"
+                                      title="Может быть нестабилен"
+                                >
+                                    <ion-icon name="paw"></ion-icon>
+                                </span>
+                                {% endif %}
+
+                                <span class="chname">{{ channel.title }}</span>
+
+                                <div class="text-secondary small">
+                                    {% if (channel.attributes['tvg-id']) %}
+                                    <div title="Идентификатор канала для телепрограммы (tvg-id)" class="cursor-help">
+                                        <ion-icon name="star-outline" class="me-1"></ion-icon>&nbsp;{{ channel.attributes['tvg-id'] }}
                                    </div>
-                                </td>
-                            </tr>
+                                    {% endif %}
+
+                                    {% 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>
@@ -434,84 +477,84 @@
 {% endblock %}

 {% block footer %}
-    <script src="/js/list.min.js"></script>
-    <script>
-        const options = {
-            valueNames: [
-                'chname',
-                {data: ['online', 'group', 'tag', 'chtags']}
-            ],
-        };
+<script src="/js/list.min.js"></script>
+<script>
+    const options = {
+        valueNames: [
+            'chname',
+            {data: ['online', 'group', 'tag', 'chtags']}
+        ],
+    };

-        const list = new List('chlist', options)
-        list.on('updated', (data) => document.getElementById('chcount').innerText = data.visibleItems.length)
-        document.getElementById('search-field').addEventListener('keyup', (e) => list.search(e.target.value))
+    const list = new List('chlist', options)
+    list.on('updated', (data) => document.getElementById('chcount').innerText = data.visibleItems.length)
+    document.getElementById('search-field').addEventListener('keyup', (e) => list.search(e.target.value))

-        document.addEventListener("DOMContentLoaded", () => {
-            const alert = document.getElementById("toomuchalert");
-            !!alert && alert.remove()
-        });
+    document.addEventListener("DOMContentLoaded", () => {
+        const alert = document.getElementById("toomuchalert");
+        !!alert && alert.remove()
+    });

-        function savePlaylist() {
-            const link = document.createElement("a");
-            const content = document.getElementById("m3u-raw").value
-            const file = new Blob([content], { type: 'text/plain' });
-            link.href = URL.createObjectURL(file);
-            link.download = "{{ playlist.code }}.m3u8";
-            link.click();
-            URL.revokeObjectURL(link.href);
+    function savePlaylist() {
+        const link = document.createElement("a");
+        const content = document.getElementById("m3u-raw").value
+        const file = new Blob([content], { type: 'text/plain' });
+        link.href = URL.createObjectURL(file);
+        link.download = "{{ playlist.code }}.m3u8";
+        link.click();
+        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() {
-            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>
+    }
+</script>
 {% endblock %}
--- a/views/list.twig
+++ b/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,27 +11,27 @@
 {% block metakeywords %}самообновляемые,бесплатные,iptv-плейлисты,iptv,плейлисты{% endblock %}

 {% block head %}
-    <style>
-        .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-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}
-    </style>
-    <script>
-        function setDefaultLogo(imgtag) {
-            imgtag.onerror = null
-            imgtag.src = '/no-tvg-logo.png'
-        }
-    </script>
+<style>
+    .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-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}
+</style>
+<script>
+    function setDefaultLogo(imgtag) {
+        imgtag.onerror = null
+        imgtag.src = '/no-tvg-logo.png'
+    }
+</script>
 {% endblock %}

 {% block header %}
-    <div class="d-flex flex-wrap justify-content-between align-items-center mb-4">
-        <div class="mb-2">
-            <h2 class="mb-0">Список плейлистов ({{ count }})</h2>
-            <div class="text-muted small">Изменён {{ updatedAt }} МСК</div>
-        </div>
+<div class="d-flex flex-wrap justify-content-between align-items-center mb-4">
+    <div class="mb-2">
+        <h2 class="mb-0">Список плейлистов ({{ count }})</h2>
+        <div class="text-muted small">Изменён {{ updatedAt }} МСК</div>
    </div>
+</div>
 {% endblock %}

 {% block content %}
@@ -49,17 +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
-                                    {% 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) %}
-                                <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 %}
+
+                            {% 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>
@@ -69,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) %}
@@ -96,8 +116,8 @@
                    </div>

                    <div class="card-footer cursor-pointer"
-                        onclick="prompt('Скопируй адрес плейлиста. Если не работает, добавь \'.m3u\' в конец.', '{{ base_url(playlist.code) }}')"
-                        title="Нажми чтобы скопировать"
+                         onclick="copyPlaylistUrl('{{ playlist.code }}')"
+                         title="Нажми на ссылку, чтобы скопировать её в буфер обмена"
                    >
                        <div class="d-flex justify-content-between align-items-center small">
                            <span class="font-monospace text-truncate">
--- a/views/notfound.twig
+++ b/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>Перейти к списку плейлистов
--- a/views/template.twig
+++ b/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>
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