One Hat Cyber Team

View File Name : messenger.js

/*
 * LaraClassifier - Classified Ads Web Application
 * Copyright (c) BeDigit. All Rights Reserved
 *
 * Website: https://laraclassifier.com
 * Author: Mayeul Akpovi (BeDigit - https://bedigit.com)
 *
 * LICENSE
 * -------
 * This software is provided under a license agreement and may only be used or copied
 * in accordance with its terms, including the inclusion of the above copyright notice.
 * As this software is sold exclusively on CodeCanyon,
 * please review the full license details here: https://codecanyon.net/licenses/standard
 */

if (typeof loadingImage === 'undefined') {
	var loadingImage = '/images/spinners/fading-line.gif';
}
if (typeof loadingErrorMessage === 'undefined') {
	var loadingErrorMessage = 'Threads could not be loaded.';
}
if (typeof actionErrorMessage === 'undefined') {
	var actionErrorMessage = 'This action could not be done.';
}
if (typeof actionText === 'undefined') {
	var actionText = 'Action';
}

onDocumentReady((event) => {
	
	$('ul.dropdown-menu-sort li').click(function (e) {
		$('ul.dropdown-menu-sort li').removeClass('active');
		$(this).addClass('active');
		let selectedText = $(this).find('a').text();
		$('.dropdown-menu-sort-selected').text(selectedText);
	});
	
	$('.markAllAsRead').click(function () {
		Swal.fire({
			text: langLayout.confirm.message.question,
			icon: 'warning',
			showCancelButton: true,
			confirmButtonText: langLayout.confirm.button.yes,
			cancelButtonText: langLayout.confirm.button.no
		}).then((result) => {
			if (result.isConfirmed) {
				
				markAllAsRead();
				
			}
		});
	});
	
	/* Check all entries */
	$('#form-check-all').click(function (e) {
		e.stopPropagation();
		$('.message-list input:checkbox').not(this).prop('checked', this.checked);
	});
	
	
	/* ====== */
	
	
	/* AJAX data loading & pagination */
	$(document).on('click', '#linksThreads a', function (e) {
		e.preventDefault();
		
		/* $('#linksThreads a').css('color', '#dfecf6'); */
		
		let url = $(this).attr('href');
		getThreads(url);
		window.history.pushState('', '', url);
	});
	
	/* Confirm Actions */
	$(document).on('click', '.list-box-action a, #groupedAction a, .call-xhr-action a', function (e) {
		e.preventDefault();
		
		let clickedEl = $(this);
		
		Swal.fire({
			text: langLayout.confirm.message.question,
			icon: 'warning',
			showCancelButton: true,
			confirmButtonText: langLayout.confirm.button.yes,
			cancelButtonText: langLayout.confirm.button.no
		}).then((result) => {
			if (result.isConfirmed) {
				
				let currentPageFilter = getUrlParameter('filter');
				let url = clickedEl.attr('href');
				if (clickedEl.closest('#groupedAction').length) {
					let checkedCheckboxes = getCheckedCheckboxes();
					makeAction(currentPageFilter, url, false, checkedCheckboxes);
				} else {
					if (url !== 'undefined') {
						makeAction(currentPageFilter, url, clickedEl);
					}
				}
				
			}
		});
		
		return false;
	});
	
	/* Refresh Threads */
	$(document).on('click', '#btnRefresh', function (e) {
		e.preventDefault();
		
		let url = window.location.href;
		getThreads(url);
	});
	
});


/* Function of AJAX data loading & pagination */
function getThreads(url) {
	$('#listThreads').append('<img class="loading-img" src="' + loadingImage + '" />');
	
	let ajax = $.ajax({
		method: 'GET',
		url: url
	});
	ajax.done(function (xhr) {
		if (typeof xhr.threads === 'undefined' || typeof xhr.links === 'undefined') {
			return false;
		}
		
		$('#listThreads').html(xhr.threads);
		$('#linksThreads').html(xhr.links);
		
		/* Check Threads with New Messages */
		checkNewMessages();
		
		/* Clear all alert message */
		try {
			sleep(6000).then(() => {
				$('#successMsg').empty().hide();
				$('#errorMsg').empty().hide();
			});
		} catch (error) {
			$('#successMsg').empty().hide();
			$('#errorMsg').empty().hide();
		}
	});
	ajax.fail(function () {
		jsAlert(loadingErrorMessage, 'error', false);
	});
}

/* Get checked checkboxes */
function getCheckedCheckboxes() {
	let checkedList = [];
	
	$('.message-list input[type=checkbox]:checked').each(function () {
		checkedList.push($(this).val());
	});
	
	return checkedList;
}

