ronald/timebank-cc-public
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Initial commit

Browse Source
This commit is contained in:
Ronald Huynen
2026-03-23 21:37:59 +01:00
commit 2547717edb
2193 changed files with 972171 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

206
resources/views/vendor/wirechat/livewire/modals/modal.blade.php vendored Normal file
View File

@@ -0,0 +1,206 @@
<div>
<script>
window.WireChatModal = () => {
return {
show: false,
showActiveModalComponent: true,
activeModalComponent: false,
componentHistory: [],
listeners: [],
closeOnEscape: false,
closeOnEscapeIsForceful: false,
dispatchCloseEvent: false,
destroyOnClose: false,
closeOnClickAway:false,
closeModalOnEscape(trigger) {
///Only proceed if the trigger is for ChatModal
if (trigger.modalType != 'WireChatModal'){ return;}
//check if canCloseOnEsp
if (this.closeOnEscape === false) { return; }
if (!this.closingModal('closingModalOnEscape')) { return; }
//check if should also close all children modal when this current on is closed
const force = this.closeOnEscapeIsForceful === true;
this.closeModal(force);
},
closeModalOnClickAway(trigger) {
if (this.closeOnClickAway === false) {
return;
}
if (!this.closingModal('closingModalOnClickAway')) {
return;
}
this.closeModal(true);
},
closingModal(eventName) {
const componentName = this.$wire.get('components')[this.activeModalComponent].name;
var params = {
id: this.activeModalComponent,
closing: true,
};
Livewire.dispatchTo(componentName, eventName, params);
return params.closing;
},
closeModal(force = false, skipPreviousModals = 0, destroySkipped = false) {
if (this.show === false) {
return;
}
if (this.dispatchCloseEvent === true) {
const componentName = this.$wire.get('components')[this.activeModalComponent].name;
Livewire.dispatch('wireChatModalClosed', {
name: componentName
});
}
//Check if should completley destroy component on close
//Meaning state won't be retained if component is opened again
if (this.destroyOnClose === true) {
Livewire.dispatch('destroyWireChatModal', {
id: this.activeModalComponent
});
}
const id = this.componentHistory.pop();
if (id && !force) {
if (id) {
this.setActiveModalComponent(id, true);
} else {
this.setShowPropertyTo(false);
}
} else {
this.setShowPropertyTo(false);
}
},
setActiveModalComponent(id, skip = false) {
this.setShowPropertyTo(true);
if (this.activeModalComponent === id) {
return;
}
if (this.activeModalComponent !== false && skip === false) {
this.componentHistory.push(this.activeModalComponent);
}
let focusableTimeout = 50;
if (this.activeModalComponent === false) {
this.activeModalComponent = id
this.showActiveModalComponent = true;
} else {
this.showActiveModalComponent = false;
focusableTimeout = 400;
setTimeout(() => {
this.activeModalComponent = id;
this.showActiveModalComponent = true;
}, 300);
}
const attributes = this.$wire.get('components')[id]?.modalAttributes || {};
this.closeOnEscape = attributes.closeOnEscape ?? false;
this.closeOnEscapeIsForceful = attributes.closeOnEscapeIsForceful ?? false;
this.dispatchCloseEvent = attributes.dispatchCloseEvent ?? false;
this.destroyOnClose = attributes.destroyOnClose ?? false;
this.closeOnClickAway = attributes.closeOnClickAway ?? false;
this.$nextTick(() => {
let focusable = this.$refs[id]?.querySelector('[autofocus]');
if (focusable) {
setTimeout(() => {
focusable.focus();
}, focusableTimeout);
}
});
},
setShowPropertyTo(show) {
this.show = show;
if (show) {
document.body.classList.add('overflow-y-hidden');
} else {
document.body.classList.remove('overflow-y-hidden');
setTimeout(() => {
this.activeModalComponent = false;
this.$wire.resetState();
}, 300);
}
},
init() {
this.listeners.push(
Livewire.on('closeWireChatModal', (data) => {
this.closeModal(data?.force ?? false, data?.skipPreviousModals ?? 0, data
?.destroySkipped ?? false);
})
);
this.listeners.push(
Livewire.on('activeWireChatModalComponentChanged', ({
id
}) => {
this.setActiveModalComponent(id);
})
);
},
destroy() {
this.listeners.forEach((listener) => {
listener();
});
}
};
}
</script>
<div x-data="WireChatModal()" x-on:close.stop="setShowPropertyTo(false)"
x-on:keydown.escape.stop="closeModalOnEscape({modalType: 'WireChatModal', event: $event })"
tabindex="0"
x-show="show" class="fixed inset-0 z-50 overflow-y-auto" style="display: none;">
<div class="flex items-center justify-center min-h-screen px-4 pt-4 pb-10 text-center sm:block sm:p-0">
<div x-show="show" x-on:click="closeModalOnClickAway()" x-transition:enter="ease-out duration-300"
x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100"
x-transition:leave="ease-in duration-200" x-transition:leave-start="opacity-100"
x-transition:leave-end="opacity-0" class="fixed inset-0 transition-all transform">
<div class="absolute inset-0 bg-[var(--wc-light-primary)] dark:bg-[var(--wc-dark-primary)] opacity-75"></div>
</div>
<span class="hidden sm:inline-block sm:align-middle sm:h-screen " aria-hidden="true">&#8203;</span>
<div x-show="show && showActiveModalComponent"
x-transition:enter="ease-out duration-300"
x-transition:enter-start="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"
x-transition:enter-end="opacity-100 translate-y-0 sm:scale-100"
x-transition:leave="ease-in duration-200"
x-transition:leave-start="opacity-100 translate-y-0 sm:scale-100"
x-transition:leave-end="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"
class="inline-block align-middle rounded-lg text-left overflow-hidden shadow-xl transform transition-all sm:my-8 w-full sm:max-w-lg"
id="chat-dialog-container" x-trap.noscroll="show && showActiveModalComponent" aria-modal="true">
@forelse($components as $id => $component)
<div x-show.immediate="activeModalComponent == '{{ $id }}'" x-ref="{{ $id }}"
wire:key="{{ $id }}">
@livewire($component['name'], $component['arguments'], key($id))
</div>
@empty
@endforelse
</div>
</div>
</div>
</div>