admin.hyperionafrica.dev
Open in
urlscan Pro
41.66.7.204
Public Scan
Submitted URL: https://admin.hyperionafrica.dev/
Effective URL: https://admin.hyperionafrica.dev/admin/login
Submission: On June 18 via api from US — Scanned from DE
Effective URL: https://admin.hyperionafrica.dev/admin/login
Submission: On June 18 via api from US — Scanned from DE
Form analysis
4 forms found in the DOMPOST
<form method="post" x-data="{ isProcessing: false }" x-on:submit="if (isProcessing) $event.preventDefault()" x-on:form-processing-started="isProcessing = true" x-on:form-processing-finished="isProcessing = false" class="fi-form grid gap-y-6"
wire:submit="authenticate">
<div style="--cols-default: repeat(1, minmax(0, 1fr));" class="grid grid-cols-[--cols-default] fi-fo-component-ctn gap-6" x-data="{}" x-on:form-validation-error.window="if ($event.detail.livewireId !== 'zGedTxfYfLfO2VN8cZWi') {
return
}
$nextTick(() => {
let error = $el.querySelector('[data-validation-error]')
if (! error) {
return
}
let elementToExpand = error
while (elementToExpand) {
elementToExpand.dispatchEvent(new CustomEvent('expand'))
elementToExpand = elementToExpand.parentNode
}
setTimeout(
() =>
error.closest('[data-field-wrapper]').scrollIntoView({
behavior: 'smooth',
block: 'start',
inline: 'start',
}),
200,
)
})">
<!--[if BLOCK]><![endif]-->
<div style="--col-span-default: span 1 / span 1;" class="col-[--col-span-default]" wire:key="zGedTxfYfLfO2VN8cZWi.data.email.Filament\Forms\Components\TextInput">
<!--[if BLOCK]><![endif]-->
<div data-field-wrapper="" class="fi-fo-field-wrp">
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
<div class="grid gap-y-2">
<!--[if BLOCK]><![endif]-->
<div class="flex items-center justify-between gap-x-3 ">
<!--[if BLOCK]><![endif]--> <label class="fi-fo-field-wrp-label inline-flex items-center gap-x-3" for="data.email">
<span class="text-sm font-medium leading-6 text-gray-950 dark:text-white"> Email address<!--[if BLOCK]><![endif]--><sup class="text-danger-600 dark:text-danger-400 font-medium">*</sup>
<!--[if ENDBLOCK]><![endif]-->
</span>
</label>
<!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
</div>
<!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]-->
<div class="grid gap-y-2">
<div
class="fi-input-wrp flex rounded-lg shadow-sm ring-1 transition duration-75 bg-white dark:bg-white/5 [&:not(:has(.fi-ac-action:focus))]:focus-within:ring-2 ring-gray-950/10 dark:ring-white/20 [&:not(:has(.fi-ac-action:focus))]:focus-within:ring-primary-600 dark:[&:not(:has(.fi-ac-action:focus))]:focus-within:ring-primary-500 fi-fo-text-input overflow-hidden">
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
<div class="min-w-0 flex-1">
<input
class="fi-input block w-full border-none py-1.5 text-base text-gray-950 transition duration-75 placeholder:text-gray-400 focus:ring-0 disabled:text-gray-500 disabled:[-webkit-text-fill-color:theme(colors.gray.500)] disabled:placeholder:[-webkit-text-fill-color:theme(colors.gray.400)] dark:text-white dark:placeholder:text-gray-500 dark:disabled:text-gray-400 dark:disabled:[-webkit-text-fill-color:theme(colors.gray.400)] dark:disabled:placeholder:[-webkit-text-fill-color:theme(colors.gray.500)] sm:text-sm sm:leading-6 bg-white/0 ps-3 pe-3"
autocomplete="on" autofocus="autofocus" id="data.email" required="required" type="email" wire:model="data.email" tabindex="1">
</div>
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
</div>
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
</div>
<!--[if ENDBLOCK]><![endif]-->
</div>
</div>
<!--[if ENDBLOCK]><![endif]-->
</div>
<div style="--col-span-default: span 1 / span 1;" class="col-[--col-span-default]" wire:key="zGedTxfYfLfO2VN8cZWi.data.password.Filament\Forms\Components\TextInput">
<!--[if BLOCK]><![endif]-->
<div data-field-wrapper="" class="fi-fo-field-wrp">
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
<div class="grid gap-y-2">
<!--[if BLOCK]><![endif]-->
<div class="flex items-center justify-between gap-x-3 ">
<!--[if BLOCK]><![endif]--> <label class="fi-fo-field-wrp-label inline-flex items-center gap-x-3" for="data.password">
<span class="text-sm font-medium leading-6 text-gray-950 dark:text-white"> Password<!--[if BLOCK]><![endif]--><sup class="text-danger-600 dark:text-danger-400 font-medium">*</sup>
<!--[if ENDBLOCK]><![endif]-->
</span>
</label>
<!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
</div>
<!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]-->
<div class="grid gap-y-2">
<div
class="fi-input-wrp flex rounded-lg shadow-sm ring-1 transition duration-75 bg-white dark:bg-white/5 [&:not(:has(.fi-ac-action:focus))]:focus-within:ring-2 ring-gray-950/10 dark:ring-white/20 [&:not(:has(.fi-ac-action:focus))]:focus-within:ring-primary-600 dark:[&:not(:has(.fi-ac-action:focus))]:focus-within:ring-primary-500 fi-fo-text-input overflow-hidden"
x-data="{ isPasswordRevealed: false }">
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
<div class="min-w-0 flex-1">
<input
class="fi-input block w-full border-none py-1.5 text-base text-gray-950 transition duration-75 placeholder:text-gray-400 focus:ring-0 disabled:text-gray-500 disabled:[-webkit-text-fill-color:theme(colors.gray.500)] disabled:placeholder:[-webkit-text-fill-color:theme(colors.gray.400)] dark:text-white dark:placeholder:text-gray-500 dark:disabled:text-gray-400 dark:disabled:[-webkit-text-fill-color:theme(colors.gray.400)] dark:disabled:placeholder:[-webkit-text-fill-color:theme(colors.gray.500)] sm:text-sm sm:leading-6 bg-white/0 ps-3 pe-3 [&::-ms-reveal]:hidden"
autocomplete="current-password" id="data.password" required="required" wire:model="data.password" x-bind:type="isPasswordRevealed ? 'text' : 'password'" tabindex="2">
</div>
<!--[if BLOCK]><![endif]-->
<div class="flex items-center gap-x-3 pe-3 border-s border-gray-200 ps-3 dark:border-white/10">
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]-->
<div class="flex items-center gap-3">
<!--[if BLOCK]><![endif]--> <!--[if BLOCK]><![endif]--> <button style="--c-300:var(--gray-300);--c-400:var(--gray-400);--c-500:var(--gray-500);--c-600:var(--gray-600);"
class="fi-icon-btn relative flex items-center justify-center rounded-lg outline-none transition duration-75 focus-visible:ring-2 -m-1.5 h-8 w-8 text-gray-400 hover:text-gray-500 focus-visible:ring-primary-600 dark:text-gray-500 dark:hover:text-gray-400 dark:focus-visible:ring-primary-500 fi-color-gray fi-ac-action fi-ac-icon-btn-action"
title="Show password" type="button" x-on:click="isPasswordRevealed = true" x-show="! isPasswordRevealed">
<!--[if BLOCK]><![endif]--> <span class="sr-only"> Show password </span>
<!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]--> <svg class="fi-icon-btn-icon h-5 w-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon">
<path d="M10 12.5a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5Z"></path>
<path fill-rule="evenodd"
d="M.664 10.59a1.651 1.651 0 0 1 0-1.186A10.004 10.004 0 0 1 10 3c4.257 0 7.893 2.66 9.336 6.41.147.381.146.804 0 1.186A10.004 10.004 0 0 1 10 17c-4.257 0-7.893-2.66-9.336-6.41ZM14 10a4 4 0 1 1-8 0 4 4 0 0 1 8 0Z"
clip-rule="evenodd"></path>
</svg><!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
</button>
<!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]--> <button style="--c-300:var(--gray-300);--c-400:var(--gray-400);--c-500:var(--gray-500);--c-600:var(--gray-600);"
class="fi-icon-btn relative flex items-center justify-center rounded-lg outline-none transition duration-75 focus-visible:ring-2 -m-1.5 h-8 w-8 text-gray-400 hover:text-gray-500 focus-visible:ring-primary-600 dark:text-gray-500 dark:hover:text-gray-400 dark:focus-visible:ring-primary-500 fi-color-gray fi-ac-action fi-ac-icon-btn-action"
title="Hide password" type="button" x-on:click="isPasswordRevealed = false" x-cloak="x-cloak" x-show="isPasswordRevealed">
<!--[if BLOCK]><![endif]--> <span class="sr-only"> Hide password </span>
<!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]--> <svg class="fi-icon-btn-icon h-5 w-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon">
<path fill-rule="evenodd"
d="M3.28 2.22a.75.75 0 0 0-1.06 1.06l14.5 14.5a.75.75 0 1 0 1.06-1.06l-1.745-1.745a10.029 10.029 0 0 0 3.3-4.38 1.651 1.651 0 0 0 0-1.185A10.004 10.004 0 0 0 9.999 3a9.956 9.956 0 0 0-4.744 1.194L3.28 2.22ZM7.752 6.69l1.092 1.092a2.5 2.5 0 0 1 3.374 3.373l1.091 1.092a4 4 0 0 0-5.557-5.557Z"
clip-rule="evenodd"></path>
<path d="m10.748 13.93 2.523 2.523a9.987 9.987 0 0 1-3.27.547c-4.258 0-7.894-2.66-9.337-6.41a1.651 1.651 0 0 1 0-1.186A10.007 10.007 0 0 1 2.839 6.02L6.07 9.252a4 4 0 0 0 4.678 4.678Z"></path>
</svg><!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
</button>
<!--[if ENDBLOCK]><![endif]-->
<!--[if ENDBLOCK]><![endif]-->
</div>
<!--[if ENDBLOCK]><![endif]-->
</div>
<!--[if ENDBLOCK]><![endif]-->
</div>
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
</div>
<!--[if ENDBLOCK]><![endif]-->
</div>
</div>
<!--[if ENDBLOCK]><![endif]-->
</div>
<div style="--col-span-default: span 1 / span 1;" class="col-[--col-span-default]" wire:key="zGedTxfYfLfO2VN8cZWi.data.remember.Filament\Forms\Components\Checkbox">
<!--[if BLOCK]><![endif]-->
<div data-field-wrapper="" class="fi-fo-field-wrp">
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
<div class="grid gap-y-2">
<!--[if BLOCK]><![endif]-->
<div class="flex items-center justify-between gap-x-3 ">
<!--[if BLOCK]><![endif]--> <label class="fi-fo-field-wrp-label inline-flex items-center gap-x-3" for="data.remember">
<input type="checkbox"
class="fi-checkbox-input rounded border-none bg-white shadow-sm ring-1 transition duration-75 checked:ring-0 focus:ring-2 focus:ring-offset-0 disabled:pointer-events-none disabled:bg-gray-50 disabled:text-gray-50 disabled:checked:bg-current disabled:checked:text-gray-400 dark:bg-white/5 dark:disabled:bg-transparent dark:disabled:checked:bg-gray-600 text-primary-600 ring-gray-950/10 focus:ring-primary-600 checked:focus:ring-primary-500/50 dark:text-primary-500 dark:ring-white/20 dark:checked:bg-primary-500 dark:focus:ring-primary-500 dark:checked:focus:ring-primary-400/50 dark:disabled:ring-white/10"
id="data.remember" wire:loading.attr="disabled" wire:model="data.remember">
<span class="text-sm font-medium leading-6 text-gray-950 dark:text-white"> Remember me<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
</span>
</label>
<!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
</div>
<!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
</div>
</div>
<!--[if ENDBLOCK]><![endif]-->
</div>
<!--[if ENDBLOCK]><![endif]-->
</div>
<!--[if BLOCK]><![endif]-->
<div class="fi-form-actions">
<!--[if BLOCK]><![endif]-->
<div class="fi-ac gap-3 grid grid-cols-[repeat(auto-fit,minmax(0,1fr))]">
<!--[if BLOCK]><![endif]--> <!--[if BLOCK]><![endif]--> <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
<button x-data="{
form: null,
isProcessing: false,
processingMessage: null,
}" x-init="
form = $el.closest('form')
form?.addEventListener('form-processing-started', (event) => {
isProcessing = true
processingMessage = event.detail.message
})
form?.addEventListener('form-processing-finished', () => {
isProcessing = false
})
" x-bind:class="{ 'enabled:opacity-70 enabled:cursor-wait': isProcessing }" style="--c-400:var(--primary-400);--c-500:var(--primary-500);--c-600:var(--primary-600);"
class="fi-btn relative grid-flow-col items-center justify-center font-semibold outline-none transition duration-75 focus-visible:ring-2 rounded-lg fi-color-custom fi-btn-color-primary fi-color-primary fi-size-md fi-btn-size-md gap-1.5 px-3 py-2 text-sm inline-grid shadow-sm bg-custom-600 text-white hover:bg-custom-500 focus-visible:ring-custom-500/50 dark:bg-custom-500 dark:hover:bg-custom-400 dark:focus-visible:ring-custom-400/50 fi-ac-action fi-ac-btn-action"
type="submit" wire:loading.attr="disabled" x-bind:disabled="isProcessing">
<!--[if BLOCK]><![endif]--> <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]--> <svg fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="animate-spin fi-btn-icon transition duration-75 h-5 w-5 text-white" wire:loading.delay.default="" wire:target="authenticate">
<path clip-rule="evenodd"
d="M12 19C15.866 19 19 15.866 19 12C19 8.13401 15.866 5 12 5C8.13401 5 5 8.13401 5 12C5 15.866 8.13401 19 12 19ZM12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z"
fill-rule="evenodd" fill="currentColor" opacity="0.2"></path>
<path d="M2 12C2 6.47715 6.47715 2 12 2V5C8.13401 5 5 8.13401 5 12H2Z" fill="currentColor"></path>
</svg>
<!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]--> <svg fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="animate-spin fi-btn-icon transition duration-75 h-5 w-5 text-white" x-cloak="x-cloak" x-show="isProcessing">
<path clip-rule="evenodd"
d="M12 19C15.866 19 19 15.866 19 12C19 8.13401 15.866 5 12 5C8.13401 5 5 8.13401 5 12C5 15.866 8.13401 19 12 19ZM12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z"
fill-rule="evenodd" fill="currentColor" opacity="0.2"></path>
<path d="M2 12C2 6.47715 6.47715 2 12 2V5C8.13401 5 5 8.13401 5 12H2Z" fill="currentColor"></path>
</svg>
<!--[if ENDBLOCK]><![endif]-->
<!--[if ENDBLOCK]><![endif]-->
<span x-show="! isProcessing" class="fi-btn-label"> Sign in </span>
<!--[if BLOCK]><![endif]--> <span x-cloak="" x-show="isProcessing" x-text="processingMessage" class="fi-btn-label"></span>
<!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
</button>
<!--[if ENDBLOCK]><![endif]-->
<!--[if ENDBLOCK]><![endif]-->
</div>
<!--[if ENDBLOCK]><![endif]-->
</div>
<!--[if ENDBLOCK]><![endif]-->
</form>
<form wire:submit.prevent="callMountedAction">
<div aria-modal="true" role="dialog" x-data="{
isOpen: false,
livewire: null,
close: function () {
this.isOpen = false
this.$refs.modalContainer.dispatchEvent(
new CustomEvent('modal-closed', { id: 'zGedTxfYfLfO2VN8cZWi-action' }),
)
},
open: function () {
this.isOpen = true
this.$refs.modalContainer.dispatchEvent(
new CustomEvent('modal-opened', { id: 'zGedTxfYfLfO2VN8cZWi-action' }),
)
},
}" x-on:close-modal.window="if ($event.detail.id === 'zGedTxfYfLfO2VN8cZWi-action') close()" x-on:open-modal.window="if ($event.detail.id === 'zGedTxfYfLfO2VN8cZWi-action') open()" x-trap.noscroll="isOpen" x-bind:class="{
'fi-modal-open': isOpen,
}" class="fi-modal block">
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
<div x-cloak="" x-show="isOpen">
<div aria-hidden="true" x-show="isOpen" x-transition.duration.300ms.opacity="" class="fi-modal-close-overlay fixed inset-0 z-40 bg-gray-950/50 dark:bg-gray-950/75"></div>
<div class="fixed inset-0 z-40 overflow-y-auto cursor-pointer">
<div x-ref="modalContainer" x-on:click.self="
document.activeElement.selectionStart === undefined &&
document.activeElement.selectionEnd === undefined &&
$dispatch('close-modal', { id: 'zGedTxfYfLfO2VN8cZWi-action' })
" class="relative grid min-h-full grid-rows-[1fr_auto_1fr] justify-items-center sm:grid-rows-[1fr_auto_3fr] p-4"
x-on:closed-form-component-action-modal.window="if (($event.detail.id === 'zGedTxfYfLfO2VN8cZWi') && $wire.mountedActions.length) open()" x-on:modal-closed.stop="const mountedActionShouldOpenModal = false
if (! mountedActionShouldOpenModal) {
return
}
if ($wire.mountedFormComponentActions.length) {
return
}
$wire.unmountAction(false)" x-on:opened-form-component-action-modal.window="if ($event.detail.id === 'zGedTxfYfLfO2VN8cZWi') close()">
<div x-data="{ isShown: false }" x-init="
$nextTick(() => {
isShown = isOpen
$watch('isOpen', () => (isShown = isOpen))
})
" x-on:keydown.window.escape="$dispatch('close-modal', { id: 'zGedTxfYfLfO2VN8cZWi-action' })" x-show="isShown" x-transition:enter="duration-300" x-transition:leave="duration-300" x-transition:enter-start="scale-95 opacity-0"
x-transition:enter-end="scale-100 opacity-100" x-transition:leave-start="scale-100 opacity-100" x-transition:leave-end="scale-95 opacity-0"
class="fi-modal-window pointer-events-auto relative row-start-2 flex w-full cursor-default flex-col bg-white shadow-xl ring-1 ring-gray-950/5 dark:bg-gray-900 dark:ring-white/10 mx-auto rounded-xl hidden max-w-sm">
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
</div>
</div>
</div>
</div>
</div>
</form>
<form wire:submit.prevent="callMountedInfolistAction">
<div aria-modal="true" role="dialog" x-data="{
isOpen: false,
livewire: null,
close: function () {
this.isOpen = false
this.$refs.modalContainer.dispatchEvent(
new CustomEvent('modal-closed', { id: 'zGedTxfYfLfO2VN8cZWi-infolist-action' }),
)
},
open: function () {
this.isOpen = true
this.$refs.modalContainer.dispatchEvent(
new CustomEvent('modal-opened', { id: 'zGedTxfYfLfO2VN8cZWi-infolist-action' }),
)
},
}" x-on:close-modal.window="if ($event.detail.id === 'zGedTxfYfLfO2VN8cZWi-infolist-action') close()" x-on:open-modal.window="if ($event.detail.id === 'zGedTxfYfLfO2VN8cZWi-infolist-action') open()" x-trap.noscroll="isOpen" x-bind:class="{
'fi-modal-open': isOpen,
}" class="fi-modal block">
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
<div x-cloak="" x-show="isOpen">
<div aria-hidden="true" x-show="isOpen" x-transition.duration.300ms.opacity="" class="fi-modal-close-overlay fixed inset-0 z-40 bg-gray-950/50 dark:bg-gray-950/75"></div>
<div class="fixed inset-0 z-40 overflow-y-auto cursor-pointer">
<div x-ref="modalContainer" x-on:click.self="
document.activeElement.selectionStart === undefined &&
document.activeElement.selectionEnd === undefined &&
$dispatch('close-modal', { id: 'zGedTxfYfLfO2VN8cZWi-infolist-action' })
" class="relative grid min-h-full grid-rows-[1fr_auto_1fr] justify-items-center sm:grid-rows-[1fr_auto_3fr] p-4"
x-on:closed-form-component-action-modal.window="if (($event.detail.id === 'zGedTxfYfLfO2VN8cZWi') && $wire.mountedInfolistActions.length) open()" x-on:modal-closed.stop="const mountedInfolistActionShouldOpenModal = false
if (! mountedInfolistActionShouldOpenModal) {
return
}
if ($wire.mountedFormComponentActions.length) {
return
}
$wire.unmountInfolistAction(false)" x-on:opened-form-component-action-modal.window="if ($event.detail.id === 'zGedTxfYfLfO2VN8cZWi') close()">
<div x-data="{ isShown: false }" x-init="
$nextTick(() => {
isShown = isOpen
$watch('isOpen', () => (isShown = isOpen))
})
" x-on:keydown.window.escape="$dispatch('close-modal', { id: 'zGedTxfYfLfO2VN8cZWi-infolist-action' })" x-show="isShown" x-transition:enter="duration-300" x-transition:leave="duration-300"
x-transition:enter-start="scale-95 opacity-0" x-transition:enter-end="scale-100 opacity-100" x-transition:leave-start="scale-100 opacity-100" x-transition:leave-end="scale-95 opacity-0"
class="fi-modal-window pointer-events-auto relative row-start-2 flex w-full cursor-default flex-col bg-white shadow-xl ring-1 ring-gray-950/5 dark:bg-gray-900 dark:ring-white/10 mx-auto rounded-xl hidden max-w-sm">
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
</div>
</div>
</div>
</div>
</div>
</form>
<form wire:submit.prevent="callMountedFormComponentAction">
<div aria-modal="true" role="dialog" x-data="{
isOpen: false,
livewire: null,
close: function () {
this.isOpen = false
this.$refs.modalContainer.dispatchEvent(
new CustomEvent('modal-closed', { id: 'zGedTxfYfLfO2VN8cZWi-form-component-action' }),
)
},
open: function () {
this.isOpen = true
this.$refs.modalContainer.dispatchEvent(
new CustomEvent('modal-opened', { id: 'zGedTxfYfLfO2VN8cZWi-form-component-action' }),
)
},
}" x-on:close-modal.window="if ($event.detail.id === 'zGedTxfYfLfO2VN8cZWi-form-component-action') close()" x-on:open-modal.window="if ($event.detail.id === 'zGedTxfYfLfO2VN8cZWi-form-component-action') open()" x-trap.noscroll="isOpen"
x-bind:class="{
'fi-modal-open': isOpen,
}" class="fi-modal block">
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
<div x-cloak="" x-show="isOpen">
<div aria-hidden="true" x-show="isOpen" x-transition.duration.300ms.opacity="" class="fi-modal-close-overlay fixed inset-0 z-40 bg-gray-950/50 dark:bg-gray-950/75"></div>
<div class="fixed inset-0 z-40 overflow-y-auto cursor-pointer">
<div x-ref="modalContainer" x-on:click.self="
document.activeElement.selectionStart === undefined &&
document.activeElement.selectionEnd === undefined &&
$dispatch('close-modal', { id: 'zGedTxfYfLfO2VN8cZWi-form-component-action' })
" class="relative grid min-h-full grid-rows-[1fr_auto_1fr] justify-items-center sm:grid-rows-[1fr_auto_3fr] p-4" x-on:modal-closed.stop="const mountedFormComponentActionShouldOpenModal = false
if (mountedFormComponentActionShouldOpenModal) {
$wire.unmountFormComponentAction(false)
}">
<div x-data="{ isShown: false }" x-init="
$nextTick(() => {
isShown = isOpen
$watch('isOpen', () => (isShown = isOpen))
})
" x-on:keydown.window.escape="$dispatch('close-modal', { id: 'zGedTxfYfLfO2VN8cZWi-form-component-action' })" x-show="isShown" x-transition:enter="duration-300" x-transition:leave="duration-300"
x-transition:enter-start="scale-95 opacity-0" x-transition:enter-end="scale-100 opacity-100" x-transition:leave-start="scale-100 opacity-100" x-transition:leave-end="scale-95 opacity-0"
class="fi-modal-window pointer-events-auto relative row-start-2 flex w-full cursor-default flex-col bg-white shadow-xl ring-1 ring-gray-950/5 dark:bg-gray-900 dark:ring-white/10 mx-auto rounded-xl hidden max-w-sm">
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
</div>
</div>
</div>
</div>
</div>
</form>
Text Content
SIGN IN Email address* Password* Show password Hide password Remember me Sign in Or log in via GitHub Google