/* Make action */
function makeAction(currentPageFilter, url, clickedEl, checkedCheckboxes) {
	let options = {
		method: 'GET',
		url: url
	};
	
	if (checkedCheckboxes) {
		options = {
			method: 'POST',
			url: url,
			data: {
				'entries': checkedCheckboxes,
				'_token': $('input[name=_token]').val()
			}
		};
	}
	
	let ajax = $.ajax(options);
	ajax.done(function (xhr) {
		if (typeof xhr.type === 'undefined' || typeof xhr.success === 'undefined' || typeof xhr.msg === 'undefined') {
			return false;
		}
		
		let currentUrl = window.location.href;
		let titleIs, newActionUrl;
		
		if (clickedEl) {
			if (xhr.type === 'markAsRead' || xhr.type === 'markAsUnread') {
				if (currentPageFilter === 'unread') {
					
					clickedEl.tooltip('hide');
					getThreads(currentUrl);
					
				} else {
					let isSeen = clickedEl.closest('.list-group-item').hasClass('seen');
					titleIs = isSeen ? title.seen : title.notSeen;
					clickedEl.find('i').toggleClass('fa-envelope-open fa-envelope');
					clickedEl.closest('.list-group-item').toggleClass('seen');
					clickedEl.attr('title', titleIs).attr('data-original-title', titleIs).tooltip('hide');
					if (typeof xhr.baseUrl !== 'undefined') {
						newActionUrl = xhr.baseUrl + '?type=' + (isSeen ? 'markAsRead' : 'markAsUnread');
						clickedEl.attr('href', newActionUrl);
					}
					
					checkNewMessages();
				}
			}
			if (xhr.type === 'markAsImportant' || xhr.type === 'markAsNotImportant') {
				if (currentPageFilter === 'important') {
					
					clickedEl.tooltip('hide');
					getThreads(currentUrl);
					
				} else {
					let isImportant = clickedEl.hasClass('markAsNotImportant');
					titleIs = isImportant ? title.important : title.notImportant;
					clickedEl.find('i').toggleClass('fa-solid fa-regular');
					clickedEl.toggleClass('markAsNotImportant markAsImportant');
					clickedEl.attr('title', titleIs).attr('data-original-title', titleIs).tooltip('hide');
					if (typeof xhr.baseUrl !== 'undefined') {
						newActionUrl = xhr.baseUrl + '?type=' + (isImportant ? 'markAsImportant' : 'markAsNotImportant');
						clickedEl.attr('href', newActionUrl);
					}
				}
			}
			if (xhr.type === 'delete') {
				
				clickedEl.tooltip('hide');
				getThreads(currentUrl);
				
			}
		} else {
			/* Close the grouped actions dropdown menu */
			$('#groupedAction').trigger('click.bs.dropdown');
			/* Uncheck the 'check all' checkbox */
			$('#form-check-all').prop('checked', false);
			
			/* Refresh Data */
			getThreads(currentUrl);
			
			$('.dropdown-menu-sort-selected').text(actionText);
		}
		
		if (xhr.success) {
			$('#errorMsg').empty().hide();
			$('#successMsg').html(xhr.msg).show();
		} else {
			$('#successMsg').empty().hide();
			$('#errorMsg').html(xhr.msg).show();
		}
	});
	ajax.fail(function (xhr) {
		jsAlert(actionErrorMessage, 'error', false);
	});
}

/**
 * Get URL parameters using JavaScript
 *
 * @param sParam
 * @returns {*}
 */
function getUrlParameter(sParam) {
	let sPageURL = window.location.search.substring(1),
		sURLVariables = sPageURL.split('&'),
		sParameterName,
		i;
	
	for (i = 0; i < sURLVariables.length; i++) {
		sParameterName = sURLVariables[i].split('=');
		
		if (sParameterName[0] === sParam) {
			return sParameterName[1] === undefined ? true : decodeURIComponent(sParameterName[1]);
		}
	}
}

/* Mark all as read */
function markAllAsRead() {
	let ajax = $.ajax({
		method: 'POST',
		url: `${siteUrl}/account/messages/actions?type=markAllAsRead`,
		data: {
			'_token': $('input[name=_token]').val()
		}
	});
	ajax.done(function (xhr) {
		if (typeof xhr.success === 'undefined' || typeof xhr.msg === 'undefined') {
			return false;
		}
		
		let url = window.location.href;
		getThreads(url);
		
		if (xhr.success) {
			$('#errorMsg').empty().hide();
			$('#successMsg').html(xhr.msg).show();
		} else {
			$('#successMsg').empty().hide();
			$('#errorMsg').html(xhr.msg).show();
		}
	});
	ajax.fail(function (xhr) {
		jsAlert(actionErrorMessage, 'error', false);
	});
}