lee/changedetection.io
1
0
Fork 0
mirror of https://github.com/dgtlmoon/changedetection.io.git synced 2025-12-13 11:35:45 +00:00
Code Issues Actions 3 Packages Projects Releases Wiki Activity

UI - Favicons in realtime update mode, update after favicon was written to disk only.

Browse Source
This commit is contained in:
dgtlmoon
2025-07-09 15:47:30 +02:00
parent 4fdc5d7da2
commit 2f7520a6c5
4 changed files with 30 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
changedetectionio/static/js/realtime.js
View File

@@ -104,8 +104,17 @@ $(document).ready(function () {
});
});
// Listen for periodically emitted watch data
console.log('Adding watch_update event listener');
// So that the favicon is only updated when the server has written the scraped favicon to disk.
socket.on('watch_bumped_favicon', function (data) {
const watch = data.watch;
const $watchRow = $('tr[data-watch-uuid="' + watch.uuid + '"]');
if ($watchRow.length) {
$watchRow.addClass('has-favicon');
// Because the event could be emitted from a process that is outside the app context, url_for() might not work.
// Lets use url_for at template generation time to give us a PLACEHOLDER instead
$('img.favicon', $watchRow).attr('src', favicon_baseURL.replace('/PLACEHOLDER', `/${watch.uuid}?cache=${watch.event_timestamp}`));
}
})
socket.on('watch_update', function (data) {
const watch = data.watch;
@@ -133,11 +142,6 @@ $(document).ready(function () {
$($watchRow).toggleClass('multiple-history', watch.history_n >= 2);
$('td.title-col .error-text', $watchRow).html(watch.error_text)
if (watch.has_favicon) {
// Because the event could be emitted from a process that is outside the app context, url_for() might not work.
// Lets use url_for at template generation time to give us a PLACEHOLDER instead
$('img.favicon', $watchRow).attr('src', favicon_baseURL.replace('/PLACEHOLDER', `/${watch.uuid}?cache=${watch.event_timestamp}`));
}
$('td.last-changed', $watchRow).text(watch.last_changed_text)
$('td.last-checked .innertext', $watchRow).text(watch.last_checked_text)
$('td.last-checked', $watchRow).data('timestamp', watch.last_checked).data('fetchduration', watch.fetch_time);