invidious/assets/js/watched_widget.js

60 lines
1.8 KiB
JavaScript
Raw Normal View History

2022-04-20 08:38:24 +00:00
'use strict';
var watched_data = JSON.parse(document.getElementById('watched_data').textContent);
var payload = 'csrf_token=' + watched_data.csrf_token;
2019-05-15 18:30:30 +00:00
function mark_watched(target) {
var tile = target.parentNode.parentNode.parentNode.parentNode.parentNode;
tile.style.display = 'none';
var url = '/watch_ajax?action_mark_watched=1&redirect=false' +
'&id=' + target.getAttribute('data-id');
helpers.xhr('POST', url, {payload: payload}, {
onNon200: function (xhr) {
tile.style.display = '';
2019-05-15 18:30:30 +00:00
}
});
2019-05-15 18:30:30 +00:00
}
function mark_unwatched(target) {
var tile = target.parentNode.parentNode.parentNode.parentNode.parentNode;
2019-06-08 00:56:41 +00:00
tile.style.display = 'none';
2022-04-20 09:05:19 +00:00
var count = document.getElementById('count');
count.textContent--;
2019-05-15 18:30:30 +00:00
var url = '/watch_ajax?action_mark_unwatched=1&redirect=false' +
'&id=' + target.getAttribute('data-id');
helpers.xhr('POST', url, {payload: payload}, {
onNon200: function (xhr) {
count.textContent++;
tile.style.display = '';
2019-05-15 18:30:30 +00:00
}
});
2022-04-25 10:14:08 +00:00
}
2022-11-07 19:03:23 +00:00
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');
console.log('indicators', watchedIndicators.length);
2022-11-07 19:03:23 +00:00
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 + '%';
}