Улучшенная вёрстка
parent
826dc9ab96
commit
b65ab2cca0
GPG Key ID:
EA9EC32FF7CCD4EC
|
|
@ -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 }} {% if status == 'online' %}
|
||||
<code>{{ id }}</code> {% 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"
|
||||
|
|
|
|||
|
|
@ -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 %}
|
||||
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
||||
|
|
|
|||
|
|
@ -1,7 +1,5 @@
|
|||
{% extends "layouts/default.twig" %}
|
||||
|
||||
{% block title %}{{ title }}{% endblock %}
|
||||
|
||||
{% block header %}
|
||||
<p class="text-muted small">
|
||||
Обновлено: {{ updated_at }} МСК<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 %}
|
||||
|
|
|
|||
Loading…
Reference in New Issue