43 lines
1.3 KiB
HTML
43 lines
1.3 KiB
HTML
{% set page_title = playlist_name + ' - Local playlist' %}
|
|
{% extends "base.html" %}
|
|
{% import "common_elements.html" as common_elements %}
|
|
{% block style %}
|
|
main > *{
|
|
width: 800px;
|
|
margin: auto;
|
|
}
|
|
|
|
.playlist-metadata{
|
|
display: flex;
|
|
flex-direction: row;
|
|
justify-content: space-between;
|
|
}
|
|
.playlist-title{
|
|
}
|
|
#playlist-remove-button{
|
|
align-self: center;
|
|
white-space: nowrap;
|
|
}
|
|
#results{
|
|
display: grid;
|
|
grid-auto-rows: 0fr;
|
|
grid-row-gap: 10px;
|
|
}
|
|
{% endblock style %}
|
|
|
|
{% block main %}
|
|
<div class="playlist-metadata">
|
|
<h2 class="playlist-title">{{ playlist_name }}</h2>
|
|
<input type="hidden" name="playlist_page" value="{{ playlist_name }}" form="playlist-edit">
|
|
<button type="submit" id="playlist-remove-button" name="action" value="remove" form="playlist-edit" formaction="">Remove from playlist</button>
|
|
</div>
|
|
<div id="results">
|
|
{% for video_info in videos %}
|
|
{{ common_elements.item(video_info) }}
|
|
{% endfor %}
|
|
</div>
|
|
<nav class="page-button-row">
|
|
{{ common_elements.page_buttons(num_pages, '/https://www.youtube.com/playlists/' + playlist_name, parameters_dictionary) }}
|
|
</nav>
|
|
{% endblock main %}
|