anthony/iptv
0
0
Fork 0
mirror of https://github.com/anthonyaxenov/iptv.git synced 2024-11-25 06:44:25 +00:00
Code Issues Activity

Улучшенная вёрстка

Browse Source
This commit is contained in:
Anthony Axenov 2022-09-03 18:17:24 +08:00
parent 826dc9ab96
commit b65ab2cca0
Signed by: anthony
GPG Key ID: EA9EC32FF7CCD4EC
4 changed files with 29 additions and 29 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
src/views/details.twig
View File

@ -3,7 +3,6 @@
{% block title %}{{ title }}{% endblock %} {% block title %}{{ title }}{% endblock %}
{% block header %} {% block header %}
<a href="{{ base_url() }}" class="btn btn-outline-light mb-3"><< Назад</a>
<h2>{{ name }}</h2> <h2>{{ name }}</h2>
{% if (encoding.alert) %} {% if (encoding.alert) %}
<div class="alert alert-warning small" role="alert"> <div class="alert alert-warning small" role="alert">
@ -23,7 +22,7 @@
<tr> <tr>
<td class="w-25">ID</td> <td class="w-25">ID</td>
<td> <td>
{{ id }}&nbsp;{% if status == 'online' %} <code>{{ id }}</code>&nbsp;{% if status == 'online' %}
<span class="badge small text-dark bg-success">online</span> <span class="badge small text-dark bg-success">online</span>
{% elseif status == 'offline' %} {% elseif status == 'offline' %}
<span class="badge small text-dark bg-danger">offline</span> <span class="badge small text-dark bg-danger">offline</span>
@ -39,7 +38,7 @@
<td><p>{{ desc }}</p></td> <td><p>{{ desc }}</p></td>
</tr> </tr>
<tr> <tr>
<td title="Нажми на ссылку, чтобы скопировать её в буфер обмена"><b>Ccылка для ТВ</b></td> <td><b>Ccылка для ТВ</b></td>
<td><b onclick="prompt('Скопируй адрес плейлиста', '{{ url }}')" <td><b onclick="prompt('Скопируй адрес плейлиста', '{{ url }}')"
data-bs-toggle="tooltip" data-bs-toggle="tooltip"
data-bs-placement="top" data-bs-placement="top"

1
src/views/faq.twig
View File

@ -1,7 +1,6 @@
{% extends "layouts/default.twig" %} {% extends "layouts/default.twig" %}
{% block header %} {% block header %}
<a href="{{ base_url() }}" class="btn btn-outline-light mb-3"><< Назад</a>
<h2>FAQ</h2> <h2>FAQ</h2>
{% endblock %} {% endblock %}

7
src/views/layouts/default.twig
View File

@ -18,13 +18,13 @@
<meta name="msapplication-TileImage" content="{{ base_url('/favicon/mstile-144x144.png') }}"> <meta name="msapplication-TileImage" content="{{ base_url('/favicon/mstile-144x144.png') }}">
<meta name="theme-color" content="#212529"> <meta name="theme-color" content="#212529">
{% block head %}{% endblock %}
</head> </head>
<body class="bg-dark text-light"> <body class="bg-dark text-light">
<div class="container col-lg-8 mx-auto"> <div class="container col-lg-8 mx-auto">
<header> <header>
<nav class="navbar navbar-expand-lg navbar-dark"> <nav class="navbar navbar-expand-lg navbar-dark">
<img src="{{ base_url('/favicon/favicon-32x32.png') }}" class="d-inline-block align-text-top" alt=""/> <img src="{{ base_url('/favicon/favicon-32x32.png') }}" class="d-inline-block align-text-top px-lg-1" alt=""/>
<a class="navbar-brand" href="{{ base_url() }}" title="На главную"> <a class="navbar-brand" href="{{ base_url() }}" title="На главную">
{{ config('app.title') }} {{ config('app.title') }}
</a> </a>
@ -53,7 +53,8 @@
</nav> </nav>
</header> </header>
<div class="pt-md-5 pb-0"> <div class="pt-lg-3 px-0 pb-0">
{% block header %}{% endblock %}
{% block content %}{% endblock %} {% block content %}{% endblock %}
</div> </div>

