116 lines
2.9 KiB
JavaScript
116 lines
2.9 KiB
JavaScript
|
/* ----------------------------------------------------------------------------
|
||
|
|
* Easy!Appointments - Open Source Web 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.2.0
|
||
|
|
* ---------------------------------------------------------------------------- */
|
||
|
|
|
||
|
|
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 '';
|
||
|
|
}
|
||
|
|
|
||
|
|
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) {
|
||
|
|
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) {
|
||
|
|
return $('<div/>', {
|
||
|
|
'html': [
|
||
|
|
$('<a/>', {
|
||
|
|
'href': 'tel:' + phone,
|
||
|
|
'target': '_blank',
|
||
|
|
'html': [
|
||
|
|
$('<span/>', {
|
||
|
|
'class': 'fas fa-phone-alt'
|
||
|
|
})
|
||
|
|
]
|
||
|
|
})
|
||
|
|
]
|
||
|
|
}).html();
|
||
|
|
}
|
||
|
|
|
||
|
|
return {
|
||
|
|
renderPhoneIcon,
|
||
|
|
renderMapIcon,
|
||
|
|
renderMailIcon
|
||
|
|
};
|
||
|
|
})();
|