fork from github/youtube-local
This commit is contained in:
Brandon4466
180
youtube/templates/subscriptions.html
Normal file
180
youtube/templates/subscriptions.html
Normal file
@@ -0,0 +1,180 @@
|
||||
{% if current_tag %}
|
||||
{% set page_title = 'Subscriptions - ' + current_tag %}
|
||||
{% else %}
|
||||
{% set page_title = 'Subscriptions' %}
|
||||
{% endif %}
|
||||
{% extends "base.html" %}
|
||||
{% import "common_elements.html" as common_elements %}
|
||||
|
||||
{% block style %}
|
||||
main{
|
||||
display:flex;
|
||||
flex-direction: row;
|
||||
padding-right:0px;
|
||||
}
|
||||
.video-section{
|
||||
flex-grow: 1;
|
||||
padding-left: 10px;
|
||||
padding-top: 10px;
|
||||
}
|
||||
.current-tag{
|
||||
margin-bottom:10px;
|
||||
}
|
||||
.video-section .page-button-row{
|
||||
justify-content: center;
|
||||
}
|
||||
.subscriptions-sidebar-fixed-container{
|
||||
display: none;
|
||||
}
|
||||
.subscriptions-sidebar{
|
||||
width: 310px;
|
||||
max-width: 100%;
|
||||
background-color: var(--interface-color);
|
||||
border-left: 1px solid;
|
||||
border-left-color: var(--interface-border-color);
|
||||
}
|
||||
.sidebar-links{
|
||||
display:flex;
|
||||
justify-content: space-between;
|
||||
padding-left:10px;
|
||||
padding-right: 10px;
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
.sidebar-list{
|
||||
list-style: none;
|
||||
padding-left:10px;
|
||||
padding-right: 10px;
|
||||
}
|
||||
.sidebar-list-item{
|
||||
display:flex;
|
||||
justify-content: space-between;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
.sub-refresh-list .sidebar-item-name{
|
||||
text-overflow: clip;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
max-width: 200px;
|
||||
}
|
||||
@media (max-width:750px){
|
||||
main{
|
||||
display: initial;
|
||||
position: relative;
|
||||
padding-bottom: 70px;
|
||||
}
|
||||
.subscriptions-sidebar{
|
||||
position: absolute;
|
||||
right: 0px;
|
||||
top: 0px;
|
||||
}
|
||||
#subscriptions-sidebar-toggle-cbox:not(:checked) + .subscriptions-sidebar{
|
||||
visibility: hidden;
|
||||
}
|
||||
.subscriptions-sidebar-fixed-container{
|
||||
display: flex;
|
||||
align-items: center;
|
||||
position: fixed;
|
||||
bottom: 0px;
|
||||
right: 0px;
|
||||
background-color: var(--interface-color);
|
||||
height: 70px;
|
||||
width: 310px;
|
||||
max-width: 100%;
|
||||
border-width: 1px 0px 0px 1px;
|
||||
border-style: solid;
|
||||
border-color: var(--interface-border-color);
|
||||
}
|
||||
.subscriptions-sidebar-toggle-button{
|
||||
display: block;
|
||||
visibility: visible;
|
||||
height: 60px;
|
||||
width: 60px;
|
||||
opacity: 0.75;
|
||||
margin-left: auto;
|
||||
}
|
||||
.subscriptions-sidebar-toggle-button .button{
|
||||
width:100%;
|
||||
height:100%;
|
||||
white-space: pre-wrap;
|
||||
}
|
||||
}
|
||||
{% endblock style %}
|
||||
|
||||
{% block main %}
|
||||
<div class="video-section">
|
||||
{% if current_tag %}
|
||||
<h2 class="current-tag">{{ current_tag }}</h2>
|
||||
{% endif %}
|
||||
<nav class="item-grid">
|
||||
{% for video_info in videos %}
|
||||
{{ common_elements.item(video_info) }}
|
||||
{% endfor %}
|
||||
</nav>
|
||||
|
||||
<nav class="page-button-row">
|
||||
{{ common_elements.page_buttons(num_pages, '/youtube.com/subscriptions', parameters_dictionary) }}
|
||||
</nav>
|
||||
</div>
|
||||
|
||||
<input id="subscriptions-sidebar-toggle-cbox" type="checkbox" hidden>
|
||||
<div class="subscriptions-sidebar">
|
||||
<div class="subscriptions-sidebar-fixed-container">
|
||||
<div class="subscriptions-sidebar-toggle-button">
|
||||
<label class="button" for="subscriptions-sidebar-toggle-cbox">Toggle
|
||||
Sidebar</label>
|
||||
</div>
|
||||
</div>
|
||||
<div class="sidebar-links">
|
||||
<a href="/youtube.com/subscription_manager" class="sub-manager-link">Subscription Manager</a>
|
||||
<form method="POST" class="refresh-all">
|
||||
<input type="submit" value="Check All">
|
||||
<input type="hidden" name="action" value="refresh">
|
||||
<input type="hidden" name="type" value="all">
|
||||
</form>
|
||||
</div>
|
||||
|
||||
<hr>
|
||||
|
||||
<ol class="sidebar-list tags">
|
||||
{% if current_tag %}
|
||||
<li class="sidebar-list-item">
|
||||
<a href="/youtube.com/subscriptions" class="sidebar-item-name">Any tag</a>
|
||||
</li>
|
||||
{% endif %}
|
||||
|
||||
{% for tag in tags %}
|
||||
<li class="sidebar-list-item">
|
||||
{% if tag == current_tag %}
|
||||
<span class="sidebar-item-name">{{ tag }}</span>
|
||||
{% else %}
|
||||
<a href="?tag={{ tag|urlencode }}" class="sidebar-item-name">{{ tag }}</a>
|
||||
{% endif %}
|
||||
<form method="POST" class="sidebar-item-refresh">
|
||||
<input type="submit" value="Check">
|
||||
<input type="hidden" name="action" value="refresh">
|
||||
<input type="hidden" name="type" value="tag">
|
||||
<input type="hidden" name="tag_name" value="{{ tag }}">
|
||||
</form>
|
||||
</li>
|
||||
{% endfor %}
|
||||
</ol>
|
||||
|
||||
<hr>
|
||||
|
||||
<ol class="sidebar-list sub-refresh-list">
|
||||
{% for subscription in subscription_list %}
|
||||
<li class="sidebar-list-item {{ 'muted' if subscription['muted'] else '' }}">
|
||||
<a href="{{ subscription['channel_url'] }}" class="sidebar-item-name" title="{{ subscription['channel_name'] }}">{{ subscription['channel_name'] }}</a>
|
||||
<form method="POST" class="sidebar-item-refresh">
|
||||
<input type="submit" value="Check">
|
||||
<input type="hidden" name="action" value="refresh">
|
||||
<input type="hidden" name="type" value="channel">
|
||||
<input type="hidden" name="channel_id" value="{{ subscription['channel_id'] }}">
|
||||
</form>
|
||||
</li>
|
||||
{% endfor %}
|
||||
</ol>
|
||||
</div>
|
||||
|
||||
{% endblock main %}
|
||||
Reference in New Issue
Block a user