- 
- 
-
-
-
- {% if pagination %}
- {% if pagination.current_page > 1 %}
- {% if pagination.params %}
- First
- {% else %}
- First
- {% endif %}
- {% endif %}
- {% if pagination.prev_pages %}
- {% for page in pagination.prev_pages %}
- {% if pagination.params %}
- {{ page }}
- {% else %}
- {{ page }}
- {% endif %}
- {% endfor %}
- {% endif %}
- {% if pagination.current_page %}
- < Page {{ pagination.current_page }}
- {% endif %}
- {% if pagination.next_pages %}
- >
- {% for page in pagination.next_pages %}
- {% if pagination.params %}
- {{ page }}
- {% else %}
- {{ page }}
- {% endif %}
- {% endfor %}
- {% endif %}
- {% if pagination.last_page > 0 %}
- {% if pagination.params %}
-
- {% if pagination.max_hits %}
- Max ({{ pagination.last_page }})
- {% else %}
- Last ({{ pagination.last_page }})
- {% endif %}
-
- {% else %}
-
- {% if pagination.max_hits %}
- Max ({{ pagination.last_page }})
- {% else %}
- Last ({{ pagination.last_page }})
- {% endif %}
-
- {% endif %}
- {% endif %}
- {% endif %}
-
- 
- 
- 
- 
- {% if view_style == "grid" %}
- 
- {% endif %}
- 
- 
- {% else %}
- 
- {% endif %}
- 
- 
- 
- {% else %}
- 
: {{ video.stats.view_count|intcomma }}
: {{ video.stats.like_count|intcomma }}
- {% endfor %}
- 
`;
- return watchStatusIndicator;
-}
-
-// Removes the progress bar when passed a video id
-function removeProgressBar(videoId) {
- setProgressBar(videoId, 0, 1);
-}
-
-function isWatchedButton(button) {
- let youtube_id = button.getAttribute('data-id');
- let apiEndpoint = '/api/watched/';
- let data = { id: youtube_id, is_watched: true };
- apiRequest(apiEndpoint, 'POST', data);
- setTimeout(function () {
- location.reload();
- }, 1000);
-}
-function isUnwatchedButton(button) {
- let youtube_id = button.getAttribute('data-id');
- let apiEndpoint = '/api/watched/';
- let data = { id: youtube_id, is_watched: false };
- apiRequest(apiEndpoint, 'POST', data);
- setTimeout(function () {
- location.reload();
- }, 1000);
-}
-
-function subscribeStatus(subscribeButton) {
- let id = subscribeButton.getAttribute('data-id');
- let type = subscribeButton.getAttribute('data-type');
- let subscribe = Boolean(subscribeButton.getAttribute('data-subscribe'));
- let apiEndpoint;
- let data;
- if (type === 'channel') {
- apiEndpoint = '/api/channel/';
- data = { data: [{ channel_id: id, channel_subscribed: subscribe }] };
- } else if (type === 'playlist') {
- apiEndpoint = '/api/playlist/';
- data = { data: [{ playlist_id: id, playlist_subscribed: subscribe }] };
- }
- apiRequest(apiEndpoint, 'POST', data);
- let message = document.createElement('span');
- if (subscribe) {
- message.innerText = 'You are subscribed.';
- } else {
- message.innerText = 'You are unsubscribed.';
- }
- subscribeButton.replaceWith(message);
-}
-
-function changeView(image) {
- let sourcePage = image.getAttribute('data-origin');
- let newView = image.getAttribute('data-value');
- let apiEndpoint = '/api/config/user/';
- let data = {};
- data[`view_style_${sourcePage}`] = newView;
- console.log(data);
- apiRequest(apiEndpoint, 'POST', data);
- setTimeout(function () {
- location.reload();
- }, 500);
-}
-
-function changeGridItems(image) {
- let newGridItems = Number(image.getAttribute('data-value'));
- let apiEndpoint = '/api/config/user/';
- let data = { grid_items: newGridItems };
- apiRequest(apiEndpoint, 'POST', data);
- setTimeout(function () {
- location.reload();
- }, 500);
-}
-
-function toggleCheckbox(checkbox) {
- // pass checkbox id as key and checkbox.checked as value
- let apiEndpoint = '/api/config/user/';
- let data = {};
- data[checkbox.id] = checkbox.checked;
- apiRequest(apiEndpoint, 'POST', data);
- setTimeout(function () {
- let currPage = window.location.pathname;
- window.location.replace(currPage);
- }, 500);
-}
-
-// start reindex task
-function reindex(button) {
- let apiEndpoint = '/api/refresh/';
- if (button.getAttribute('data-extract-videos')) {
- apiEndpoint += '?extract_videos=true';
- }
- let type = button.getAttribute('data-type');
- let id = button.getAttribute('data-id');
-
- let data = {};
- data[type] = [id];
-
- apiRequest(apiEndpoint, 'POST', data);
- let message = document.createElement('p');
- message.innerText = 'Reindex scheduled';
- document.getElementById('reindex-button').replaceWith(message);
- setTimeout(function () {
- checkMessages();
- }, 500);
-}
-
-// download page buttons
-function rescanPending() {
- let apiEndpoint = '/api/task-name/update_subscribed/';
- apiRequest(apiEndpoint, 'POST');
- animate('rescan-icon', 'rotate-img');
- setTimeout(function () {
- checkMessages();
- }, 500);
-}
-
-function dlPending() {
- let apiEndpoint = '/api/task-name/download_pending/';
- apiRequest(apiEndpoint, 'POST');
- animate('download-icon', 'bounce-img');
- setTimeout(function () {
- checkMessages();
- }, 500);
-}
-
-function addToQueue(autostart = false) {
- let textArea = document.getElementById('id_vid_url');
- if (textArea.value === '') {
- return;
- }
- let toPost = { data: [{ youtube_id: textArea.value, status: 'pending' }] };
- let apiEndpoint = '/api/download/';
- if (autostart) {
- apiEndpoint = `${apiEndpoint}?autostart=true`;
- }
- apiRequest(apiEndpoint, 'POST', toPost);
- textArea.value = '';
- setTimeout(function () {
- checkMessages();
- }, 500);
- showForm();
-}
-
-//shows the video sub menu popup
-function showAddToPlaylistMenu(input1) {
- let dataId, playlists, form_code, buttonId;
- dataId = input1.getAttribute('data-id');
- buttonId = input1.getAttribute('id');
- playlists = getCustomPlaylists();
-
- //hide the invoking button
- input1.style.visibility = 'hidden';
-
- //show the form
- form_code =
- '
' +
- obj.playlist_name +
- '
';
- form_code +=
- '
';
- form_code +=
- '
';
- form_code +=
- '
';
- form_code +=
- '
';
-
- form_code += '
