easyappointments/src/assets/js/backend.js

/* ----------------------------------------------------------------------------
 * Easy!Appointments - Open Source Web Scheduler
 *
 * @package     EasyAppointments
 * @author      A.Tselegidis <alextselegidis@gmail.com>
 * @copyright   Copyright (c) 2013 - 2016, Alex Tselegidis
 * @license     http://opensource.org/licenses/GPL-3.0 - GPLv3
 * @link        http://easyappointments.org
 * @since       v1.0.0
 * ---------------------------------------------------------------------------- */

window.Backend = window.Backend || {};

 /**
  * This module contains functions that are used in the backend section of
  * the application.
  *
  * @module Backend
  */
(function(exports) {

    'use strict';

    /**
     * Main javascript code for the backend of Easy!Appointments.
     */
    $(document).ready(function() {
        if (window.console === undefined) {
            window.console = function() {} // IE compatibility
        }

        $(window).resize(function() {
            Backend.placeFooterToBottom();
        }).trigger('resize');

        $(document).ajaxStart(function() {
            $('#loading').show();
        });

        $(document).ajaxStop(function() {
            $('#loading').hide();
        });

        $('.menu-item').qtip({
            position: {
                my: 'top center',
                at: 'bottom center'
            },
            style: {
                classes: 'qtip-green qtip-shadow custom-qtip'
            }
        });

        GeneralFunctions.enableLanguageSelection($('#select-language'));
    });

    /**
     * Backend Constants
     */
    exports.DB_SLUG_ADMIN = 'admin';
    exports.DB_SLUG_PROVIDER = 'provider';
    exports.DB_SLUG_SECRETARY = 'secretary';
    exports.DB_SLUG_CUSTOMER = 'customer';

    exports.PRIV_VIEW = 1;
    exports.PRIV_ADD = 2;
    exports.PRIV_EDIT = 4;
    exports.PRIV_DELETE = 8;

    exports.PRIV_APPOINTMENTS = 'appointments';
    exports.PRIV_CUSTOMERS = 'customers';
    exports.PRIV_SERVICES = 'services';
    exports.PRIV_USERS = 'users';
    exports.PRIV_SYSTEM_SETTINGS = 'system_settings';
    exports.PRIV_USER_SETTINGS = 'user_settings';

    /**
     * Place the backend footer always on the bottom of the page.
     */
    exports.placeFooterToBottom = function() {
        var $footer = $('#footer');

        if (window.innerHeight > $('body').height()) {
            $footer.css({
                'position': 'absolute',
                'width': '100%',
                'bottom': '0px'
            });
        } else {
            $footer.css({
                'position': 'static'
            });
        }
    };

    /**
     * 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.
     */
    exports.displayNotification = function(message, actions) {
        if (message == undefined) {
            message = 'NO MESSAGE PROVIDED FOR THIS NOTIFICATION';
        }

        if (actions == undefined) {
            actions = [];
            setTimeout(function() {
                $('#notification').slideUp('slow');
            }, 7000);
        }

        var notificationHtml =
                '<div class="notification alert">' +
                '<strong>' + message + '</strong>';

        $.each(actions, function(index, action) {
            var actionId = action['label'].toLowerCase().replace(' ', '-');
            notificationHtml += '<button id="' + actionId + '" class="btn btn-default btn-xs">'
                    + action['label'] + '</button>';

            $(document).off('click', '#' + actionId);
            $(document).on('click', '#' + actionId, action['function']);
        });

        notificationHtml += '<a class="close" data-dismiss="alert" href="#">&times;</a></div>';

        $('#notification').html(notificationHtml);
        $('#notification').show('blind');
    }

})(window.Backend);