From 4ee715e3081005cc6a751dc9b99ec1ecc3a092a9 Mon Sep 17 00:00:00 2001
From: Alex Tselegidis <alextselegidis@gmail.com>
Date: Mon, 17 Jan 2022 05:26:26 +0100
Subject: [PATCH] Port functionality from old backend file to the new backend
 layout module.

---
 assets/js/layouts/backend.js        | 137 ----------------------------
 assets/js/layouts/backend_layout.js | 128 +++++++++++++++++++++++++-
 2 files changed, 127 insertions(+), 138 deletions(-)
 delete mode 100644 assets/js/layouts/backend.js

diff --git a/assets/js/layouts/backend.js b/assets/js/layouts/backend.js
deleted file mode 100644
index b829d0f6..00000000
--- a/assets/js/layouts/backend.js
+++ /dev/null
@@ -1,137 +0,0 @@
-/* ----------------------------------------------------------------------------
- * 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.0.0
- * ---------------------------------------------------------------------------- */
-
-window.Backend = window.Backend || {};
-
-/**
- * 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.
-     */
-    $(function () {
-        $(window)
-            .on('resize', function () {
-                Backend.placeFooterToBottom();
-            })
-            .trigger('resize');
-
-        $(document).ajaxStart(function () {
-            $('#loading').show();
-        });
-
-        $(document).ajaxStop(function () {
-            $('#loading').hide();
-        });
-
-        tippy('[data-tippy-content]');
-
-        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) {
-        message = message || '- No message provided for this notification -';
-
-        var $notification = $('#notification');
-
-        if (!actions) {
-            actions = [];
-
-            setTimeout(function () {
-                $notification.fadeOut();
-            }, 5000);
-        }
-
-        $notification.empty();
-
-        var $instance = $('<div/>', {
-            'class': 'notification alert',
-            'html': [
-                $('<button/>', {
-                    'type': 'button',
-                    'class': 'btn-close',
-                    'data-dismiss': 'alert'
-                }),
-                $('<strong/>', {
-                    'html': message
-                })
-            ]
-        }).appendTo($notification);
-
-        actions.forEach(function (action) {
-            $('<button/>', {
-                'class': 'btn btn-outline-secondary btn-xs',
-                'text': action.label,
-                'on': {
-                    'click': action.function
-                }
-            }).appendTo($instance);
-        });
-
-        $notification.show('fade');
-    };
-})(window.Backend);
diff --git a/assets/js/layouts/backend_layout.js b/assets/js/layouts/backend_layout.js
index 1ea08c5b..49f24584 100644
--- a/assets/js/layouts/backend_layout.js
+++ b/assets/js/layouts/backend_layout.js
@@ -15,5 +15,131 @@
  * This module implements the backend layout functionality.
  */
 window.App.Layouts.Backend = (function () {
-    return {};
+    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';
+
+    function placeFooterToBottom() {
+        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.
+     */
+    function displayNotification(message = '- No message provided for this notification -', actions = null) {
+        if (!actions) {
+            actions = [];
+
+            setTimeout(function () {
+                $notification.fadeOut();
+            }, 5000);
+        }
+
+        $notification.empty();
+
+        const $instance = $('<div/>', {
+            'class': 'notification alert',
+            'html': [
+                $('<button/>', {
+                    'type': 'button',
+                    'class': 'btn-close',
+                    'data-dismiss': 'alert'
+                }),
+                $('<strong/>', {
+                    'html': message
+                })
+            ]
+        }).appendTo($notification);
+
+        actions.forEach((action) => {
+            $('<button/>', {
+                'class': 'btn btn-outline-secondary btn-xs',
+                'text': action.label,
+                'on': {
+                    'click': action.function
+                }
+            }).appendTo($instance);
+        });
+
+        $notification.show('fade');
+    }
+
+    /**
+     * Initialize the module.
+     */
+    function initialize() {
+        $(window)
+            .on('resize', () => {
+                Backend.placeFooterToBottom();
+            })
+            .trigger('resize');
+
+        $(document).ajaxStart(() => {
+            $loading.show();
+        });
+
+        $(document).ajaxStop(() => {
+            $loading.hide();
+        });
+
+        tippy('[data-tippy-content]');
+
+        GeneralFunctions.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,
+        placeFooterToBottom,
+        displayNotification
+    };
 })();