mirror of
https://github.com/alextselegidis/easyappointments.git
synced 2024-12-26 00:23:33 +03:00
120 lines
3.6 KiB
JavaScript
120 lines
3.6 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
|
|
* ---------------------------------------------------------------------------- */
|
|
|
|
/**
|
|
* Backend layout.
|
|
*
|
|
* This module implements the backend layout functionality.
|
|
*/
|
|
window.App.Layouts.Backend = (function () {
|
|
const $selectLanguage = $('#select-language');
|
|
const $notification = $('#notification');
|
|
const $loading = $('#loading');
|
|
const $footer = $('#footer');
|
|
|
|
const DB_SLUG_ADMIN = 'admin';
|
|
const DB_SLUG_PROVIDER = 'provider';
|
|
const DB_SLUG_SECRETARY = 'secretary';
|
|
const DB_SLUG_CUSTOMER = 'customer';
|
|
|
|
const PRIV_VIEW = 1;
|
|
const PRIV_ADD = 2;
|
|
const PRIV_EDIT = 4;
|
|
const PRIV_DELETE = 8;
|
|
|
|
const PRIV_APPOINTMENTS = 'appointments';
|
|
const PRIV_CUSTOMERS = 'customers';
|
|
const PRIV_SERVICES = 'services';
|
|
const PRIV_USERS = 'users';
|
|
const PRIV_SYSTEM_SETTINGS = 'system_settings';
|
|
const PRIV_USER_SETTINGS = 'user_settings';
|
|
|
|
/**
|
|
* Display backend notifications to user.
|
|
*
|
|
* Using this method you can display notifications to the use with custom messages. If the 'actions' array is
|
|
* provided then an action link will be displayed too.
|
|
*
|
|
* @param {String} message Notification message
|
|
* @param {Array} [actions] An array with custom actions that will be available to the user. Every array item is an
|
|
* object that contains the 'label' and 'function' key values.
|
|
*/
|
|
function displayNotification(message, actions = []) {
|
|
if (!message) {
|
|
return;
|
|
}
|
|
|
|
const $toast = $(`
|
|
<div class="toast bg-dark d-flex align-items-center mb-2 fade show position-fixed p-1 m-4 bottom-0 end-0 backend-notification" role="alert" aria-live="assertive" aria-atomic="true">
|
|
<div class="toast-body w-100 text-white">
|
|
${message}
|
|
</div>
|
|
<button type="button" class="btn-close btn-close-white me-2" data-bs-dismiss="toast" aria-label="Close"></button>
|
|
</div>
|
|
`).appendTo('body');
|
|
|
|
actions.forEach(function (action) {
|
|
$('<button/>', {
|
|
class: 'btn btn-light btn-sm ms-2',
|
|
text: action.label,
|
|
on: {
|
|
click: action.function,
|
|
},
|
|
}).prependTo($toast);
|
|
});
|
|
|
|
const toast = new bootstrap.Toast($toast[0]);
|
|
|
|
toast.show();
|
|
|
|
setTimeout(() => {
|
|
toast.dispose();
|
|
$toast.remove();
|
|
}, 5000);
|
|
}
|
|
|
|
/**
|
|
* Initialize the module.
|
|
*/
|
|
function initialize() {
|
|
$(document).ajaxStart(() => {
|
|
$loading.show();
|
|
});
|
|
|
|
$(document).ajaxStop(() => {
|
|
$loading.hide();
|
|
});
|
|
|
|
tippy('[data-tippy-content]');
|
|
|
|
App.Utils.Lang.enableLanguageSelection($selectLanguage);
|
|
}
|
|
|
|
document.addEventListener('DOMContentLoaded', initialize);
|
|
|
|
return {
|
|
DB_SLUG_ADMIN,
|
|
DB_SLUG_PROVIDER,
|
|
DB_SLUG_SECRETARY,
|
|
DB_SLUG_CUSTOMER,
|
|
PRIV_VIEW,
|
|
PRIV_ADD,
|
|
PRIV_EDIT,
|
|
PRIV_DELETE,
|
|
PRIV_APPOINTMENTS,
|
|
PRIV_CUSTOMERS,
|
|
PRIV_SERVICES,
|
|
PRIV_USERS,
|
|
PRIV_SYSTEM_SETTINGS,
|
|
PRIV_USER_SETTINGS,
|
|
displayNotification
|
|
};
|
|
})();
|