From 279c4538ca862dc86c45074469ea9eda766de377 Mon Sep 17 00:00:00 2001
From: simon <simobilleter@gmail.com>
Date: Tue, 7 Dec 2021 08:25:46 +0700
Subject: [PATCH] fix player wrapper and player channel links

---
 tubearchivist/home/templates/home/channel_id.html  |  2 +-
 tubearchivist/home/templates/home/playlist_id.html |  3 +--
 tubearchivist/static/css/style.css                 |  3 ++-
 tubearchivist/static/script.js                     | 14 +++++++-------
 4 files changed, 11 insertions(+), 11 deletions(-)

diff --git a/tubearchivist/home/templates/home/channel_id.html b/tubearchivist/home/templates/home/channel_id.html
index f814bae..12a9247 100644
--- a/tubearchivist/home/templates/home/channel_id.html
+++ b/tubearchivist/home/templates/home/channel_id.html
@@ -117,7 +117,7 @@
         {% if videos %}
             {% for video in videos %}
                 <div class="video-item {{ view_style }}">
-                    <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)">
+                    <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-channel-id="{{ video.source.channel.channel_id }}" data-id="{{ video.source.youtube_id }}" onclick="createPlayer(this)">
                         <div class="video-thumb-wrap {{ view_style }}">
                             <div class="video-thumb">
                                 <img src="/cache/{{ video.source.vid_thumb_url }}" alt="video-thumb">
diff --git a/tubearchivist/home/templates/home/playlist_id.html b/tubearchivist/home/templates/home/playlist_id.html
index bb9aac2..25e2793 100644
--- a/tubearchivist/home/templates/home/playlist_id.html
+++ b/tubearchivist/home/templates/home/playlist_id.html
@@ -66,7 +66,6 @@
 </div>
 <div id="player" class="player-wrapper"></div>
 <div class="boxed-content">
-    <div id="player" class="video-player"></div>
     <div class="view-controls">
         <div class="toggle">
             <span>Hide watched videos:</span>
@@ -86,7 +85,7 @@
         {% if videos %}
             {% for video in videos %}
                 <div class="video-item {{ view_style }}">
-                    <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)">
+                    <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-channel-id="{{ video.source.channel.channel_id }}" data-id="{{ video.source.youtube_id }}" onclick="createPlayer(this)">
                         <div class="video-thumb-wrap {{ view_style }}">
                             <div class="video-thumb">
                                 <img src="/cache/{{ video.source.vid_thumb_url }}" alt="video-thumb">
diff --git a/tubearchivist/static/css/style.css b/tubearchivist/static/css/style.css
index afd95d4..0cf1c3d 100644
--- a/tubearchivist/static/css/style.css
+++ b/tubearchivist/static/css/style.css
@@ -436,7 +436,8 @@ button:hover {
     text-align: left;
 }
 
-.video-desc h3 {
+.video-desc h3,
+.player-title h3 {
     font-size: 0.9em;
     text-transform: uppercase;
 }
diff --git a/tubearchivist/static/script.js b/tubearchivist/static/script.js
index 13f9309..5ef8c5e 100644
--- a/tubearchivist/static/script.js
+++ b/tubearchivist/static/script.js
@@ -321,13 +321,6 @@ function createPlayer(button) {
     titleBar.appendChild(closeButton);
     // played
     titleBar.appendChild(playedStatus);
-    // video title
-    var videoTitleLink = document.createElement('a');
-    videoTitleLink.setAttribute('href', '/video/' + dataId + '/');
-    var videoTitle = document.createElement('h2');
-    videoTitle.innerText = mediaTitle;
-    videoTitleLink.appendChild(videoTitle);
-    titleBar.appendChild(videoTitleLink);
     // channel title
     var channelTitleLink = document.createElement('a');
     channelTitleLink.setAttribute('href', '/channel/' + mediaChannelId + '/');
@@ -335,6 +328,13 @@ function createPlayer(button) {
     channelTitle.innerText = mediaChannel;
     channelTitleLink.appendChild(channelTitle);
     titleBar.appendChild(channelTitleLink);
+    // video title
+    var videoTitleLink = document.createElement('a');
+    videoTitleLink.setAttribute('href', '/video/' + dataId + '/');
+    var videoTitle = document.createElement('h2');
+    videoTitle.innerText = mediaTitle;
+    videoTitleLink.appendChild(videoTitle);
+    titleBar.appendChild(videoTitleLink);
     // add titlebar
     playerElement.appendChild(titleBar);
     // add whole