1
1
mirror of https://github.com/anthonyaxenov/iptv.git synced 2024-12-22 06:15:48 +00:00

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

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

View File

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

View File

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

View File

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

View File

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