2021-09-05 17:10:14 +00:00
{% extends "home/base.html" %}
{% block content %}
{% load static %}
{% load humanize %}
< div class = "title-bar" >
< h1 > Channel: {{ channel_info.channel_name }}< / h1 >
< / div >
< div class = "channel-banner" >
2021-10-13 12:34:16 +00:00
< a href = "/channel/{{ channel_info.channel_id }}/" > < img src = "/cache/channels/{{ channel_info.channel_id }}_banner.jpg" alt = "channel_banner" > < / a >
2021-09-05 17:10:14 +00:00
< / div >
2021-10-03 12:33:58 +00:00
< div class = "info-box info-box-3" >
2021-09-05 17:10:14 +00:00
< div class = "info-box-item" >
< div class = "round-img" >
< a href = "{% url 'channel_id' channel_info.channel_id %}" >
< img src = "/cache/channels/{{ channel_info.channel_id }}_thumb.jpg" alt = "channel-thumb" >
< / a >
< / div >
< div >
< h3 > < a href = "{% url 'channel_id' channel_info.channel_id %}" > {{ channel_info.channel_name }}< / a > < / h3 >
{% if channel_info.channel_subs >= 1000000 %}
< span > Subscribers: {{ channel_info.channel_subs|intword }}< / span >
{% else %}
< span > Subscribers: {{ channel_info.channel_subs|intcomma }}< / span >
{% endif %}
< / div >
< / div >
< div class = "info-box-item" >
< div >
< p > Last refreshed: {{ channel_info.channel_last_refresh }}< / p >
< p > Subscribed:
{% if channel_info.channel_subscribed %}
< button type = "button" id = "{{ channel_info.channel_id }}" onclick = "unsubscribe(this.id)" title = "Unsubscribe from {{ channel_info.channel_name }}" > Unsubscribe< / button >
{% else %}
false
{% endif %}
< / p >
< / div >
< / div >
< div class = "info-box-item" >
< div >
{% if channel_info.channel_views >= 1000000 %}
< p > Channel views: {{ channel_info.channel_views|intword }}< / p >
2021-10-09 13:33:32 +00:00
{% elif channel_info.channel_views > 0 %}
2021-09-05 17:10:14 +00:00
< p > Channel views: {{ channel_info.channel_views|intcomma }}< / p >
{% endif %}
2021-10-09 13:33:32 +00:00
{% if max_hits %}
< p > Total Videos archived: {{ max_hits }}< / p >
< p > Watched: < button title = "Mark all videos from {{ channel_info.channel_name }} as watched" type = "button" id = "{{ channel_info.channel_id }}" onclick = "isWatched(this.id)" > Mark as watched< / button > < / p >
{% endif %}
2021-09-05 17:10:14 +00:00
< p > Channel id: {{ channel_info.channel_id }}< / p >
2021-10-09 13:33:32 +00:00
< button onclick = "deleteConfirm()" id = "delete-item" > Delete Channel< / button >
< div class = "delete-confirm" id = "delete-button" >
< span > Delete {{ channel_info.channel_name }} including all videos? < / span > < button class = "danger-button" onclick = "deleteChannel(this)" data-id = "{{ channel_info.channel_id }}" > Delete< / button > < button onclick = "cancelDelete()" > Cancel< / button >
< / div >
2021-09-05 17:10:14 +00:00
< / div >
< / div >
< / div >
{% if channel_info.channel_description %}
< div class = "info-box-item description-box" >
< p > Description: < button onclick = "textReveal()" id = "text-reveal-button" > Show< / button > < / p >
< div id = "text-reveal" class = "description-text" >
{{ channel_info.channel_description|linebreaks }}
< / div >
< / div >
{% endif %}
2021-10-01 09:24:39 +00:00
< div class = "view-icons" >
< img src = "{% static 'img/icon-gridview.svg' %}" onclick = "changeView(this)" data-origin = "home" data-value = "grid" alt = "grid view" >
< img src = "{% static 'img/icon-listview.svg' %}" onclick = "changeView(this)" data-origin = "home" data-value = "list" alt = "list view" >
< / div >
2021-09-05 17:10:14 +00:00
< div id = "player" class = "video-player" > < / div >
< h2 > Videos< / h2 >
2021-10-01 09:24:39 +00:00
< div class = "video-list {{ view_style }}" >
2021-09-05 17:10:14 +00:00
{% if videos %}
{% for video in videos %}
2021-10-01 09:24:39 +00:00
< div class = "video-item {{ view_style }}" >
2021-10-11 06:33:28 +00:00
< a href = "#player" data-src = "/media/{{ video.source.media_url }}" data-thumb = "/cache/{{ video.source.vid_thumb_url }}" data-title = "{{ video.source.title }}" data-channel = "{{ video.source.channel.channel_name }}" data-id = "{{ video.source.youtube_id }}" onclick = "createPlayer(this)" >
2021-10-01 09:24:39 +00:00
< div class = "video-thumb-wrap {{ view_style }}" >
2021-09-05 17:10:14 +00:00
< div class = "video-thumb" >
2021-10-11 06:33:28 +00:00
< img src = "/cache/{{ video.source.vid_thumb_url }}" alt = "video-thumb" >
2021-09-05 17:10:14 +00:00
< / div >
< div class = "video-play" >
< img src = "{% static 'img/icon-play.svg' %}" alt = "play-icon" >
< / div >
< / div >
< / a >
2021-10-01 09:24:39 +00:00
< div class = "video-desc {{ view_style }}" >
2021-09-05 17:10:14 +00:00
< div class = "video-desc-player" id = "video-info-{{ video.source.youtube_id }}" >
{% if video.source.player.watched %}
2021-10-07 16:38:17 +00:00
< img src = "{% static 'img/icon-seen.svg' %}" alt = "seen-icon" id = "{{ video.source.youtube_id }}" onclick = "isUnwatched(this.id)" class = "seen-icon" title = "Mark as unwatched" >
2021-09-05 17:10:14 +00:00
{% else %}
< img src = "{% static 'img/icon-unseen.svg' %}" alt = "unseen-icon" id = "{{ video.source.youtube_id }}" onclick = "isWatched(this.id)" class = "unseen-icon" title = "Mark as watched." >
{% endif %}
< span > {{ video.source.published }} | {{ video.source.player.duration_str }}< / span >
< / div >
< div >
< a class = "video-more" href = "{% url 'video' video.source.youtube_id %}" > < h2 > {{ video.source.title }}< / h2 > < / a >
< / div >
< / div >
< / div >
{% endfor %}
{% else %}
< h2 > No videos found...< / h2 >
{% endif %}
< / div >
{% endblock content %}