mirror of
https://github.com/alextselegidis/easyappointments.git
synced 2024-11-22 07:52:29 +03:00
Merged pull request #282 - Added action link icons in the backend calendar page, event popover component.
This commit is contained in:
parent
44cd035448
commit
14bbd793bf
2 changed files with 97 additions and 0 deletions
|
@ -320,17 +320,21 @@ window.BackendCalendarDefaultView = window.BackendCalendarDefaultView || {};
|
|||
+ event.data.service.name
|
||||
+ '<br>' +
|
||||
'<strong>' + EALang.provider + '</strong> '
|
||||
+ GeneralFunctions.renderMapIcon(event.data.customer) + ' '
|
||||
+ event.data.provider.first_name + ' '
|
||||
+ event.data.provider.last_name
|
||||
+ '<br>' +
|
||||
'<strong>' + EALang.customer + '</strong> '
|
||||
+ GeneralFunctions.renderMapIcon(event.data.customer) + ' '
|
||||
+ event.data.customer.first_name + ' '
|
||||
+ event.data.customer.last_name
|
||||
+ '<br>' +
|
||||
'<strong>' + EALang.email + '</strong> '
|
||||
+ GeneralFunctions.renderMailIcon(event.data.customer.email) + ' '
|
||||
+ event.data.customer.email
|
||||
+ '<br>' +
|
||||
'<strong>' + EALang.phone_number + '</strong> '
|
||||
+ GeneralFunctions.renderPhoneIcon(event.data.customer.phone_number) + ' '
|
||||
+ event.data.customer.phone_number
|
||||
+ '<hr>' +
|
||||
'<div class="text-center">' +
|
||||
|
|
|
@ -431,4 +431,97 @@ window.GeneralFunctions = window.GeneralFunctions || {};
|
|||
return result;
|
||||
};
|
||||
|
||||
/**
|
||||
* Render a map icon that links to Google maps.
|
||||
*
|
||||
* @param {Object} user Should have the address, city, etc properties.
|
||||
*
|
||||
* @returns {string} The rendered HTML.
|
||||
*/
|
||||
exports.renderMapIcon = function (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://www.google.com/maps/place/' + data.join(','),
|
||||
'target': '_blank',
|
||||
'html': [
|
||||
$('<span/>', {
|
||||
'class': 'glyphicon glyphicon-map-marker'
|
||||
})
|
||||
]
|
||||
})
|
||||
]
|
||||
})
|
||||
.html();
|
||||
};
|
||||
|
||||
/**
|
||||
* Render a mail icon.
|
||||
*
|
||||
* @param {String} email
|
||||
*
|
||||
* @returns {string} The rendered HTML.
|
||||
*/
|
||||
exports.renderMailIcon = function (email) {
|
||||
return $('<div/>', {
|
||||
'html': [
|
||||
$('<a/>', {
|
||||
'href': 'mailto:' + email,
|
||||
'target': '_blank',
|
||||
'html': [
|
||||
$('<span/>', {
|
||||
'class': 'glyphicon glyphicon-envelope'
|
||||
})
|
||||
]
|
||||
})
|
||||
]
|
||||
})
|
||||
.html();
|
||||
};
|
||||
|
||||
/**
|
||||
* Render a phone icon.
|
||||
*
|
||||
* @param {String} phone
|
||||
*
|
||||
* @returns {string} The rendered HTML.
|
||||
*/
|
||||
exports.renderPhoneIcon = function (phone) {
|
||||
return $('<div/>', {
|
||||
'html': [
|
||||
$('<a/>', {
|
||||
'href': 'tel:' + phone,
|
||||
'target': '_blank',
|
||||
'html': [
|
||||
$('<span/>', {
|
||||
'class': 'glyphicon glyphicon-earphone'
|
||||
})
|
||||
]
|
||||
})
|
||||
]
|
||||
})
|
||||
.html();
|
||||
};
|
||||
})(window.GeneralFunctions);
|
||||
|
|
Loading…
Reference in a new issue