mirror of
https://github.com/alextselegidis/easyappointments.git
synced 2024-12-05 06:13:16 +03:00
128 lines
3.2 KiB
JavaScript
128 lines
3.2 KiB
JavaScript
/* ----------------------------------------------------------------------------
|
|
* Easy!Appointments - Online Appointment Scheduler
|
|
*
|
|
* @package EasyAppointments
|
|
* @author A.Tselegidis <alextselegidis@gmail.com>
|
|
* @copyright Copyright (c) Alex Tselegidis
|
|
* @license https://opensource.org/licenses/GPL-3.0 - GPLv3
|
|
* @link https://easyappointments.org
|
|
* @since v1.5.0
|
|
* ---------------------------------------------------------------------------- */
|
|
|
|
/**
|
|
* Calendar event popover utility.
|
|
*
|
|
* This module implements the functionality of calendar event popovers.
|
|
*/
|
|
App.Utils.CalendarEventPopover = (function () {
|
|
/**
|
|
* Render a map icon that links to Google maps.
|
|
*
|
|
* Old Name: GeneralFunctions.renderMapIcon
|
|
*
|
|
* @param {Object} user Should have the address, city, etc properties.
|
|
*
|
|
* @return {String} The rendered HTML.
|
|
*/
|
|
function renderMapIcon(user) {
|
|
const data = [];
|
|
|
|
if (user.address) {
|
|
data.push(user.address);
|
|
}
|
|
|
|
if (user.city) {
|
|
data.push(user.city);
|
|
}
|
|
|
|
if (user.state) {
|
|
data.push(user.state);
|
|
}
|
|
|
|
if (user.zip_code) {
|
|
data.push(user.zip_code);
|
|
}
|
|
|
|
if (!data.length) {
|
|
return null;
|
|
}
|
|
|
|
return $('<div/>', {
|
|
'html': [
|
|
$('<a/>', {
|
|
'href': 'https://google.com/maps/place/' + data.join(','),
|
|
'target': '_blank',
|
|
'html': [
|
|
$('<span/>', {
|
|
'class': 'fas fa-map-marker-alt',
|
|
}),
|
|
],
|
|
}),
|
|
],
|
|
}).html();
|
|
}
|
|
|
|
/**
|
|
* Render a mail icon.
|
|
*
|
|
* Old Name: GeneralFunctions.renderMailIcon
|
|
*
|
|
* @param {String} email
|
|
*
|
|
* @return {String} The rendered HTML.
|
|
*/
|
|
function renderMailIcon(email) {
|
|
if (!email) {
|
|
return null;
|
|
}
|
|
|
|
return $('<div/>', {
|
|
'html': [
|
|
$('<a/>', {
|
|
'href': 'mailto:' + email,
|
|
'target': '_blank',
|
|
'html': [
|
|
$('<span/>', {
|
|
'class': 'fas fa-envelope',
|
|
}),
|
|
],
|
|
}),
|
|
],
|
|
}).html();
|
|
}
|
|
|
|
/**
|
|
* Render a phone icon.
|
|
*
|
|
* Old Name: GeneralFunctions.renderPhoneIcon
|
|
*
|
|
* @param {String} phone
|
|
*
|
|
* @return {String} The rendered HTML.
|
|
*/
|
|
function renderPhoneIcon(phone) {
|
|
if (!phone) {
|
|
return null;
|
|
}
|
|
|
|
return $('<div/>', {
|
|
'html': [
|
|
$('<a/>', {
|
|
'href': 'tel:' + phone,
|
|
'target': '_blank',
|
|
'html': [
|
|
$('<span/>', {
|
|
'class': 'fas fa-phone-alt',
|
|
}),
|
|
],
|
|
}),
|
|
],
|
|
}).html();
|
|
}
|
|
|
|
return {
|
|
renderPhoneIcon,
|
|
renderMapIcon,
|
|
renderMailIcon,
|
|
};
|
|
})();
|