restyle #9

Merged
anthony merged 7 commits from restyle into master 2025-07-19 16:22:22 +03:00
9 changed files with 257 additions and 212 deletions

View File

@@ -21,6 +21,30 @@ use Psr\Http\Message\ServerRequestInterface;
*/ */
class ApiController extends BasicController class ApiController extends BasicController
{ {
/**
* Возвращает информацию о плейлисте
*
* @param ServerRequestInterface $request
* @param ResponseInterface $response
* @return ResponseInterface
* @throws Exception
*/
public function getOne(ServerRequestInterface $request, ResponseInterface $response): ResponseInterface
{
try {
$code = $request->getAttributes()['code'] ?? null;
empty($code) && throw new PlaylistNotFoundException('');
$playlist = ini()->getPlaylist($code);
if ($playlist['isOnline'] === true) {
unset($playlist['content']);
}
return $this->responseJson($response, 200, $playlist);
} catch (PlaylistNotFoundException $e) {
return $this->responseJsonError($response, 404, $e);
}
}
/** /**
* Возвращает информацию о каналов плейлиста * Возвращает информацию о каналов плейлиста
* *
@@ -56,24 +80,4 @@ class ApiController extends BasicController
return $response->withStatus(200) return $response->withStatus(200)
->withHeader('Content-Type', $mime); ->withHeader('Content-Type', $mime);
} }
/**
* Возвращает информацию о плейлисте
*
* @param ServerRequestInterface $request
* @param ResponseInterface $response
* @return ResponseInterface
* @throws Exception
*/
public function json(ServerRequestInterface $request, ResponseInterface $response): ResponseInterface
{
$code = $request->getAttributes()['code'];
try {
$playlist = ini()->getPlaylist($code);
return $this->responseJson($response, 200, $playlist);
} catch (PlaylistNotFoundException $e) {
return $this->responseJsonError($response, 404, $e);
}
}
} }

View File

@@ -34,8 +34,9 @@ class BasicController
*/ */
public function notFound(ServerRequestInterface $request, ResponseInterface $response): ResponseInterface public function notFound(ServerRequestInterface $request, ResponseInterface $response): ResponseInterface
{ {
$code = $request->getAttributes()['code'] ?? '';
$response->withStatus(404); $response->withStatus(404);
$this->view($request, $response, 'notfound.twig'); $this->view($request, $response, 'notfound.twig', ['code' => $code]);
return $response; return $response;
} }

View File

