first commit

assets/js/pages/installation.js

@@ -0,0 +1,176 @@
+/* ----------------------------------------------------------------------------
+ * 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
+ * ---------------------------------------------------------------------------- */
+
+/**
+ * Installation page.
+ *
+ * This module implements the functionality of the installation page.
+ */
+App.Pages.Installation = (function () {
+    const MIN_PASSWORD_LENGTH = 7;
+    const $install = $('#install');
+    const $alert = $('.alert');
+    const $loading = $('#loading');
+    const $firstName = $('#first-name');
+    const $lastName = $('#last-name');
+    const $email = $('#email');
+    const $phoneNumber = $('#phone-number');
+    const $username = $('#username');
+    const $password = $('#password');
+    const $passwordConfirm = $('#password-confirm');
+    const $language = $('#language');
+    const $companyName = $('#company-name');
+    const $companyEmail = $('#company-email');
+    const $companyLink = $('#company-link');
+
+    $(document).ajaxStart(() => {
+        $loading.removeClass('d-none');
+    });
+
+    $(document).ajaxStop(() => {
+        $loading.addClass('d-none');
+    });
+
+    /**
+     * Event: Install Easy!Appointments Button "Click"
+     */
+    $install.on('click', () => {
+        if (!validate()) {
+            return;
+        }
+
+        const url = App.Utils.Url.siteUrl('installation/perform');
+
+        const data = {
+            csrf_token: vars('csrf_token'),
+            admin: getAdminData(),
+            company: getCompanyData(),
+        };
+
+        $.ajax({
+            url: url,
+            type: 'POST',
+            data: data,
+            dataType: 'json',
+        }).done(() => {
+            $alert
+                .text('Easy!Appointments has been successfully installed!')
+                .addClass('alert-success')
+                .prop('hidden', false);
+
+            setTimeout(() => {
+                window.location.href = App.Utils.Url.siteUrl('calendar');
+            }, 1000);
+        });
+    });
+
+    /**
+     * Validates the user input.
+     *
+     * Use this before executing the installation procedure.
+     *
+     * @return {Boolean} Returns the validation result.
+     */
+    function validate() {
+        try {
+            const $fields = $('input');
+
+            $alert.removeClass('alert-danger').prop('hidden', true);
+
+            $fields.removeClass('is-invalid');
+
+            // Check for empty fields.
+            let missingRequired = false;
+
+            $fields.each((index, field) => {
+                if (!$(field).val()) {
+                    $(field).addClass('is-invalid');
+                    missingRequired = true;
+                }
+            });
+
+            if (missingRequired) {
+                throw new Error(lang('fields_are_required'));
+            }
+
+            // Validate Passwords
+            if ($password.val() !== $passwordConfirm.val()) {
+                $password.addClass('is-invalid');
+                $passwordConfirm.addClass('is-invalid');
+                throw new Error(lang('passwords_mismatch'));
+            }
+
+            if ($password.val().length < MIN_PASSWORD_LENGTH) {
+                $password.addClass('is-invalid');
+                $passwordConfirm.addClass('is-invalid');
+                throw new Error(lang('password_length_notice').replace('$number', MIN_PASSWORD_LENGTH));
+            }
+
+            // Validate Email
+            if (!App.Utils.Validation.email($email.val())) {
+                $email.addClass('is-invalid');
+                throw new Error(lang('invalid_email'));
+            }
+
+            if (!App.Utils.Validation.email($companyEmail.val())) {
+                $companyEmail.addClass('is-invalid');
+                throw new Error(lang('invalid_email'));
+            }
+
+            return true;
+        } catch (error) {
+            $alert.addClass('alert-danger').text(error.message).prop('hidden', false);
+
+            return false;
+        }
+    }
+
+    /**
+     * Get the admin data as an object.
+     *
+     * @return {Object}
+     */
+    function getAdminData() {
+        return {
+            first_name: $firstName.val(),
+            last_name: $lastName.val(),
+            email: $email.val(),
+            phone_number: $phoneNumber.val(),
+            username: $username.val(),
+            password: $password.val(),
+            language: $language.val(),
+        };
+    }
+
+    /**
+     * Get the company data as an object.
+     *
+     * @return {Object}
+     */
+    function getCompanyData() {
+        return {
+            company_name: $companyName.val(),
+            company_email: $companyEmail.val(),
+            company_link: $companyLink.val(),
+        };
+    }
+
+    // Validate the base URL setting (must not contain any trailing slash).
+    if (vars('base_url').slice(-1) === '/') {
+        App.Utils.Message.show(
+            'Invalid Configuration Detected',
+            'Please remove any trailing slashes from your "BASE_URL" setting of the root "config.php" file and try again.',
+        );
+        $install.prop('disabled', true).fadeTo('0.4');
+    }
+
+    return {};
+})();