45
src/views/list.twig
View File

@ -1,7 +1,5 @@
{% extends "layouts/default.twig" %} {% extends "layouts/default.twig" %}
{% block title %}{{ title }}{% endblock %}
{% block header %} {% block header %}
<p class="text-muted small"> <p class="text-muted small">
Обновлено:&nbsp;{{ updated_at }}&nbsp;МСК<br/> Обновлено:&nbsp;{{ updated_at }}&nbsp;МСК<br/>
@ -11,13 +9,14 @@
{% endblock %} {% endblock %}
{% block content %} {% block content %}
<table class="table table-dark table-hover small"> <div class="table-responsive">
<table class="table table-responsive table-dark table-hover small">
<thead> <thead>
<tr> <tr>
<th>ID</th> <th>ID</th>
<th>Информация о плейлисте</th> <th>Информация о плейлисте</th>
<th>Каналов</th> <th>Каналов</th>
<th title="Нажми на ссылку, чтобы скопировать её в буфер обмена">Ссылка для ТВ</th> <th class="d-none d-sm-table-cell">Ссылка для ТВ</th>
</tr> </tr>
</thead> </thead>
<tbody> <tbody>
@ -29,11 +28,12 @@
<td class="info"> <td class="info">
<strong>{{ playlist.name }}</strong> <strong>{{ playlist.name }}</strong>
<span class="badge small bg-secondary text-dark status">loading</span> <span class="badge small bg-secondary text-dark status">loading</span>
<div class="small"> <div class="small mt-2">
{% if playlist.desc|length > 0 %} {% if playlist.desc|length > 0 %}
<p class="my-1">{{ playlist.desc }}</p> <p class="my-1 d-none d-lg-block">{{ playlist.desc }}</p>
{% endif %} {% endif %}
<a href="{{ base_url(id ~ '/details') }}">Подробнее...</a> <a href="{{ base_url(id ~ '/details') }}">Подробнее...</a>
{# <a class="btn btn-sm btn-outline-light" href="{{ base_url(id ~ '/details') }}">Подробнее...</a>#}
</div> </div>
</td> </td>
<td class="text-center count"> <td class="text-center count">
@ -41,7 +41,7 @@
<span class="visually-hidden">загрузка...</span> <span class="visually-hidden">загрузка...</span>
</div> </div>
</td> </td>
<td class="col-3"> <td class="col-3 d-none d-sm-table-cell">
<span onclick="prompt('Скопируй адрес плейлиста', '{{ playlist.url }}')" <span onclick="prompt('Скопируй адрес плейлиста', '{{ playlist.url }}')"
data-bs-toggle="tooltip" data-bs-toggle="tooltip"
data-bs-placement="top" data-bs-placement="top"
@ -55,22 +55,23 @@
</tbody> </tbody>
</table> </table>
{% if pages.count > 0 %} {% if pages.count > 0 %}
<nav aria-label="pages"> <div aria-label="pages">
<ul class="pagination pagination-sm justify-content-center"> <ul class="pagination justify-content-center">
{% for page in range(1, pages.count) %} {% for page in range(1, pages.count) %}
{% if page == pages.current %} {% if page == pages.current %}
<li class="page-item active" aria-current="page"> <li class="page-item active" aria-current="page">
<span class="page-link">{{ page }}</span> <span class="page-link">{{ page }}</span>
</li> </li>
{% else %} {% else %}
<li class="page-item"> <li class="page-item">
<a class="page-link" href="{{ base_url('page/' ~ page) }}">{{ page }}</a> <a class="page-link bg-dark border-secondary text-light" href="{{ base_url('page/' ~ page) }}">{{ page }}</a>
</li> </li>
{% endif %} {% endif %}
{% endfor %} {% endfor %}
</ul> </ul>
</nav> </div>
{% endif %} {% endif %}
</div>
{% endblock %} {% endblock %}
{% block footer %} {% block footer %}