add checkbox to medium items

This commit is contained in:
James Taylor 2018-07-08 16:27:08 -07:00
parent 26620cbac8
commit f4024573dc
2 changed files with 46 additions and 30 deletions

View File

@ -51,32 +51,37 @@ page_button_template = Template('''<a class="page-button" href="$href">$page</a>
current_page_button_template = Template('''<div class="current-page-button">$page</a>''')
medium_playlist_item_template = Template('''
<div class="medium-item">
<a class="playlist-thumbnail-box" href="$url" title="$title">
<img class="playlist-thumbnail-img" src="$thumbnail">
<div class="playlist-thumbnail-info">
<span>$size</span>
</div>
</a>
<div class="medium-item-box">
<div class="medium-item">
<a class="playlist-thumbnail-box" href="$url" title="$title">
<img class="playlist-thumbnail-img" src="$thumbnail">
<div class="playlist-thumbnail-info">
<span>$size</span>
</div>
</a>
<a class="title" href="$url" title="$title">$title</a>
<div class="stats">$stats</div>
<a class="title" href="$url" title="$title">$title</a>
<div class="stats">$stats</div>
</div>
</div>
''')
medium_video_item_template = Template('''
<div class="medium-item">
<a class="video-thumbnail-box" href="$url" title="$title">
<img class="video-thumbnail-img" src="$thumbnail">
<span class="video-duration">$duration</span>
</a>
<div class="medium-item-box">
<div class="medium-item">
<a class="video-thumbnail-box" href="$url" title="$title">
<img class="video-thumbnail-img" src="$thumbnail">
<span class="video-duration">$duration</span>
</a>
<a class="title" href="$url">$title</a>
<div class="stats">$stats</div>
<a class="title" href="$url">$title</a>
<div class="stats">$stats</div>
<span class="description">$description</span>
<span class="badges">$badges</span>
<span class="description">$description</span>
<span class="badges">$badges</span>
</div>
<input class="item-checkbox" type="checkbox" name="video_info_list" value="$video_info" form="playlist-add">
</div>
''')
@ -114,18 +119,20 @@ small_playlist_item_template = Template('''
''')
medium_channel_item_template = Template('''
<div class="medium-item">
<a class="video-thumbnail-box" href="$url" title="$title">
<img class="video-thumbnail-img" src="$thumbnail">
<span class="video-duration">$duration</span>
</a>
<div class="medium-item-box">
<div class="medium-item">
<a class="video-thumbnail-box" href="$url" title="$title">
<img class="video-thumbnail-img" src="$thumbnail">
<span class="video-duration">$duration</span>
</a>
<a class="title" href="$url">$title</a>
<span>$subscriber_count</span>
<span>$size</span>
<a class="title" href="$url">$title</a>
<span>$subscriber_count</span>
<span>$size</span>
<span class="description">$description</span>
<span class="description">$description</span>
</div>
</div>
''')

View File

@ -169,6 +169,11 @@ address{
grid-row: 5;
}
.medium-item-box{
display:grid;
grid-template-columns: 1fr 0fr;
}
.medium-item{
background-color:#bcbcbc;
text-decoration:none;
@ -291,6 +296,8 @@ address{
/* ---Thumbnails for videos---- */
.video-thumbnail-box{
max-height:100%;
grid-column:1;
grid-row:1 / span 6;
@ -313,6 +320,8 @@ address{
/* ---Thumbnails for playlists---- */
.playlist-thumbnail-box{
max-height:100%;
grid-column:1;
grid-row:1 / span 6;