mirror of
https://github.com/alextselegidis/easyappointments.git
synced 2024-11-10 10:02:33 +03:00
Port calendar event popover methods from GeneralFunctions to the new CalendarEventPopover utility module.
This commit is contained in:
parent
90b1d4671c
commit
ddd252303e
1 changed files with 115 additions and 0 deletions
115
assets/js/utils/calendar_event_popover.js
Normal file
115
assets/js/utils/calendar_event_popover.js
Normal file
|
@ -0,0 +1,115 @@
|
||||||
|
/* ----------------------------------------------------------------------------
|
||||||
|
* 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
|
||||||
|
};
|
||||||
|
})();
|
Loading…
Reference in a new issue