Renamed Plugin and changed slug to stklcode-liveticker
Due to naming conflicts with the original wp-liveticker plugin this one is now renamed to a unique identifier.
This commit is contained in:
154
scripts/liveticker.js
Normal file
154
scripts/liveticker.js
Normal file
@ -0,0 +1,154 @@
|
||||
/**
|
||||
* Contructor of the scLiveticker object.
|
||||
*
|
||||
* @constructor
|
||||
*/
|
||||
function scLiveticker() {
|
||||
}
|
||||
|
||||
/**
|
||||
* Initialize iveticker JS component.
|
||||
*
|
||||
* @return {void}
|
||||
*/
|
||||
scLiveticker.init = function() {
|
||||
|
||||
// Opt out if AJAX pobject not present.
|
||||
if ( 'undefined' === typeof sclivetickerAjax ) {
|
||||
return;
|
||||
}
|
||||
|
||||
// Extract AJAX settings.
|
||||
scLiveticker.ajaxURL = sclivetickerAjax.ajax_url;
|
||||
scLiveticker.nonce = sclivetickerAjax.nonce;
|
||||
scLiveticker.pollInterval = sclivetickerAjax.poll_interval;
|
||||
|
||||
// Get ticker elements.
|
||||
scLiveticker.ticker = [].map.call(
|
||||
document.querySelectorAll( 'ul.sclt-ticker-ajax' ),
|
||||
function( elem ) {
|
||||
return {
|
||||
s: elem.getAttribute( 'data-sclt-ticker' ),
|
||||
l: elem.getAttribute( 'data-sclt-limit' ),
|
||||
t: elem.getAttribute( 'data-sclt-last' ),
|
||||
e: elem
|
||||
};
|
||||
}
|
||||
);
|
||||
|
||||
// Get widget elements.
|
||||
scLiveticker.widgets = [].map.call(
|
||||
document.querySelectorAll( 'ul.sclt-widget-ajax' ),
|
||||
function( elem ) {
|
||||
return {
|
||||
w: elem.getAttribute( 'data-sclt-ticker' ),
|
||||
l: elem.getAttribute( 'data-sclt-limit' ),
|
||||
t: elem.getAttribute( 'data-sclt-last' ),
|
||||
e: elem
|
||||
};
|
||||
}
|
||||
);
|
||||
|
||||
// Trigger update, if necessary.
|
||||
if ( ( 0 < scLiveticker.ticker.length || scLiveticker.widgets.length ) && 0 < scLiveticker.pollInterval ) {
|
||||
setTimeout( scLiveticker.update, scLiveticker.pollInterval );
|
||||
}
|
||||
};
|
||||
|
||||
/**
|
||||
* Update liveticker on current page via AJAX call.
|
||||
*
|
||||
* @return {void}
|
||||
*/
|
||||
scLiveticker.update = function() {
|
||||
|
||||
// Extract ticker-slug, limit and timestamp of last poll.
|
||||
var updateReq = 'action=sclt_update-ticks&_ajax_nonce=' + scLiveticker.nonce;
|
||||
var i, j;
|
||||
var xhr = new XMLHttpRequest();
|
||||
|
||||
for ( i = 0; i < scLiveticker.ticker.length; i++ ) {
|
||||
updateReq = updateReq +
|
||||
'&update[' + i + '][s]=' + scLiveticker.ticker[ i ].s +
|
||||
'&update[' + i + '][l]=' + scLiveticker.ticker[ i ].l +
|
||||
'&update[' + i + '][t]=' + scLiveticker.ticker[ i ].t;
|
||||
}
|
||||
for ( j = 0; j < scLiveticker.widgets.length; j++ ) {
|
||||
updateReq = updateReq +
|
||||
'&update[' + ( i + j ) + '][w]=' + scLiveticker.widgets[ j ].w +
|
||||
'&update[' + ( i + j ) + '][l]=' + scLiveticker.widgets[ j ].l +
|
||||
'&update[' + ( i + j ) + '][t]=' + scLiveticker.widgets[ j ].t;
|
||||
}
|
||||
|
||||
// Issue AJAX request.
|
||||
xhr.open( 'POST', scLiveticker.ajaxURL, true );
|
||||
xhr.setRequestHeader( 'Content-Type', 'application/x-www-form-urlencoded;' );
|
||||
xhr.onreadystatechange = function() {
|
||||
var update;
|
||||
if ( XMLHttpRequest.DONE === this.readyState && 200 === this.status ) {
|
||||
try {
|
||||
update = JSON.parse( this.responseText );
|
||||
if ( update ) {
|
||||
update.forEach(
|
||||
function( u ) {
|
||||
scLiveticker.ticker.forEach(
|
||||
function( t ) {
|
||||
if ( t.s === u.s ) {
|
||||
t.t = u.t; // Update last poll timestamp.
|
||||
scLiveticker.updateHTML( t, u ); // Update HTML markup.
|
||||
}
|
||||
}
|
||||
);
|
||||
scLiveticker.widgets.forEach(
|
||||
function( t ) {
|
||||
if ( t.w === u.w ) {
|
||||
t.t = u.t;
|
||||
scLiveticker.updateHTML( t, u );
|
||||
}
|
||||
}
|
||||
);
|
||||
}
|
||||
);
|
||||
}
|
||||
setTimeout( scLiveticker.update, scLiveticker.pollInterval ); // Re-trigger update.
|
||||
} catch ( e ) {
|
||||
console.warn( 'Liveticker AJAX update failed, stopping automatic updates.' );
|
||||
}
|
||||
}
|
||||
};
|
||||
xhr.send( updateReq );
|
||||
};
|
||||
|
||||
/**
|
||||
* Do actual update of HTML code.
|
||||
*
|
||||
* @param {Object} t Ticker or Widget reference.
|
||||
* @param {number} t.l Limit of entries to display.
|
||||
* @param {HTMLElement} t.e HTML element of the ticker/widget.
|
||||
* @param {Object} u Update entity.
|
||||
* @param {string} u.h HTML code to append.
|
||||
* @param {number} u.t Timetsamp of last update.
|
||||
* @return {void}
|
||||
*/
|
||||
scLiveticker.updateHTML = function( t, u ) {
|
||||
|
||||
// Prepend HTML of new ticks.
|
||||
t.e.innerHTML = u.h + t.e.innerHTML;
|
||||
t.e.setAttribute( 'data-sclt-last', u.t );
|
||||
|
||||
// Remove tail, if limit is set.
|
||||
if ( 0 < t.l ) {
|
||||
[].slice.call( t.e.getElementsByTagName( 'li' ), t.l ).forEach(
|
||||
function( li ) {
|
||||
li.remove();
|
||||
}
|
||||
);
|
||||
}
|
||||
};
|
||||
|
||||
document.addEventListener(
|
||||
'DOMContentLoaded',
|
||||
function() {
|
||||
scLiveticker.init(); // Trigger periodic update of livetickers.
|
||||
}
|
||||
);
|
||||
@ -1,154 +0,0 @@
|
||||
/**
|
||||
* Contructor of the WPLT object.
|
||||
*
|
||||
* @constructor
|
||||
*/
|
||||
function WPLT2() {
|
||||
}
|
||||
|
||||
/**
|
||||
* Initialize WP-Liveticker 2 JS component.
|
||||
*
|
||||
* @return {void}
|
||||
*/
|
||||
WPLT2.init = function() {
|
||||
|
||||
// Opt out if AJAX pobject not present.
|
||||
if ( 'undefined' === typeof wplt2Ajax ) {
|
||||
return;
|
||||
}
|
||||
|
||||
// Extract AJAX settings.
|
||||
WPLT2.ajaxURL = wplt2Ajax.ajax_url;
|
||||
WPLT2.nonce = wplt2Ajax.nonce;
|
||||
WPLT2.pollInterval = wplt2Ajax.poll_interval;
|
||||
|
||||
// Get ticker elements.
|
||||
WPLT2.ticker = [].map.call(
|
||||
document.querySelectorAll( 'ul.wplt2-ticker-ajax' ),
|
||||
function( elem ) {
|
||||
return {
|
||||
s: elem.getAttribute( 'data-wplt2-ticker' ),
|
||||
l: elem.getAttribute( 'data-wplt2-limit' ),
|
||||
t: elem.getAttribute( 'data-wplt2-last' ),
|
||||
e: elem
|
||||
};
|
||||
}
|
||||
);
|
||||
|
||||
// Get widget elements.
|
||||
WPLT2.widgets = [].map.call(
|
||||
document.querySelectorAll( 'ul.wplt2-widget-ajax' ),
|
||||
function( elem ) {
|
||||
return {
|
||||
w: elem.getAttribute( 'data-wplt2-ticker' ),
|
||||
l: elem.getAttribute( 'data-wplt2-limit' ),
|
||||
t: elem.getAttribute( 'data-wplt2-last' ),
|
||||
e: elem
|
||||
};
|
||||
}
|
||||
);
|
||||
|
||||
// Trigger update, if necessary.
|
||||
if ( ( 0 < WPLT2.ticker.length || WPLT2.widgets.length ) && 0 < WPLT2.pollInterval ) {
|
||||
setTimeout( WPLT2.update, WPLT2.pollInterval );
|
||||
}
|
||||
};
|
||||
|
||||
/**
|
||||
* Update liveticker on current page via AJAX call.
|
||||
*
|
||||
* @return {void}
|
||||
*/
|
||||
WPLT2.update = function() {
|
||||
|
||||
// Extract ticker-slug, limit and timestamp of last poll.
|
||||
var updateReq = 'action=wplt2_update-ticks&_ajax_nonce=' + WPLT2.nonce;
|
||||
var i, j;
|
||||
var xhr = new XMLHttpRequest();
|
||||
|
||||
for ( i = 0; i < WPLT2.ticker.length; i++ ) {
|
||||
updateReq = updateReq +
|
||||
'&update[' + i + '][s]=' + WPLT2.ticker[ i ].s +
|
||||
'&update[' + i + '][l]=' + WPLT2.ticker[ i ].l +
|
||||
'&update[' + i + '][t]=' + WPLT2.ticker[ i ].t;
|
||||
}
|
||||
for ( j = 0; j < WPLT2.widgets.length; j++ ) {
|
||||
updateReq = updateReq +
|
||||
'&update[' + ( i + j ) + '][w]=' + WPLT2.widgets[ j ].w +
|
||||
'&update[' + ( i + j ) + '][l]=' + WPLT2.widgets[ j ].l +
|
||||
'&update[' + ( i + j ) + '][t]=' + WPLT2.widgets[ j ].t;
|
||||
}
|
||||
|
||||
// Issue AJAX request.
|
||||
xhr.open( 'POST', WPLT2.ajaxURL, true );
|
||||
xhr.setRequestHeader( 'Content-Type', 'application/x-www-form-urlencoded;' );
|
||||
xhr.onreadystatechange = function() {
|
||||
var update;
|
||||
if ( XMLHttpRequest.DONE === this.readyState && 200 === this.status ) {
|
||||
try {
|
||||
update = JSON.parse( this.responseText );
|
||||
if ( update ) {
|
||||
update.forEach(
|
||||
function( u ) {
|
||||
WPLT2.ticker.forEach(
|
||||
function( t ) {
|
||||
if ( t.s === u.s ) {
|
||||
t.t = u.t; // Update last poll timestamp.
|
||||
WPLT2.updateHTML( t, u ); // Update HTML markup.
|
||||
}
|
||||
}
|
||||
);
|
||||
WPLT2.widgets.forEach(
|
||||
function( t ) {
|
||||
if ( t.w === u.w ) {
|
||||
t.t = u.t;
|
||||
WPLT2.updateHTML( t, u );
|
||||
}
|
||||
}
|
||||
);
|
||||
}
|
||||
);
|
||||
}
|
||||
setTimeout( WPLT2.update, WPLT2.pollInterval ); // Re-trigger update.
|
||||
} catch ( e ) {
|
||||
console.warn( 'WP-Liveticker 2 AJAX update failed, stopping automatic updates.' );
|
||||
}
|
||||
}
|
||||
};
|
||||
xhr.send( updateReq );
|
||||
};
|
||||
|
||||
/**
|
||||
* Do actual update of HTML code.
|
||||
*
|
||||
* @param {Object} t Ticker or Widget reference.
|
||||
* @param {number} t.l Limit of entries to display.
|
||||
* @param {HTMLElement} t.e HTML element of the ticker/widget.
|
||||
* @param {Object} u Update entity.
|
||||
* @param {string} u.h HTML code to append.
|
||||
* @param {number} u.t Timetsamp of last update.
|
||||
* @return {void}
|
||||
*/
|
||||
WPLT2.updateHTML = function( t, u ) {
|
||||
|
||||
// Prepend HTML of new ticks.
|
||||
t.e.innerHTML = u.h + t.e.innerHTML;
|
||||
t.e.setAttribute( 'data-wplt2-last', u.t );
|
||||
|
||||
// Remove tail, if limit is set.
|
||||
if ( 0 < t.l ) {
|
||||
[].slice.call( t.e.getElementsByTagName( 'li' ), t.l ).forEach(
|
||||
function( li ) {
|
||||
li.remove();
|
||||
}
|
||||
);
|
||||
}
|
||||
};
|
||||
|
||||
document.addEventListener(
|
||||
'DOMContentLoaded',
|
||||
function() {
|
||||
WPLT2.init(); // Trigger periodic update of livetickers.
|
||||
}
|
||||
);
|
||||
Reference in New Issue
Block a user