|
|
@ -2,6 +2,46 @@
|
|
|
|
{% block content %}
|
|
|
|
{% block content %}
|
|
|
|
{% load static %}
|
|
|
|
{% load static %}
|
|
|
|
<div class="boxed-content">
|
|
|
|
<div class="boxed-content">
|
|
|
|
|
|
|
|
{% if continue_vids %}
|
|
|
|
|
|
|
|
<div class="title-bar">
|
|
|
|
|
|
|
|
<h1>Continue Watching</h1>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div class="video-list {{ view_style }}">
|
|
|
|
|
|
|
|
{% for video in continue_vids %}
|
|
|
|
|
|
|
|
<div class="video-item {{ view_style }}">
|
|
|
|
|
|
|
|
<a href="#player" data-id="{{ video.youtube_id }}" onclick="createPlayer(this)">
|
|
|
|
|
|
|
|
<div class="video-thumb-wrap {{ view_style }}">
|
|
|
|
|
|
|
|
<div class="video-thumb">
|
|
|
|
|
|
|
|
<img src="/cache/{{ video.vid_thumb_url }}" alt="video-thumb">
|
|
|
|
|
|
|
|
{% if video.player.progress %}
|
|
|
|
|
|
|
|
<div class="video-progress-bar" id="progress-{{ video.youtube_id }}" style="width: {{video.player.progress}}%;"></div>
|
|
|
|
|
|
|
|
{% else %}
|
|
|
|
|
|
|
|
<div class="video-progress-bar" id="progress-{{ video.youtube_id }}" style="width: 0%;"></div>
|
|
|
|
|
|
|
|
{% endif %}
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div class="video-play">
|
|
|
|
|
|
|
|
<img src="{% static 'img/icon-play.svg' %}" alt="play-icon">
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
</a>
|
|
|
|
|
|
|
|
<div class="video-desc {{ view_style }}">
|
|
|
|
|
|
|
|
<div class="video-desc-player" id="video-info-{{ video.youtube_id }}">
|
|
|
|
|
|
|
|
{% if video.player.watched %}
|
|
|
|
|
|
|
|
<img src="{% static 'img/icon-seen.svg' %}" alt="seen-icon" id="{{ video.youtube_id }}" onclick="isUnwatched(this.id)" class="seen-icon" title="Mark as unwatched">
|
|
|
|
|
|
|
|
{% else %}
|
|
|
|
|
|
|
|
<img src="{% static 'img/icon-unseen.svg' %}" alt="unseen-icon" id="{{ video.youtube_id }}" onclick="isWatched(this.id)" class="unseen-icon" title="Mark as watched.">
|
|
|
|
|
|
|
|
{% endif %}
|
|
|
|
|
|
|
|
<span>{{ video.published }} | {{ video.player.duration_str }}</span>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div>
|
|
|
|
|
|
|
|
<a href="{% url 'channel_id' video.channel.channel_id %}"><h3>{{ video.channel.channel_name }}</h3></a>
|
|
|
|
|
|
|
|
<a class="video-more" href="{% url 'video' video.youtube_id %}"><h2>{{ video.title }}</h2></a>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
{% endfor %}
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
{% endif %}
|
|
|
|
<div class="title-bar">
|
|
|
|
<div class="title-bar">
|
|
|
|
<h1>Recent Videos</h1>
|
|
|
|
<h1>Recent Videos</h1>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|