TheShopCritics2/TSC2.Client/wwwroot/js/modules/twitter.js

CNVS.Twitter = function() {
	var __core = SEMICOLON.Core;
	var __modules = SEMICOLON.Modules;

	var _build = function(tweet, element, username) {
		var elFontClass = element.getAttribute('data-font-class') || 'font-body';

		var status = tweet.text.replace(/((https?|s?ftp|ssh)\:\/\/[^"\s\<\>]*[^.,;'">\:\s\<\>\)\]\!])/g, function(url) {
			return '<a href="'+url+'" target="_blank">'+url+'</a>';
		}).replace(/\B@([_a-z0-9]+)/ig, function(reply) {
			return reply.charAt(0)+'<a href="https://twitter.com/'+reply.substring(1)+'" target="_blank">'+reply.substring(1)+'</a>';
		});

		if( element.classList.contains('fslider') ) {
			var slide = document.createElement('div');
			slide.classList.add('slide');
			slide.innerHTML += '<p class="mb-3 '+elFontClass+'">'+status+'</p><small class="d-block"><a href="https://twitter.com/'+username+'/statuses/'+tweet.id_str+'" target="_blank">'+_time(tweet.created_at)+'</a></small>';
			element.querySelector('.slider-wrap').append(slide);
		} else {
			element.innerHTML += '<li><i class="fa-brands fa-x-twitter"></i><div><span>'+status+'</span><small><a href="https://twitter.com/'+username+'/statuses/'+tweet.id_str+'" target="_blank">'+_time(tweet.created_at)+'</a></small></div></li>';
		}
	}

	var _time = function(time_value) {
		var parsed_date = new Date(time_value);
		var relative_to = new Date();
		var delta = parseInt((relative_to.getTime() - parsed_date) / 1000);
		delta = delta + (relative_to.getTimezoneOffset() * 60);

		if (delta < 60) {
			return 'less than a minute ago';
		} else if(delta < 120) {
			return 'about a minute ago';
		} else if(delta < (60*60)) {
			return (parseInt(delta / 60)).toString() + ' minutes ago';
		} else if(delta < (120*60)) {
			return 'about an hour ago';
		} else if(delta < (24*60*60)) {
			return 'about ' + (parseInt(delta / 3600)).toString() + ' hours ago';
		} else if(delta < (48*60*60)) {
			return '1 day ago';
		} else {
			return (parseInt(delta / 86400)).toString() + ' days ago';
		}
	}

	return {
		init: function(selector) {
			if( __core.getSelector(selector, false, false).length < 1 ){
				return true;
			}

			__core.initFunction({ class: 'has-plugin-twitter', event: 'pluginTwitterFeedReady' });

			selector = __core.getSelector( selector, false, false );
			if( selector.length < 1 ){
				return true;
			}

			selector.forEach( function(element) {
				var elUser = element.getAttribute('data-username') || 'twitter',
					elCount = element.getAttribute('data-count') || 3,
					elLoader = element.getAttribute('data-loader') || 'include/twitter/tweets.php',
					elFetch = element.getAttribute('data-fetch-message') || 'Fetching Tweets from Twitter...';

				var alert = element.querySelector('.twitter-widget-alert');

				if( !alert ) {
					alert = document.createElement('div');
					alert.classList.add( 'alert', 'alert-warning', 'twitter-widget-alert', 'text-center' );
					element.prepend(alert);
					alert.innerHTML = '<div class="spinner-grow spinner-grow-sm me-2" role="status"><span class="visually-hidden">Loading...</span></div> ' + elFetch;
				}

				fetch( elLoader + '?username='+ elUser ).then( function(response) {
					return response.json();
				}).then( function(tweets) {
					if( typeof tweets === 'object' && !tweets.isArray() ) {
						return false;
					}

					alert.remove();
					var i = 0;
					tweets?.some( function(tw) {
						if( i == Number(elCount) ) {
							return;
						}

						_build(tw, element, elUser);
						i++;
					});

					if( element.classList.contains('fslider') ) {
						var timer = setInterval( function() {
							if( element.querySelectorAll('.slide').length > 1 ) {
								element.classList.remove('customjs');

								setTimeout( function() {
									__modules.flexSlider();
									jQuery(element).find( '.flexslider .slide' ).resize();
								}, 500);

								clearInterval(timer);
							}
						}, 1000);
					}
				}).catch( function(err) {
					console.log(err);
					alert.classList.remove( 'alert-warning' );
					alert.classList.add( 'alert-danger' );
					alert.innerHTML = 'Could not fetch Tweets from Twitter API. Please try again later.';
				});
			});
		}
	};
}();