Initial commit: CloudOps infrastructure platform

docker-compose/mautic-setup/mautic-backup-files/docroot/app/bundles/UserBundle/Assets/css/user.css

@@ -0,0 +1,60 @@
+/* UserBundle */
+
+.profile-details {
+    margin-bottom: 20px;
+}
+
+.col-user-id, .col-role-id {
+    width: 75px;
+}
+
+.col-user-avatar {
+    width: 75px;
+}
+
+.mautic-logo {
+    width: 150px;
+    margin: 0 auto;
+    background: #ffffff;
+}
+
+.mautic-logo > svg.mautic-logo-figure .circle {
+    fill: #4e5e9e;
+}
+
+.mautic-logo > svg.mautic-logo-figure .m,
+.mautic-logo > svg.mautic-logo-figure .m-arrow {
+      fill: #fdb933;
+}
+
+input:-webkit-autofill {
+    -webkit-box-shadow: 0 0 0px 1000px white inset;
+}
+
+span.input-group-addon i.fa {
+    width: 20px;
+}
+
+.inline-login .login-form {
+    margin: 20px;
+}
+
+.accent-color {
+    width: 28px;
+    height: 28px;
+    display: inline-flex;
+    cursor: pointer;
+}
+
+.accent-color,
+.accent-dropdown {
+    outline: 2px var(--outline-style) transparent;
+    outline-offset: 2px;
+    transition: var(--transition-all-productive);
+}
+
+input:checked + .accent-color,
+.dropdown.open .accent-dropdown {
+    outline: 2px var(--outline-style) var(--focus);
+    outline-offset: 2px;
+}

docker-compose/mautic-setup/mautic-backup-files/docroot/app/bundles/UserBundle/Assets/js/user.js

@@ -0,0 +1,144 @@
+//UserBundle
+Mautic.userOnLoad = function (container) {
+    if (mQuery(container + ' form[name="user"]').length) {
+        if (mQuery('#user_position').length) {
+            Mautic.activateTypeahead('#user_position', { displayKey: 'position' });
+        }
+    } else {
+        if (mQuery(container + ' #list-search').length) {
+            Mautic.activateSearchAutocomplete('list-search', 'user.user');
+        }
+    }
+
+    /**
+     * Initializes radio button states for UI settings and updates hidden inputs
+     * when settings are changed.
+     */
+    // Initialize radio buttons based on hidden input values
+    document.querySelectorAll('input[type="radio"][data-attribute-toggle]').forEach(radio => {
+        const attributeName = radio.dataset.attributeToggle;
+        const hiddenInput = document.getElementById(`user_preferences_${attributeName.replace('-', '_')}`);
+
+        if (hiddenInput && hiddenInput.value) {
+            // If hidden input has a value, set the corresponding radio
+            const correspondingRadio = document.querySelector(
+                `input[name="${attributeName}"][data-attribute-value="${hiddenInput.value}"]`
+            );
+            if (correspondingRadio) correspondingRadio.checked = true;
+        } else if (radio.checked) {
+            // Use the checked state from the HTML as the default
+            if (hiddenInput) {
+                hiddenInput.value = radio.dataset.attributeValue;
+            }
+        }
+    });
+
+    // Handle radio button changes - update hidden inputs and HTML attributes
+    document.querySelectorAll('input[type="radio"][data-attribute-toggle]').forEach(radio => {
+        radio.addEventListener('change', function() {
+            if (this.checked) {
+                const attributeName = this.dataset.attributeToggle;
+                const hiddenInput = document.getElementById(`user_preferences_${attributeName.replace('-', '_')}`);
+
+                // Update hidden input value
+                if (hiddenInput) {
+                    hiddenInput.value = this.dataset.attributeValue;
+                }
+            }
+        });
+    });
+
+    document.querySelector('[id^="user_buttons_save_toolbar"]').addEventListener('click', function() {
+        // Re-apply all current preferences after clicking save
+        document.querySelectorAll('input[type="radio"][data-attribute-toggle]:checked').forEach(radio => {
+            const attributeToggle = radio.dataset.attributeToggle;
+            const attributeValue = radio.dataset.attributeValue;
+            document.documentElement.setAttribute(attributeToggle, attributeValue);
+        });
+    });
+
+};
+
+Mautic.roleOnLoad = function (container, response) {
+    if (mQuery(container + ' #list-search').length) {
+        Mautic.activateSearchAutocomplete('list-search', 'user.role');
+    }
+
+    if (response && response.permissionList) {
+        MauticVars.permissionList = response.permissionList;
+    }
+    Mautic.togglePermissionVisibility();
+};
+
+/**
+ * Toggles permission panel visibility for roles
+ */
+Mautic.togglePermissionVisibility = function () {
+    //add a very slight delay in order for the clicked on checkbox to be selected since the onclick action
+    //is set to the parent div
+    setTimeout(function () {
+        if (mQuery('#role_isAdmin_0').prop('checked')) {
+            mQuery('#rolePermissions').removeClass('hide');
+            mQuery('#isAdminMessage').addClass('hide');
+            mQuery('#permissions-tab').removeClass('disabled');
+        } else {
+            mQuery('#rolePermissions').addClass('hide');
+            mQuery('#isAdminMessage').removeClass('hide');
+            mQuery('#permissions-tab').addClass('disabled');
+        }
+    }, 10);
+};
+
+/**
+ * Toggle permissions, update ratio, etc
+ *
+ * @param changedPermission
+ * @param bundle
+ */
+Mautic.onPermissionChange = function (changedPermission, bundle) {
+    var granted = 0;
+
+    if (mQuery(changedPermission).prop('checked')) {
+        if (mQuery(changedPermission).val() == 'full') {
+            //uncheck all of the others
+            mQuery(changedPermission).closest('.choice-wrapper').find("label input:checkbox:checked").map(function () {
+                if (mQuery(this).val() != 'full') {
+                    mQuery(this).prop('checked', false);
+                    mQuery(this).parent().toggleClass('active');
+                }
+            })
+        } else {
+            //uncheck full
+            mQuery(changedPermission).closest('.choice-wrapper').find("label input:checkbox:checked").map(function () {
+                if (mQuery(this).val() == 'full') {
+                    granted = granted - 1;
+                    mQuery(this).prop('checked', false);
+                    mQuery(this).parent().toggleClass('active');
+                }
+            })
+        }
+    }
+
+    //update granted numbers
+    if (mQuery('.' + bundle + '_granted').length) {
+        var granted = 0;
+        var levelPerms = MauticVars.permissionList[bundle];
+        mQuery.each(levelPerms, function (level, perms) {
+            mQuery.each(perms, function (index, perm) {
+                var isChecked = mQuery('input[data-permission="' + bundle + ':' + level + ':' + perm + '"]').prop('checked');
+                if (perm == 'full') {
+                    if (isChecked) {
+                        if (perms.length === 1) {
+                            granted++;
+                        } else {
+                            granted += perms.length - 1;
+                        }
+                    }
+                } else if (isChecked) {
+                    granted++;
+                }
+            });
+        });
+        mQuery('.' + bundle + '_granted').html(granted);
+    }
+};