added new browser tests for editor
This commit is contained in:
@@ -23,20 +23,6 @@
|
||||
@endphp
|
||||
|
||||
|
||||
<style>
|
||||
[data-helpdesk-sidebar-cards] details > summary::-webkit-details-marker {
|
||||
display: none;
|
||||
}
|
||||
|
||||
[data-helpdesk-sidebar-cards] details > summary {
|
||||
transition: filter .15s ease, transform .15s ease;
|
||||
}
|
||||
|
||||
[data-helpdesk-sidebar-cards] details > summary:hover {
|
||||
filter: brightness(1.08);
|
||||
}
|
||||
</style>
|
||||
|
||||
<div data-dusk="helpdesk-ticket-show" dusk="helpdesk-ticket-show" class="hd-helpdesk-surface space-y-4">
|
||||
<div
|
||||
class="overflow-hidden rounded-2xl border border-zinc-200 bg-white shadow-sm dark:border-zinc-700 dark:bg-zinc-900">
|
||||
@@ -907,7 +893,7 @@
|
||||
return;
|
||||
}
|
||||
|
||||
const details = document.createElement('details');
|
||||
const details = document.createElement('section');
|
||||
const classNames = new Set(card.className.split(/\s+/).filter(Boolean));
|
||||
classNames.add('group');
|
||||
details.className = Array.from(classNames).join(' ');
|
||||
@@ -1317,3 +1303,45 @@
|
||||
</div>
|
||||
|
||||
{{-- SLA state label: Awaiting public reply --}}
|
||||
|
||||
|
||||
<script>
|
||||
function initialiseHelpdeskTicketShowInteractions() {
|
||||
document.querySelectorAll('[data-helpdesk-sidebar-cards]').forEach((container) => {
|
||||
container.querySelectorAll('[data-helpdesk-sidebar-card]').forEach((card) => {
|
||||
const header = card.querySelector('[data-helpdesk-sidebar-card-header]');
|
||||
|
||||
if (!header || header.dataset.helpdeskSidebarBound === 'true') {
|
||||
return;
|
||||
}
|
||||
|
||||
header.dataset.helpdeskSidebarBound = 'true';
|
||||
header.addEventListener('click', () => toggleHelpdeskSidebarCard(card));
|
||||
});
|
||||
});
|
||||
}
|
||||
|
||||
function toggleHelpdeskSidebarCard(card) {
|
||||
const isOpen = card.dataset.open === 'true';
|
||||
card.dataset.open = isOpen ? 'false' : 'true';
|
||||
header.setAttribute('aria-expanded', isOpen ? 'false' : 'true');
|
||||
}
|
||||
|
||||
document.addEventListener('livewire:navigated', initialiseHelpdeskTicketShowInteractions);
|
||||
document.addEventListener('livewire:init', initialiseHelpdeskTicketShowInteractions);
|
||||
document.addEventListener('DOMContentLoaded', initialiseHelpdeskTicketShowInteractions);
|
||||
</script>
|
||||
|
||||
<style>
|
||||
[data-helpdesk-sidebar-cards] details > summary::-webkit-details-marker {
|
||||
|
||||
}
|
||||
|
||||
[data-helpdesk-sidebar-cards] details > summary {
|
||||
transition: filter .15s ease, transform .15s ease;
|
||||
}
|
||||
|
||||
[data-helpdesk-sidebar-cards] details > summary:hover {
|
||||
filter: brightness(1.08);
|
||||
}
|
||||
</style>
|
||||
|
||||
Reference in New Issue
Block a user