From 7603f8fdc43ecec212e3f9886bd9f3fdade5e474 Mon Sep 17 00:00:00 2001
From: Mark Gregory <mark.gregory@mpba.co.uk>
Date: Tue, 16 Jun 2026 13:13:44 +0100
Subject: [PATCH] working ticket

---
 .../views/partials/select2-loader.blade.php   | 236 +++++++++---------
 1 file changed, 118 insertions(+), 118 deletions(-)

diff --git a/Modules/Helpdesk/Resources/views/partials/select2-loader.blade.php b/Modules/Helpdesk/Resources/views/partials/select2-loader.blade.php
index caa265a7..dbd0676d 100644
--- a/Modules/Helpdesk/Resources/views/partials/select2-loader.blade.php
+++ b/Modules/Helpdesk/Resources/views/partials/select2-loader.blade.php
@@ -1,130 +1,130 @@
-@once
-    <style>
-        .select2-container { width: 100% !important; }
-        .select2-container--default .select2-selection--single,
-        .select2-container--default .select2-selection--multiple {
-            min-height: 2.75rem;
-            border-radius: 0.75rem;
-            border-color: rgb(63 63 70);
-            background: rgb(9 9 11);
-            color: rgb(244 244 245);
-            display: flex;
-            align-items: center;
-        }
-        .select2-container--default .select2-selection--multiple {
-            align-items: flex-start;
-            padding: 0.25rem 0.5rem;
-        }
-        .select2-container--default .select2-selection--multiple .select2-selection__choice {
-            border-color: rgb(59 130 246);
-            background: rgb(30 64 175);
-            color: rgb(255 255 255);
-            border-radius: 9999px;
-            padding: 0.15rem 0.5rem;
-        }
-        .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
-            color: rgb(255 255 255);
-            margin-right: 0.35rem;
-        }
-        .select2-container--default .select2-selection--single .select2-selection__rendered {
-            color: rgb(244 244 245);
-            line-height: 2.75rem;
-            padding-left: 0.85rem;
-        }
-        .select2-container--default .select2-selection--single .select2-selection__arrow {
-            height: 2.75rem;
-        }
-        .select2-dropdown {
-            border-color: rgb(63 63 70);
-            background: rgb(24 24 27);
-            color: rgb(244 244 245);
-        }
-        .select2-container--default .select2-results__option--highlighted[aria-selected] {
-            background: rgb(37 99 235);
-            color: white;
-        }
-        .select2-container--default .select2-results__option[aria-selected=true] {
-            background: rgb(39 39 42);
-            color: white;
-        }
-        .select2-search__field {
-            background: rgb(9 9 11);
-            color: rgb(244 244 245);
-            border-color: rgb(63 63 70) !important;
-        }
-    </style>
-@endonce
+{{--@once--}}
+{{--    <style>--}}
+{{--        .select2-container { width: 100% !important; }--}}
+{{--        .select2-container--default .select2-selection--single,--}}
+{{--        .select2-container--default .select2-selection--multiple {--}}
+{{--            min-height: 2.75rem;--}}
+{{--            border-radius: 0.75rem;--}}
+{{--            border-color: rgb(63 63 70);--}}
+{{--            background: rgb(9 9 11);--}}
+{{--            color: rgb(244 244 245);--}}
+{{--            display: flex;--}}
+{{--            align-items: center;--}}
+{{--        }--}}
+{{--        .select2-container--default .select2-selection--multiple {--}}
+{{--            align-items: flex-start;--}}
+{{--            padding: 0.25rem 0.5rem;--}}
+{{--        }--}}
+{{--        .select2-container--default .select2-selection--multiple .select2-selection__choice {--}}
+{{--            border-color: rgb(59 130 246);--}}
+{{--            background: rgb(30 64 175);--}}
+{{--            color: rgb(255 255 255);--}}
+{{--            border-radius: 9999px;--}}
+{{--            padding: 0.15rem 0.5rem;--}}
+{{--        }--}}
+{{--        .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {--}}
+{{--            color: rgb(255 255 255);--}}
+{{--            margin-right: 0.35rem;--}}
+{{--        }--}}
+{{--        .select2-container--default .select2-selection--single .select2-selection__rendered {--}}
+{{--            color: rgb(244 244 245);--}}
+{{--            line-height: 2.75rem;--}}
+{{--            padding-left: 0.85rem;--}}
+{{--        }--}}
+{{--        .select2-container--default .select2-selection--single .select2-selection__arrow {--}}
+{{--            height: 2.75rem;--}}
+{{--        }--}}
+{{--        .select2-dropdown {--}}
+{{--            border-color: rgb(63 63 70);--}}
+{{--            background: rgb(24 24 27);--}}
+{{--            color: rgb(244 244 245);--}}
+{{--        }--}}
+{{--        .select2-container--default .select2-results__option--highlighted[aria-selected] {--}}
+{{--            background: rgb(37 99 235);--}}
+{{--            color: white;--}}
+{{--        }--}}
+{{--        .select2-container--default .select2-results__option[aria-selected=true] {--}}
+{{--            background: rgb(39 39 42);--}}
+{{--            color: white;--}}
+{{--        }--}}
+{{--        .select2-search__field {--}}
+{{--            background: rgb(9 9 11);--}}
+{{--            color: rgb(244 244 245);--}}
+{{--            border-color: rgb(63 63 70) !important;--}}
+{{--        }--}}
+{{--    </style>--}}
+{{--@endonce--}}
 
