-const RELOAD_INTERVAL_S = 10;
-const PATH_LAST_UPDATE = '{{page_names.last_update}}';
-const MSG_SERVER_DOWN = 'Server seems to be unavailable.';
-const MSG_ERR_UNKNOWN = 'Unknown error checking ' + PATH_LAST_UPDATE;
-const last_update = '{{last_update}}';
-async function keep_updated() {
- try {
- const response = await fetch(PATH_LAST_UPDATE);
- const data = await response.json();
- if (data.last_update != last_update) {
- location.reload();
- }
- } catch(error) {
- const status = document.getElementById('status');
- if (error instanceof TypeError && !error.response) {
- status.innerText = MSG_SERVER_DOWN;
- } else {
- status.innerText = MSG_ERR_UNKNOWN;
- }
- }
- setTimeout(keep_updated, RELOAD_INTERVAL_S * 1000);
-}
-window.onload = keep_updated;
+
+const PATH_PREFIX_TAGS_UPDATE = '/{{page_names.file_tags}}/';
+const CLS_PLAYLIST_ROW = 'playlist_row';
+path_tags_update = '?';
+events_params += 'playlist=1';
+
+function get_el_and_empty(id) {
+ let el = document.getElementById(id);
+ el.textContent = '';
+ return el; }
+
+function new_child_to(tag, parent, textContent='') {
+ const el = document.createElement(tag);
+ parent.appendChild(el);
+ el.textContent = textContent;
+ return el; }
+
+event_handlers.push(function(data) { // update playlist
+ const table = document.getElementById('playlist_rows');
+ var old_rows = document.getElementsByClassName(CLS_PLAYLIST_ROW);
+ while (old_rows[0]) {
+ old_rows[0].remove(); }
+ for (let i = 0; i < data.playlist_files.length; i++) {
+ const file = data.playlist_files[i];
+ const tr = new_child_to('tr', table);
+ tr.classList.add(CLS_PLAYLIST_ROW);
+ const td_entry_control = new_child_to('td', tr);
+ td_entry_control.classList.add('entry_control');
+ if (data.current_file && data.current_file.digest == file.digest) {
+ td_entry_control.textContent = 'playing'; }
+ else {
+ for (const [symbol, prefix] of [['>', 'jump'],
+ ['^', 'up'],
+ ['v', 'down']]) {
+ const btn = new_child_to('button', td_entry_control, symbol);
+ btn.onclick = function() { player_command(`${prefix}_${i}`) }; }}
+ const td_link = new_child_to('td', tr);
+ const a_file = new_child_to('a', td_link, file.rel_path);
+ a_file.href = `/${data.link_prefix}/${file.digest}`; }})
+
+event_handlers.push(function(data) { // update current_file table
+ const td_current_path = get_el_and_empty('current_path');
+ const td_current_yt_id = get_el_and_empty('current_yt_id');
+ const table_current_tags = get_el_and_empty('current_tags');
+ const datalist_unused_tags = get_el_and_empty('unused_tags');
+ const btn_update = document.getElementById('btn_update_tags');
+ btn_update.disabled = true;
+ path_tags_update = '?';
+ if (data.current_file) {
+ const a_path = new_child_to('a', td_current_path, data.current_file.rel_path);
+ a_path.href = `/${data.link_prefix}/${data.current_file.digest}`;
+ if (data.current_file.yt_id) {
+ const a_yt = new_child_to('a', td_current_yt_id, data.current_file.yt_id);
+ a_yt.href = `/${data.yt_result_prefix}/${data.current_file.yt_id}` }
+ for (const tag of data.current_file.tags) {
+ const tr = new_child_to('tr', table_current_tags);
+ const td_checkbox = new_child_to('td', tr);
+ td_checkbox.classList.add('tag_checkbox');
+ const checkbox = new_child_to('input', td_checkbox);
+ checkbox.type = 'checkbox';
+ checkbox.name = 'tag_input';
+ checkbox.value = tag;
+ checkbox.checked = true;
+ new_child_to('td', tr, tag); }
+ const tr = new_child_to('tr', table_current_tags);
+ new_child_to('td', tr, 'add:');
+ const td_input = new_child_to('td', tr);
+ const tag_input = new_child_to('input', td_input);
+ tag_input.setAttribute('list', 'unused_tags');
+ tag_input.name = 'tag_input';
+ for (const tag of data.current_file.unused_tags) {
+ const option = new_child_to('option', datalist_unused_tags, tag);
+ option.value = tag; }
+ btn_update.disabled = false;
+ path_tags_update = `${PATH_PREFIX_TAGS_UPDATE}${data.current_file.digest}`; }});
+
+function update_tags() {
+ var tags = [];
+ for (const tag_input of document.getElementsByName('tag_input')) {
+ if (tag_input.value && ('checkbox' != tag_input.type || tag_input.checked)) {
+ tags.push(tag_input.value); }}
+ send_to({tags: tags}, path_tags_update); }
+
+function redo_playlist() {
+ send_to({filter_path: document.getElementsByName('filter_path')[0].value,
+ filter_tags: document.getElementsByName('filter_tags')[0].value},
+ PATH_PLAYER);
+ player_command('reload'); }
+
projects / ytplom / commitdiff