stklcode/wp-liveticker
1
0
Fork 0
Code Issues Releases 7 Activity

JavaScript refactored to its own namespace

Browse Source
This commit is contained in:
Stefan Kalscheuer 2017-12-09 10:30:36 +01:00
parent 8100d07eed
commit a5144f9f17
1 changed files with 62 additions and 26 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

68
scripts/wp-liveticker2.js
View File

@ -1,29 +1,65 @@
jQuery(document).ready(function ($) { function WPLT2() {
// Trigger periodic update of livetickers.
setTimeout(wplt2_update_ticker, ajax_object.poll_interval);
});
function wplt2_update_ticker() { }
// Get ticker to update.
const ticker = jQuery("ul.wplt2-ticker-ajax"); /**
if (ticker.length > 0) { * Initialize WP-Liveticker 2 JS component.
setTimeout(wplt2_update_ticker, ajax_object.poll_interval); */
WPLT2.init = function () {
// Get ticker elements
WPLT2.ticker = jQuery("ul.wplt2-ticker-ajax").map(function () {
return {s: jQuery(this).data('wplt2Ticker'), e: this};
});
// Extract AJAX settings.
WPLT2.ajaxURL = ajax_object.ajax_url;
WPLT2.pollInterval = ajax_object.poll_interval;
// Trigger update, if necessary.
if (WPLT2.ticker.length > 0 && WPLT2.pollInterval > 0) {
setTimeout(WPLT2.update, WPLT2.pollInterval);
}
};
/**
* Update liveticker on current page via AJAX call.
*/
WPLT2.update = function () {
// Extract ticker-slug, limit and timestamp of last poll. // Extract ticker-slug, limit and timestamp of last poll.
const updateReq = jQuery.map(ticker, function (e, i) { const updateReq = jQuery.map(WPLT2.ticker, function (e, i) {
return {s: jQuery(e).data('wplt2Ticker'), l: jQuery(e).data('wplt2Limit'), t: jQuery(e).data('wplt2Last')}; return {s: e.s, l: jQuery(e.e).data('wplt2Limit'), t: jQuery(e.e).data('wplt2Last')};
}); });
// Issue AJAX request. // Issue AJAX request.
jQuery.post( jQuery.post(
ajax_object.ajax_url, WPLT2.ajaxURL,
{ {
'action': 'wplt2_update-ticks', 'action': 'wplt2_update-ticks',
'update': updateReq 'update': updateReq
}, },
function (res) { function (res) {
// TODO: Update markup. try {
setTimeout(wplt2_update_ticker, ajax_object.poll_interval); const update = JSON.parse(res);
if (update) {
jQuery.each(update, function (i, u) {
jQuery.each(WPLT2.ticker, function (j, t) {
if (t.s === u.s) {
// Set HTML content.
jQuery(t.e).html(u.h);
// Set last poll timestamp.
jQuery(t.e).data('wplt2Last', u.t);
}
});
});
}
// Re-trigger update.
setTimeout(WPLT2.update, WPLT2.pollInterval);
} catch (e) {
console.warn('WP-Liveticker 2 AJAX update failed, stopping automatic updates.')
}
} }
); );
} };
}
jQuery(document).ready(function ($) {
// Trigger periodic update of livetickers.
WPLT2.init();
});