fix preview (#4291)
* fix * Update extra.js * reorga the scripts * Update extra.js * Several fixes https://github.com/FreshRSS/FreshRSS/pull/4291#issuecomment-1125472321 * More fixes * Cleaning * fix pr 4291 * Reorganise some script functions * Remove unused popup-txt And associated function openPopupWithMessage * Fix archiving categories https://github.com/FreshRSS/FreshRSS/pull/4291#issuecomment-1126924602 * Fix stats https://github.com/FreshRSS/FreshRSS/pull/4291#issuecomment-1126983134 * Fix direct subscription E.g. http://localhost/i/?c=subscription&id=735 * Fix subscription add https://github.com/FreshRSS/FreshRSS/pull/4291#issuecomment-1126991621 Co-authored-by: Alexandre Alapetite <alexandre@alapetite.fr>pull/4370/head
maTh
2 years ago
committed by
GitHub
parent
0cde4e898f
commit
807ea755e0
13 changed files with 303 additions and 271 deletions
@ -0,0 +1,153 @@ |
||||
// @license magnet:?xt=urn:btih:0b31508aeb0634b347b8270c7bee4d411b5d4109&dn=agpl-3.0.txt AGPL-3.0
|
||||
'use strict'; |
||||
/* globals init_archiving, init_password_observers, init_slider */ |
||||
|
||||
// <popup>
|
||||
let popup = null; |
||||
let popup_iframe_container = null; |
||||
let popup_iframe = null; |
||||
let popup_working = false; |
||||
|
||||
function openPopupWithSource(source) { |
||||
if (popup_working === true) { |
||||
return false; |
||||
} |
||||
popup_working = true; |
||||
popup_iframe.src = source; |
||||
popup_iframe_container.style.display = 'table-row'; |
||||
popup.style.display = 'block'; |
||||
} |
||||
|
||||
function closePopup() { |
||||
popup.style.display = 'none'; |
||||
popup_iframe_container.style.display = 'none'; |
||||
popup_iframe.src = 'about:blank'; |
||||
popup_working = false; |
||||
} |
||||
|
||||
function init_popup() { |
||||
// Fetch elements.
|
||||
popup = document.getElementById('popup'); |
||||
if (popup) { |
||||
popup_iframe_container = document.getElementById('popup-iframe-container'); |
||||
popup_iframe = document.getElementById('popup-iframe'); |
||||
|
||||
// Configure close button.
|
||||
document.getElementById('popup-close').addEventListener('click', function (ev) { |
||||
closePopup(); |
||||
}); |
||||
|
||||
// Configure close-on-click.
|
||||
window.addEventListener('click', function (ev) { |
||||
if (ev.target == popup) { |
||||
closePopup(); |
||||
} |
||||
}); |
||||
} |
||||
} |
||||
// </popup>
|
||||
|
||||
function init_popup_preview_selector() { |
||||
const link = document.getElementById('popup-preview-selector'); |
||||
|
||||
if (!link) { |
||||
return; |
||||
} |
||||
|
||||
link.addEventListener('click', function (ev) { |
||||
const selector_entries = document.getElementById('path_entries').value; |
||||
const href = link.href.replace('selector-token', encodeURIComponent(selector_entries)); |
||||
|
||||
openPopupWithSource(href); |
||||
|
||||
ev.preventDefault(); |
||||
}); |
||||
} |
||||
|
||||
/** |
||||
* Allow a <select class="select-show"> to hide/show elements defined by <option data-show="elem-id"></option> |
||||
*/ |
||||
function init_select_show(parent) { |
||||
const listener = (select) => { |
||||
const options = select.querySelectorAll('option[data-show]'); |
||||
for (const option of options) { |
||||
const elem = document.getElementById(option.dataset.show); |
||||
if (elem) { |
||||
elem.style.display = option.selected ? 'block' : 'none'; |
||||
} |
||||
} |
||||
}; |
||||
|
||||
const selects = parent.querySelectorAll('select.select-show'); |
||||
for (const select of selects) { |
||||
select.addEventListener('change', (e) => listener(e.target)); |
||||
listener(select); |
||||
} |
||||
} |
||||
|
||||
/** Automatically validate XPath textarea fields */ |
||||
function init_valid_xpath(parent) { |
||||
const listener = (textarea) => { |
||||
const evaluator = new XPathEvaluator(); |
||||
try { |
||||
if (textarea.value === '' || evaluator.createExpression(textarea.value) != null) { |
||||
textarea.setCustomValidity(''); |
||||
} |
||||
} catch (ex) { |
||||
textarea.setCustomValidity(ex); |
||||
} |
||||
}; |
||||
|
||||
const textareas = parent.querySelectorAll('textarea.valid-xpath'); |
||||
for (const textarea of textareas) { |
||||
textarea.addEventListener('change', (e) => listener(e.target)); |
||||
listener(textarea); |
||||
} |
||||
} |
||||
|
||||
function init_feed_afterDOM() { |
||||
if (!window.init_slider) { |
||||
if (window.console) { |
||||
console.log('FreshRSS feed waiting for JS…'); |
||||
} |
||||
setTimeout(init_feed_afterDOM, 50); |
||||
return; |
||||
} |
||||
|
||||
const slider = document.getElementById('slider'); |
||||
if (slider) { |
||||
slider.addEventListener('freshrss:slider-load', function (e) { |
||||
init_popup(); |
||||
init_popup_preview_selector(); |
||||
init_select_show(slider); |
||||
init_password_observers(slider); |
||||
init_valid_xpath(slider); |
||||
}); |
||||
init_slider(slider); |
||||
init_archiving(slider); |
||||
} else { |
||||
init_archiving(document.body); |
||||
init_popup(); |
||||
init_popup_preview_selector(); |
||||
init_select_show(document.body); |
||||
init_password_observers(document.body); |
||||
init_valid_xpath(document.body); |
||||
} |
||||
|
||||
if (window.console) { |
||||
console.log('FreshRSS feed init done.'); |
||||
} |
||||
} |
||||
|
||||
if (document.readyState && document.readyState !== 'loading') { |
||||
init_feed_afterDOM(); |
||||
} else { |
||||
document.addEventListener('DOMContentLoaded', function () { |
||||
if (window.console) { |
||||
console.log('FreshRSS feed waiting for DOMContentLoaded…'); |
||||
} |
||||
init_feed_afterDOM(); |
||||
}, false); |
||||
} |
||||
|
||||
// @license-end
|
||||
Loading…
Reference in new issue