-<script>
-    (function () {
-        function loadScript(src, callback) {
-            const existing = document.querySelector('script[src="' + src + '"]');
-            if (existing) {
-                existing.addEventListener('load', callback, { once: true });
-                if (existing.dataset.loaded === '1') callback();
-                return;
-            }
+{{--<script>--}}
+{{--    (function () {--}}
+{{--        function loadScript(src, callback) {--}}
+{{--            const existing = document.querySelector('script[src="' + src + '"]');--}}
+{{--            if (existing) {--}}
+{{--                existing.addEventListener('load', callback, { once: true });--}}
+{{--                if (existing.dataset.loaded === '1') callback();--}}
+{{--                return;--}}
+{{--            }--}}
 
-            const script = document.createElement('script');
-            script.src = src;
-            script.onload = function () {
-                script.dataset.loaded = '1';
-                callback();
-            };
-            document.head.appendChild(script);
-        }
+{{--            const script = document.createElement('script');--}}
+{{--            script.src = src;--}}
+{{--            script.onload = function () {--}}
+{{--                script.dataset.loaded = '1';--}}
+{{--                callback();--}}
+{{--            };--}}
+{{--            document.head.appendChild(script);--}}
+{{--        }--}}
 
-        function loadStyle(href) {
-            if (document.querySelector('link[href="' + href + '"]')) return;
-            const link = document.createElement('link');
-            link.rel = 'stylesheet';
-            link.href = href;
-            document.head.appendChild(link);
-        }
+{{--        function loadStyle(href) {--}}
+{{--            if (document.querySelector('link[href="' + href + '"]')) return;--}}
+{{--            const link = document.createElement('link');--}}
+{{--            link.rel = 'stylesheet';--}}
+{{--            link.href = href;--}}
+{{--            document.head.appendChild(link);--}}
+{{--        }--}}
 
-        function initialiseHelpdeskSelects() {
-            if (!window.jQuery || !window.jQuery.fn || !window.jQuery.fn.select2) return;
+{{--        function initialiseHelpdeskSelects() {--}}
+{{--            if (!window.jQuery || !window.jQuery.fn || !window.jQuery.fn.select2) return;--}}
 
-            window.jQuery('[data-helpdesk-select2]').each(function () {
-                const select = window.jQuery(this);
+{{--            window.jQuery('[data-helpdesk-select2]').each(function () {--}}
+{{--                const select = window.jQuery(this);--}}
 
-                if (select.data('select2')) {
-                    select.select2('destroy');
-                }
+{{--                if (select.data('select2')) {--}}
+{{--                    select.select2('destroy');--}}
+{{--                }--}}
 
-                const isMultiple = this.hasAttribute('multiple');
+{{--                const isMultiple = this.hasAttribute('multiple');--}}
 
-                select.select2({
-                    width: '100%',
-                    placeholder: this.querySelector('option[value=""]')?.textContent || (isMultiple ? 'Select options' : 'Select option'),
-                    allowClear: !isMultiple
-                });
+{{--                select.select2({--}}
+{{--                    width: '100%',--}}
+{{--                    placeholder: this.querySelector('option[value=""]')?.textContent || (isMultiple ? 'Select options' : 'Select option'),--}}
+{{--                    allowClear: !isMultiple--}}
+{{--                });--}}
 
-                select.off('change.helpdesk').on('change.helpdesk', function () {
-                    this.dispatchEvent(new Event('change', { bubbles: true }));
-                    this.dispatchEvent(new Event('input', { bubbles: true }));
-                });
-            });
-        }
+{{--                select.off('change.helpdesk').on('change.helpdesk', function () {--}}
+{{--                    this.dispatchEvent(new Event('change', { bubbles: true }));--}}
+{{--                    this.dispatchEvent(new Event('input', { bubbles: true }));--}}
+{{--                });--}}
+{{--            });--}}
+{{--        }--}}
 
-        function bootHelpdeskSelects()
-        {
-            const initialise = () => {
-                if (window.jQuery?.fn?.select2) {
-                    initialiseHelpdeskSelects();
-                }
-            };
+{{--        function bootHelpdeskSelects()--}}
+{{--        {--}}
+{{--            const initialise = () => {--}}
+{{--                if (window.jQuery?.fn?.select2) {--}}
+{{--                    initialiseHelpdeskSelects();--}}
+{{--                }--}}
+{{--            };--}}
 
-            if (document.readyState === 'loading') {
-                document.addEventListener('DOMContentLoaded', initialise);
-            } else {
-                initialise();
-            }
-        }
+{{--            if (document.readyState === 'loading') {--}}
+{{--                document.addEventListener('DOMContentLoaded', initialise);--}}
+{{--            } else {--}}
+{{--                initialise();--}}
+{{--            }--}}
+{{--        }--}}
 
-        document.addEventListener('DOMContentLoaded', bootHelpdeskSelects);
-        document.addEventListener('livewire:navigated', bootHelpdeskSelects);
-        document.addEventListener('livewire:updated', bootHelpdeskSelects);
-        bootHelpdeskSelects();
-    })();
-</script>
+{{--        document.addEventListener('DOMContentLoaded', bootHelpdeskSelects);--}}
+{{--        document.addEventListener('livewire:navigated', bootHelpdeskSelects);--}}
+{{--        document.addEventListener('livewire:updated', bootHelpdeskSelects);--}}
+{{--        bootHelpdeskSelects();--}}
+{{--    })();--}}
+{{--</script>--}}