iv-org-mirror/invidious-copy-2023-06-08
1
0
Fork 0
mirror of https://gitea.invidious.io/iv-org/invidious-copy-2023-06-08.git synced 2024-08-15 00:53:38 +00:00
Code Issues Projects Releases Packages Wiki Activity

Added watch indicator

Browse source
This commit is contained in:
Wes van der Vleuten 2022-11-07 19:03:23 +00:00
parent 437f42250e
commit 7b57381773
5 changed files with 50 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

13
assets/css/default.css
View file

@ -135,6 +135,9 @@ div.thumbnail {
position: relative;
box-sizing: border-box;
}
div.thumbnail.thumbnail-watched {
background-color: rgba(255,255,255,.4);
}
img.thumbnail {
position: absolute;
@ -143,6 +146,16 @@ img.thumbnail {
left: 0;
top: 0;
object-fit: cover;
z-index: -1;
}
div.watched-indicator {
position: absolute;
left: 0;
bottom: 0;
height: 4px;
width: 100%;
background: red;
}
.length {

27
assets/js/watched_widget.js
View file

@ -32,3 +32,30 @@ function mark_unwatched(target) {
}
});
}
var save_player_pos_key = 'save_player_pos';
function get_all_video_times() {
return helpers.storage.get(save_player_pos_key) || {};
}
var watchedIndicators = document.getElementsByClassName('watched-indicator');
for (var i = 0; i < watchedIndicators.length; i++) {
var indicator = watchedIndicators[i];
var watched_part = get_all_video_times()[indicator.getAttribute('data-id')];
var total = parseInt(indicator.getAttribute('data-length'), 10);
var percentage = Math.round((watched_part / total) * 100);
if (percentage < 5) {
percentage = 5;
}
if (percentage > 90) {
percentage = 100;
}
indicator.style.width = percentage + '%';
}