@@ -63,21 +63,6 @@ class WebController extends BasicController
]); ]);
} }
/**
* Возвращает страницу FAQ
*
* @param ServerRequestInterface $request
* @param ResponseInterface $response
* @return ResponseInterface
* @throws LoaderError
* @throws RuntimeError
* @throws SyntaxError
*/
public function faq(ServerRequestInterface $request, ResponseInterface $response): ResponseInterface
{
return $this->view($request, $response, 'faq.twig');
}
/** /**
* Переадресует запрос на прямую ссылку плейлиста * Переадресует запрос на прямую ссылку плейлиста
* *

View File

@@ -41,7 +41,11 @@ class IniFile
// сохраняем порядок // сохраняем порядок
foreach (array_keys($ini) as $code) { foreach (array_keys($ini) as $code) {
$data = redis()->get($code); try {
$data = @redis()->get($code);
} catch (Throwable) {
$data = false;
}
if ($data === false) { if ($data === false) {
$raw = $ini[$code]; $raw = $ini[$code];
$data = [ $data = [

View File

@@ -6,6 +6,7 @@
*/ */
use App\Controllers\ApiController; use App\Controllers\ApiController;
use App\Controllers\BasicController;
use App\Controllers\BotController; use App\Controllers\BotController;
use App\Controllers\WebController; use App\Controllers\WebController;
@@ -35,12 +36,6 @@ return [
'handler' => [WebController::class, 'home'], 'handler' => [WebController::class, 'home'],
'name' => 'home', 'name' => 'home',
], ],
[
'method' => 'GET',
'path' => '/faq',
'handler' => [WebController::class, 'faq'],
'name' => 'faq',
],
[ [
'method' => 'GET', 'method' => 'GET',
'path' => '/{code:[0-9a-zA-Z]+}[.m3u[8]]', 'path' => '/{code:[0-9a-zA-Z]+}[.m3u[8]]',
@@ -62,13 +57,13 @@ return [
[ [
'method' => 'GET', 'method' => 'GET',
'path' => '/{code:[0-9a-zA-Z]+}/json', 'path' => '/api/playlists/{code:[0-9a-zA-Z]+}',
'handler' => [ApiController::class, 'json'], 'handler' => [ApiController::class, 'getOne'],
'name' => 'json', 'name' => 'api::getOne',
], ],
[ [
'method' => 'GET', 'method' => 'GET',
'path' => '/{code:[0-9a-zA-Z]+}/qrcode', 'path' => '/api/playlists/{code:[0-9a-zA-Z]+}/qrcode',
'handler' => [ApiController::class, 'makeQrCode'], 'handler' => [ApiController::class, 'makeQrCode'],
'name' => 'api::makeQrCode', 'name' => 'api::makeQrCode',
], ],

View File

@@ -175,7 +175,7 @@
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button> <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div> </div>
<div class="modal-body text-center"> <div class="modal-body text-center">
<img src="/{{ playlist.code }}/qrcode" alt=""> <img src="/api/playlists/{{ playlist.code }}/qrcode" alt="">
</div> </div>
</div> </div>
</div> </div>

View File

@@ -10,119 +10,128 @@
{% block metakeywords %}самообновляемые,бесплатные,iptv-плейлисты,iptv,плейлисты{% endblock %} {% 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>
{% endblock %}
{% block header %} {% block header %}
<div class="row text-muted small"> <div class="d-flex flex-wrap justify-content-between align-items-center mb-4">
<div class="col-md"> <div class="mb-2">
Список изменён:&nbsp;{{ updatedAt }}&nbsp;МСК<br/> <h2 class="mb-0">Список плейлистов ({{ count }})</h2>
Плейлистов в списке:&nbsp;<strong>{{ count }}</strong> <div class="text-muted small">Изменён {{ updatedAt }} МСК</div>
</div> </div>
<div class="col-md"> <div class="d-flex flex-wrap gap-2 mb-2">
Состояние проверки:<br /> <span class="badge bg-success">online: {{ onlineCount }}</span>
<span class="me-1"> <span class="badge bg-danger">offline: {{ offlineCount }}</span>
<span class="badge me-1 bg-success text-dark">online</span>{{ onlineCount }} <span class="badge bg-secondary">unknown: {{ uncheckedCount }}</span>
</span>
<span class="me-1">
<span class="badge me-1 bg-danger text-dark">offline</span>{{ offlineCount }}
</span>
<span class="me-1">
<span class="badge me-1 bg-secondary text-dark" title="В очереди на проверку">unknown</span>{{ uncheckedCount }}
</span>
</div> </div>
</div> </div>
<hr/>
{% endblock %} {% endblock %}
{% block content %} {% block content %}
<div class="table-responsive"> <div class="row g-4">
<table class="table table-responsive table-dark table-hover small">
<thead>
<tr>
<th class="col-1 text-center">Код</th>
<th class="col-8">Информация о плейлисте</th>
<th class="col-1 text-center">Каналов</th>
<th class="col-2 d-none d-sm-table-cell">Ссылка для ТВ</th>
</tr>
</thead>
<tbody>
{% for code, playlist in playlists %} {% for code, playlist in playlists %}
<tr class="pls" data-playlist-code="{{ code }}"> {% set statusClass = 'secondary' %}
<td class="text-center font-monospace code">{{ code }}</td> {% if playlist.isOnline is same as(true) %}
<td class="info"> {% set statusClass = 'success' %}
{% if playlist.isOnline is same as(true) %} {% elseif playlist.isOnline is same as(false) %}
<span class="badge small bg-success text-dark">online</span> {% set statusClass = 'danger' %}
{% elseif playlist.isOnline is same as(false) %} {% endif %}
<span class="badge small bg-danger text-dark">offline</span>
{% elseif playlist.isOnline is same as(null) %} <div class="col-md-6 col-lg-4">
<span class="badge small bg-secondary text-dark" title="В очереди на проверку">unknown</span> <div class="card bg-dark text-light h-100 border border-{{ statusClass }} hover-{{ statusClass }} position-relative">
{% endif %} <a href="/{{ code }}/details" class="text-decoration-none">
{% if "adult" in playlist.tags %} <div class="card-header d-flex align-items-center gap-2">
<span class="badge small bg-warning text-dark" title="Есть каналы для взрослых!">18+</span> <span class="font-monospace text-{{ statusClass }}">{{ code }}</span>
{% endif %} <span class="badge bg-{{ statusClass }} ms-auto">
<a href="/{{ code }}/details" class="text-light fw-bold text-decoration-none">{{ playlist.name }}</a> {% if playlist.isOnline is same as(true) %}online
<div class="small mt-2"> {% elseif playlist.isOnline is same as(false) %}offline
<p class="my-1 d-none d-lg-block"> {% elseif playlist.isOnline is same as(null) %}unknown
{% endif %}
</span>
{% if "adult" in playlist.tags %}
<span class="badge bg-warning text-dark" title="Есть каналы для взрослых!">18+</span>
{% endif %}
</div>
</a>
<div class="card-body position-relative z-2">
<a href="/{{ code }}/details" class="text-decoration-none">
<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>
{% endif %}
<div class="d-flex flex-wrap gap-2 mb-1">
{% if playlist.isOnline is not same as(null) %}
<span class="badge border border-secondary">
<ion-icon name="videocam-outline" class="me-1"></ion-icon>&nbsp;{{ playlist.channels|length }}<span class="d-none d-xl-inline-block">&nbsp;каналов</span>
</span>
{% endif %}
{% if playlist.groups|length > 0 %} {% if playlist.groups|length > 0 %}
<ion-icon name="folder-open-outline" title="Каналы разбиты на группы"></ion-icon> <span class="badge border border-secondary">
<ion-icon name="folder-open-outline" class="me-1"></ion-icon>&nbsp;{{ playlist.groups|length }}<span class="d-none d-xl-inline-block">&nbsp;групп</span>
</span>
{% endif %} {% endif %}
{% if playlist.hasTvg %} {% if playlist.hasTvg %}
<ion-icon name="newspaper-outline" title="Есть программа передач"></ion-icon> <span class="badge border border-secondary">
<ion-icon name="newspaper-outline" class="me-1"></ion-icon><span class="d-none d-xl-inline-block">&nbsp;ТВ-программа</span>
</span>
{% endif %} {% endif %}
{% if playlist.hasCatchup %} {% if playlist.hasCatchup %}
<ion-icon name="play-back-outline" title="Есть перемотка (архив)"></ion-icon> <span class="badge border border-secondary">
<ion-icon name="play-back-outline" class="me-1"></ion-icon><span class="d-none d-xl-inline-block">&nbsp;Архив</span>
</span>
{% endif %} {% endif %}
{{ playlist.description }} </div>
</p>
{% if playlist.tags|length > 0 %}
<p class="my-1 d-none d-lg-block text-muted" title="Теги, присвоенные каналам при проверке">
<ion-icon name="pricetag-outline" class="me-1"></ion-icon>
{% for tag in playlist.tags %}
<span class="chtag">#{{ tag }}</span>
{% endfor %}
</p>
{% endif %}
<a href="/{{ code }}/details" class="text-light">Подробнее...</a>
</div> </div>
</td>
<td class="text-center"> <div class="card-footer cursor-pointer"
{% if (playlist.isOnline is not same as(null)) %} onclick="prompt('Скопируй адрес плейлиста. Если не работает, добавь \'.m3u\' в конец.', '{{ mirror_url(playlist.code) }}')"
{{ playlist.channels|length }} title="Нажми чтобы скопировать"
{% else %}
?
{% endif %}
</td>
<td class="d-none d-sm-table-cell">
<span onclick="prompt('Скопируй адрес плейлиста. Если не работает, добавь \'.m3u\' в конец.', '{{ mirror_url(playlist.code) }}')"
title="Нажми на ссылку, чтобы скопировать её в буфер обмена"
class="font-monospace cursor-pointer"
data-bs-toggle="tooltip"
data-bs-placement="top"
title="Нажми на ссылку, чтобы скопировать её в буфер обмена"
> >
{{ mirror_url(playlist.code) }} <div class="d-flex justify-content-between align-items-center small">
</span> <span class="font-monospace text-truncate">
</td> {{ mirror_url(playlist.code) }}
</tr> </span>
<ion-icon name="copy-outline"></ion-icon>
</div>
</div>
<a href="/{{ code }}/details" class="text-decoration-none">
</a>
</div>
</div>
{% endfor %} {% endfor %}
</tbody>
</table>
{% if pageCount > 1 %}
<div aria-label="pages">
<ul class="pagination justify-content-center">
{% for page in range(1, pageCount) %}
{% if page == pageCurrent %}
<li class="page-item active" aria-current="page">
<span class="page-link">{{ page }}</span>
</li>
{% else %}
<li class="page-item">
<a class="page-link bg-dark border-secondary text-light" href="page/{{ page }}">{{ page }}</a>
</li>
{% endif %}
{% endfor %}
</ul>
</div> </div>
{% if pageCount > 1 %}
<nav class="mt-4">
<ul class="pagination justify-content-center">
{% for page in range(1, pageCount) %}
{% if page == pageCurrent %}
<li class="page-item active" aria-current="page">
<span class="page-link">{{ page }}</span>
</li>
{% else %}
<li class="page-item">
<a class="page-link bg-dark text-light" href="page/{{ page }}">{{ page }}</a>
</li>
{% endif %}
{% endfor %}
</ul>
</nav>
{% endif %} {% endif %}
</div>
{% endblock %} {% endblock %}
{% block footer %} {% block footer %}

View File

@@ -6,19 +6,26 @@
{% extends "template.twig" %} {% extends "template.twig" %}
{% block header %}
<h2>Плейлист не найден</h2>
{% endblock %}
{% block content %} {% block content %}
<div class="row"> <div class="row justify-content-center">
<div class="col-md-12"> <div class="col-md-8 col-lg-6 text-center">
<p> <div class="card bg-dark border-secondary">
Плейлист {{ id }} не найден <div class="card-body">
</p> <ion-icon name="warning-outline" class="display-1 text-warning mb-3"></ion-icon>
<a class="btn btn-outline-light" href="{{ base_url() }}" title="На главную"> <h2 class="card-title">Плейлист <code>{{ code }}</code> не найден</h2>
Перейти к списку <p class="card-text">
</a> Возможно, его здесь никогда не было, либо он уже был удалён.
</p>
<p class="text-muted small">
Если хочешь, чтобы здесь был плейлист, предложи его к добавлению.
<br />
<a href="https://iptv.axenov.dev/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>
</div>
</div>
</div> </div>
</div> </div>
{% endblock %} {% endblock %}

View File

@@ -5,7 +5,7 @@
###########################################################################} ###########################################################################}
<!DOCTYPE html> <!DOCTYPE html>
<html lang="ru"> <html lang="ru" class="h-100">
<head> <head>
<title>{% block title %}{{ config('app.title') }}{% endblock %}</title> <title>{% block title %}{{ config('app.title') }}{% endblock %}</title>
<meta charset="utf-8"> <meta charset="utf-8">
@@ -30,67 +30,107 @@
<meta name="theme-color" content="#212529"> <meta name="theme-color" content="#212529">
{% block head %}{% endblock %} {% block head %}{% endblock %}
</head> </head>
<body class="bg-dark text-light"> <body class="d-flex flex-column h-100 bg-dark text-light">
<div class="container col-lg-10 mx-auto"> <header class="sticky-top bg-dark border-bottom border-secondary">
<header> <nav class="navbar navbar-expand-lg navbar-dark container px-2">
<nav class="navbar navbar-expand-lg navbar-dark"> <a class="navbar-brand d-flex align-items-center gap-2" href="/" title="На главную">
<a class="navbar-brand" href="/" title="На главную"> <img src="/favicon/favicon-32x32.png" alt="Логотип проекта" class="d-inline-block">
<img src="/favicon/favicon-32x32.png" class="d-inline-block px-lg-1" alt="Логотип проекта - emoji телевизора"/> <span>{{ config('app.title') }}</span>
{{ config('app.title') }} </a>
</a> <button class="navbar-toggler"
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation"> type="button"
<span class="navbar-toggler-icon"></span> data-bs-toggle="collapse"
</button> data-bs-target="#navbarNav"
<div class="collapse navbar-collapse" id="navbarNav"> aria-controls="navbarNav"
<ul class="navbar-nav"> >
<li class="nav-item"> <span class="navbar-toggler-icon"></span>
<a class="nav-link" target="_blank" href="/docs">Документация</a> </button>
</li> <div class="collapse navbar-collapse" id="navbarNav">
<li class="nav-item"> <ul class="navbar-nav ms-auto">
<a class="nav-link" target="_blank" href="/docs/support.html">Помочь проекту</a> <li class="nav-item">
</li> <a class="nav-link" target="_blank" href="/docs">
<li class="nav-item dropdown"> <ion-icon name="document-text-outline" class="me-1"></ion-icon>&nbsp;Документация
<a class="nav-link dropdown-toggle" </a>
href="#" </li>
role="button" <li class="nav-item">
data-bs-toggle="dropdown" <a class="nav-link" target="_blank" href="/docs/support.html">
aria-expanded="false" <ion-icon name="heart-outline" class="me-1"></ion-icon>&nbsp;Помочь проекту
> </a>
Telegram </li>
</a> <li class="nav-item dropdown">
<ul class="dropdown-menu dropdown-menu-dark"> <a class="nav-link dropdown-toggle d-flex align-items-center"
<li><a class="dropdown-item" target="_blank" href="https://t.me/iptv_aggregator">Канал @iptv_aggregator</a></li> href="#"
<li><a class="dropdown-item" target="_blank" href="https://t.me/iptv_aggregator_chat">Чат @iptv_aggregator_chat</a></li> role="button"
<li><a class="dropdown-item" target="_blank" href="https://t.me/iptv_aggregator_bot">Бот @iptv_aggregator_bot</a></li> data-bs-toggle="dropdown"
</ul> aria-expanded="false"
</li> >
</ul> <ion-icon name="paper-plane-outline" class="me-1"></ion-icon>&nbsp;Telegram
</div> </a>
</nav> <ul class="dropdown-menu dropdown-menu-dark">
</header> <li>
<a class="dropdown-item d-flex align-items-center gap-2" target="_blank" href="https://t.me/iptv_aggregator">
<ion-icon name="megaphone-outline"></ion-icon>&nbsp;Канал @iptv_aggregator
</a>
</li>
<li>
<a class="dropdown-item d-flex align-items-center gap-2" target="_blank" href="https://t.me/iptv_aggregator_chat">
<ion-icon name="chatbubbles-outline"></ion-icon>&nbsp;Чат @iptv_aggregator_chat
</a>
</li>
<li>
<a class="dropdown-item d-flex align-items-center gap-2" target="_blank" href="https://t.me/iptv_aggregator_bot">
<ion-icon name="chatbox-ellipses-outline"></ion-icon>&nbsp;Бот @iptv_aggregator_bot
</a>
</li>
</ul>
</li>
</ul>
</div>
</nav>
</header>
<section class="container h-100 pt-lg-3 px-0 pb-0"> <main class="flex-grow-1 container py-4">
{% block header %}{% endblock %} {% block header %}{% endblock %}
<div class="content-wrapper">
{% block content %}{% endblock %} {% block content %}{% endblock %}
</section> </div>
</main>
<footer class="py-4 text-center"> <footer class="bg-dark border-top border-secondary py-4">
<script src="/js/bootstrap.bundle.min.js"></script> <div class="container text-center">
{% block footer %}{% endblock %} <div class="d-flex flex-wrap justify-content-center gap-3 mb-3">
<a target="_blank" href="/docs">Документация</a>&nbsp;|&nbsp;<a <a target="_blank" href="/docs" class="text-light text-decoration-none d-flex align-items-center gap-1">
target="_blank" href="https://git.axenov.dev/IPTV">Исходники</a>&nbsp;|&nbsp;<a <ion-icon name="document-text-outline"></ion-icon>Документация
target="_blank" href="https://axenov.dev">axenov.dev</a>&nbsp;|&nbsp;<a </a>
target="_blank" href="https://t.me/iptv_aggregator">Канал</a>&nbsp;|&nbsp;<a <a target="_blank" href="https://git.axenov.dev/IPTV" class="text-light text-decoration-none d-flex align-items-center gap-1">
target="_blank" href="https://t.me/iptv_aggregator_chat">Чат</a>&nbsp;|&nbsp;<a <ion-icon name="code-slash-outline"></ion-icon>Исходники
target="_blank" href="https://t.me/iptv_aggregator_bot">Бот</a> </a>
<a target="_blank" href="https://axenov.dev" class="text-light text-decoration-none d-flex align-items-center gap-1">
<ion-icon name="person-outline"></ion-icon>axenov.dev
</a>
<a target="_blank" href="https://t.me/iptv_aggregator" class="text-light text-decoration-none d-flex align-items-center gap-1">
<ion-icon name="megaphone-outline"></ion-icon>Канал
</a>
<a target="_blank" href="https://t.me/iptv_aggregator_chat" class="text-light text-decoration-none d-flex align-items-center gap-1">
<ion-icon name="chatbubbles-outline"></ion-icon>Чат
</a>
<a target="_blank" href="https://t.me/iptv_aggregator_bot" class="text-light text-decoration-none d-flex align-items-center gap-1">
<ion-icon name="chatbox-ellipses-outline"></ion-icon>Бот
</a>
</div>
<div>
<a class="small text-secondary d-inline-flex align-items-center gap-1"
href="https://git.axenov.dev/IPTV/web/releases/tag/v{{ version() }}"
target="_blank"
>
<ion-icon name="pricetag-outline"></ion-icon>v{{ version() }}
</a>
</div>
</div>
</footer>
<br> <script src="/js/bootstrap.bundle.min.js"></script>
<a class="small text-secondary" {% block footer %}{% endblock %}
href="https://git.axenov.dev/IPTV/web/releases/tag/v{{ version() }}"
target="_blank"
>v{{ version() }}</a>
</footer>
</div>
{% include("custom.twig") ignore missing %} {% include("custom.twig") ignore missing %}
</body> </body>