@@ -31,11 +31,6 @@
{% block header %}
<h2>О {{ playlist .name }} </h2>
{% if playlist .isOnline is same as ( false ) %}
<div class="alert alert-danger small" role="alert">
Ошибка плейлиста: {{ playlist .content }}
</div>
{% endif %}
{% endblock %}
{% block content %}
@@ -101,7 +96,7 @@
<td class="text-break"><p class="mb-0"> {{ playlist .description }} </p></td>
</tr>
<tr>
<th scope="row">Ccылка Т В </th>
<th scope="row">Короткая ссылка </th>
<td>
<span onclick="copyPlaylistUrl(' {{ playlist .code }} ')"
class="cursor-pointer"
@@ -243,26 +238,11 @@
</p>
<p class="my-3">
В с е
Если вы являетесь правообладателем и считаете, что сведения на этой странице затрагивают ваши
права, вот какие меры вы можете предпринять прямо сейчас:
Если вы являетесь правообладателем и считаете, что сведения на этой странице затрагивают ваши права, вы можете направить конфиденциальное уведомление на адрес abuse@m3u.su.
</p>
<p class="my-3">
Плейлисты, нарушающие законодательство, удаляются с
</p>
<ul>
<li>
создать pull-request в открытом репозитории проекта с о
<a href=" {{ config ( 'app.repo_url' ) }} /playlists/src/branch/master/playlists.ini"
target="_blank"
>playlists.ini</a>, указав в комментарии к коммиту юридически значимую информацию;
</li>
<li>
<a href=" {{ config ( 'app.repo_url' ) }} /playlists/issues/new" target="_blank">создать
публичное обращение</a> в открытом репозитории проекта, указав юридически значимую
информацию;
</li>
<li>
направить конфиденциальное уведомление на адрес:
<a href="mailto:abuse@m3u.su" target="_blank">abuse@m3u.su</a>.
</li>
</ul>
</div>
</div>
</div>
@@ -273,12 +253,10 @@
{% if ( playlist .groups | length > 1 ) %}
<div class="row my-3">
<div class="col-12">
{% if ( playlist .channels | length >= 5 0 0 ) %}
<div class="alert alert-warning small" role="alert" id="toomuchalert ">
<div class="spinner-border text-success spinner-border-sm" role="status">
<span class="visually-hidden"> Загрузка...</span>
</div>
В Н а
{% if ( playlist .channels | length > 1 0 0 ) %}
<div class="alert alert-warning small" role="alert" id="chListLoading ">
<div class="spinner-border text-success spinner-border-sm" role="status"></div>
Загрузка...
</div>
{% endif %}
<div class="input-group">
@@ -386,175 +364,166 @@
<div class="chlist-table overflow-auto">
<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="
HTTP: {{ channel .status ? : '(неизвестно)' }} 
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="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 %}
{% 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> {{ channel .attributes [ 'tvg-id' ] }}
</div>
{% endif %}
{% if ( channel .contentType != null ) %}
<div title="Тип контента (mime-type)" class="cursor-help">
<ion-icon name="eye-outline" class="me-1"></ion-icon> {{ 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>
</div>
{% elseif playlist .isOnline is same as ( false ) %}
<div class="alert alert-danger small" role="alert">
Ошибка плейлиста: {{ playlist .content }}
</div>
{% elseif playlist .isOnline is same as ( null ) %}
<div class="alert alert-warning small" role="alert" id="chListLoading">
Список каналов сейчас неизвестен: плейлист ещё не проверялся, либо данные о
<br><br>
Вернитесь на эту страницу позже. Каналы будут известны, когда плейлист будет в статусе online.
</div>
{% endif %}
</div>
</div>
{% endblock %}
{% block footer %}
<script src="/js/list.min.js"></script>
< script>
const options = {
valueNames: [
'chname',
{ data: ['online', 'group', 'tag', 'chtags']}
],
};
{% if playlist .isOnline is same as ( true ) %}
<script src="/js/list.min.js"></ script>
<script>
function getChannelTemplate(channel) {
const httpCode = channel.status ?? '(неизвестно)'
const errText = !!channel.error
? channel.error.replace(/&/g, '&')
.replace(/</g, '<')
.replace(/>/g, '>')
.replace(/"/g, '"')
.replace(/'/g, ''')
: '(нет)'
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 logoUrl = channel.attributes['tvg-logo'] ?? '/no-tvg-logo.png'
const logoHint = !!channel.attributes['tvg-logo']
? `Логотип канала '$ { channel.title}'`
: `Нет логотипа для канала '$ { channel.title}'`
document.addEventListener("DOMContentLoaded", () => {
const alert = document.getElementById("toomuchalert");
!!alert && alert.remove()
});
const statusIconColor = channel.isOnline ? 'text-success' : 'text-danger'
const statusIconHint = channel.isOnline
? 'Состояние: онлайн (возможно, работает прямо сейчас)"'
: 'Состояние: оффлайн (не работал в момент проверки или ошибка проверки)"'
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);
}
const adultIcon = channel.tags.indexOf('adult') !== -1
? '<span class="badge small bg-warning text-dark" title="Канал для взрослых!">18+</span>'
: ''
function resetGroup() {
document.getElementById('groupSelector').value = 'all '
updateFilter()
}
const pawIcon = channel.hasToken
? '<span class="cursor-help badge small bg-info text-dark" title="Может быть нестабилен"><ion-icon name="paw"></ion-icon></span> '
: ''
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()
}
const tvgId = !!channel.attributes['tvg-id']
? `<div title="Идентификатор канала для телепрограммы (tvg-id)" class="cursor-help"><ion-icon name="star-outline" class="me-1"></ion-icon> $ { channel.attributes['tvg-id']}</div>`
: ``
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
const mimeType = !!channel.contentType
? `<div title="Тип контента (mime-type)" class="cursor-help"><ion-icon name="eye-outline" class="me-1"></ion-icon> $ { channel.contentType}</div>`
: ``
const tags = channel.tags.length > 0
? `<ion-icon name="pricetag-outline" class="cursor-help me-1" title="Теги"></ion-icon> `
+ channel.tags.map((tag) => `<span class="chtag">#$ { tag}</span>`).join(' ')
: ``
return `<tr class="chrow" title="
HTTP: $ { httpCode}
Error: $ { errText}">
<td class="chlogo text-center">
<img class="tvg-logo" alt="$ { logoHint}" title="$ { logoHint}" src="$ { logoUrl}" onerror="setDefaultLogo(this)" />
</td>
<td class="text-break">
<ion-icon name="radio-button-on-outline" class="cursor-help me-1 $ { statusIconColor}" title="$ { statusIconHint}"></ion-icon>
$ { adultIcon}
$ { pawIcon}
$ { channel.title}
<div class="text-secondary small">
$ { tvgId}
$ { mimeType}
$ { tags}
</div>
</td>
</tr>`
}
}
</script>
const options = {
searchColumns: ['title'],
item: (channel) => getChannelTemplate(channel),
};
const values = {{ playlist .channels | values | json_encode | raw }}
const list = new List('chlist', options, values)
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("chListLoading")
!!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 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 selectedGroupId = 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().tags
const isGroupValid = item.values().groupId === selectedGroupId || selectedGroupId === '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().isOnline
const chTags = item.values().tags
const isGroupValid = item.values().groupId === selectedGroupId || selectedGroupId === '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().isOnline
const chTags = item.values().tags
const isGroupValid = item.values().groupId === selectedGroupId || selectedGroupId === 'all';
const tagsIntersection = tagsSelected.filter(tagSelected => chTags.includes(tagSelected));
const hasValidTags = tagsIntersection.length > 0 || tagsSelected.length === 0;
return isGroupValid && isOffline && hasValidTags
})
break
}
}
</script>
{% endif %}
{% endblock %}
