sipedet.disnakkeswan.app
Open in
urlscan Pro
103.210.105.22
Public Scan
Submitted URL: https://sipedet.disnakkeswan.app/
Effective URL: https://sipedet.disnakkeswan.app/login
Submission: On November 27 via api from US — Scanned from US
Effective URL: https://sipedet.disnakkeswan.app/login
Submission: On November 27 via api from US — Scanned from US
Form analysis
7 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 !== 'zdMjcL6VEpKvLQriPYGj') {
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="zdMjcL6VEpKvLQriPYGj.username.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 gap-x-3 justify-between ">
<!--[if BLOCK]><![endif]--> <label class="fi-fo-field-wrp-label inline-flex items-center gap-x-3" for="username">
<span class="text-sm font-medium leading-6 text-gray-950 dark:text-white"> Username<!--[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 auto-cols-fr 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" id="username" required="required" type="text" wire:model="username">
</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 BLOCK]><![endif]--> <svg class="fi-input-wrp-icon h-5 w-5 text-gray-400 dark:text-gray-500" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="currentColor">
<defs></defs>
<title>user</title>
<path d="M16,4a5,5,0,1,1-5,5,5,5,0,0,1,5-5m0-2a7,7,0,1,0,7,7A7,7,0,0,0,16,2Z"></path>
<path d="M26,30H24V25a5,5,0,0,0-5-5H13a5,5,0,0,0-5,5v5H6V25a7,7,0,0,1,7-7h6a7,7,0,0,1,7,7Z"></path>
<rect id="_Transparent_Rectangle_" data-name="<Transparent Rectangle>" class="cls-1" width="32" height="32" style="fill:none"></rect>
</svg><!--[if ENDBLOCK]><![endif]-->
<!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]--><!--[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="zdMjcL6VEpKvLQriPYGj.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 gap-x-3 justify-between ">
<!--[if BLOCK]><![endif]--> <label class="fi-fo-field-wrp-label inline-flex items-center gap-x-3" for="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 auto-cols-fr 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"
id="password" required="required" wire:model="password" x-bind:type="isPasswordRevealed ? 'text' : 'password'" type="password">
</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="Tampilkan kata sandi" type="button" x-on:click="isPasswordRevealed = true" x-show="! isPasswordRevealed">
<!--[if BLOCK]><![endif]--> <span class="sr-only"> Tampilkan kata sandi </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); display: none;"
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="Sembunyikan kata sandi" type="button" x-on:click="isPasswordRevealed = false" x-show="isPasswordRevealed">
<!--[if BLOCK]><![endif]--> <span class="sr-only"> Sembunyikan kata sandi </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="zdMjcL6VEpKvLQriPYGj.tahun.Filament\Forms\Components\Select">
<!--[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 gap-x-3 justify-between ">
<!--[if BLOCK]><![endif]--> <label class="fi-fo-field-wrp-label inline-flex items-center gap-x-3" for="tahun">
<span class="text-sm font-medium leading-6 text-gray-950 dark:text-white"> Tahun<!--[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 auto-cols-fr 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-select">
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
<div class="min-w-0 flex-1">
<!--[if BLOCK]><![endif]--> <select
class="fi-select-input block w-full border-none bg-transparent py-1.5 pe-8 text-base text-gray-950 transition duration-75 focus:ring-0 disabled:text-gray-500 disabled:[-webkit-text-fill-color:theme(colors.gray.500)] dark:text-white dark:disabled:text-gray-400 dark:disabled:[-webkit-text-fill-color:theme(colors.gray.400)] sm:text-sm sm:leading-6 [&_optgroup]:bg-white [&_optgroup]:dark:bg-gray-900 [&_option]:bg-white [&_option]:dark:bg-gray-900 ps-3"
id="tahun" required="required" wire:model="tahun">
<!--[if BLOCK]><![endif]-->
<option value="">
<!--[if BLOCK]><![endif]--> Pilih salah satu opsi <!--[if ENDBLOCK]><![endif]-->
</option>
<!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]--> <!--[if BLOCK]><![endif]-->
<option value="2024">
<!--[if BLOCK]><![endif]--> 2024 <!--[if ENDBLOCK]><![endif]-->
</option>
<!--[if ENDBLOCK]><![endif]-->
<!--[if ENDBLOCK]><![endif]-->
</select>
<!--[if ENDBLOCK]><![endif]-->
</div>
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
</div>
<!--[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="zdMjcL6VEpKvLQriPYGj.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 gap-x-3 justify-between ">
<!--[if BLOCK]><![endif]--> <label class="fi-fo-field-wrp-label inline-flex items-center gap-x-3" for="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="remember" wire:loading.attr="disabled" wire:model="remember">
<span class="text-sm font-medium leading-6 text-gray-950 dark:text-white"> Ingat Saya<!--[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 col-span-full 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-show="isProcessing" style="display: none;">
<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"> Masuk </span>
<!--[if BLOCK]><![endif]--> <span x-show="isProcessing" x-text="processingMessage" class="fi-btn-label" style="display: none;"></span>
<!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
</button>
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
<button style=";"
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-btn-color-gray fi-color-gray fi-size-md fi-btn-size-md gap-1.5 px-3 py-2 text-sm inline-grid shadow-sm bg-white text-gray-950 hover:bg-gray-50 dark:bg-white/5 dark:text-white dark:hover:bg-white/10 ring-1 ring-gray-950/10 dark:ring-white/20 [input:checked+&]:bg-gray-400 [input:checked+&]:text-white [input:checked+&]:ring-0 [input:checked+&]:hover:bg-gray-300 dark:[input:checked+&]:bg-gray-600 dark:[input:checked+&]:hover:bg-gray-500 fi-ac-action col-span-full fi-ac-btn-action"
type="button" wire:loading.attr="disabled" wire:click="$dispatch('open-modal', JSON.parse('{\u0022id\u0022:\u0022download\u0022}'))">
<!--[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-gray-400 dark:text-gray-500" wire:loading.delay.default=""
wire:target="$dispatch('open-modal', JSON.parse('{\u0022id\u0022:\u0022download\u0022}'))">
<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]--><!--[if ENDBLOCK]><![endif]-->
<!--[if ENDBLOCK]><![endif]-->
<span class="fi-btn-label"> Download </span>
<!--[if BLOCK]><![endif]--><!--[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: 'zdMjcL6VEpKvLQriPYGj-action' }),
)
},
open: function () {
this.$nextTick(() => {
this.isOpen = true
this.$dispatch('ax-modal-opened')
this.$refs.modalContainer.dispatchEvent(
new CustomEvent('modal-opened', { id: 'zdMjcL6VEpKvLQriPYGj-action' }),
)
})
},
}" x-on:close-modal.window="if ($event.detail.id === 'zdMjcL6VEpKvLQriPYGj-action') close()" x-on:open-modal.window="if ($event.detail.id === 'zdMjcL6VEpKvLQriPYGj-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-show="isOpen" style="display: none;">
<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" style="display: none;"></div>
<div class="fixed inset-0 z-40 overflow-y-auto">
<div x-ref="modalContainer" 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 === 'zdMjcL6VEpKvLQriPYGj') && $wire.mountedActions.length) open()" x-on:modal-closed.stop="const mountedActionShouldOpenModal = false
if (! mountedActionShouldOpenModal) {
return
}
if ($wire.mountedFormComponentActions.length) {
return
}
$wire.unmountAction(false, false)" x-on:opened-form-component-action-modal.window="if ($event.detail.id === 'zdMjcL6VEpKvLQriPYGj') close()">
<div x-data="{ isShown: false }" x-init="
$nextTick(() => {
isShown = isOpen
$watch('isOpen', () => (isShown = isOpen))
})
" x-on:keydown.window.escape="$dispatch('close-modal', { id: 'zdMjcL6VEpKvLQriPYGj-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" style="display: none;">
<!--[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: 'zdMjcL6VEpKvLQriPYGj-infolist-action' }),
)
},
open: function () {
this.$nextTick(() => {
this.isOpen = true
this.$dispatch('ax-modal-opened')
this.$refs.modalContainer.dispatchEvent(
new CustomEvent('modal-opened', { id: 'zdMjcL6VEpKvLQriPYGj-infolist-action' }),
)
})
},
}" x-on:close-modal.window="if ($event.detail.id === 'zdMjcL6VEpKvLQriPYGj-infolist-action') close()" x-on:open-modal.window="if ($event.detail.id === 'zdMjcL6VEpKvLQriPYGj-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-show="isOpen" style="display: none;">
<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" style="display: none;"></div>
<div class="fixed inset-0 z-40 overflow-y-auto">
<div x-ref="modalContainer" 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 === 'zdMjcL6VEpKvLQriPYGj') && $wire.mountedInfolistActions.length) open()" x-on:modal-closed.stop="const mountedInfolistActionShouldOpenModal = false
if (! mountedInfolistActionShouldOpenModal) {
return
}
if ($wire.mountedFormComponentActions.length) {
return
}
$wire.unmountInfolistAction(false, false)" x-on:opened-form-component-action-modal.window="if ($event.detail.id === 'zdMjcL6VEpKvLQriPYGj') close()">
<div x-data="{ isShown: false }" x-init="
$nextTick(() => {
isShown = isOpen
$watch('isOpen', () => (isShown = isOpen))
})
" x-on:keydown.window.escape="$dispatch('close-modal', { id: 'zdMjcL6VEpKvLQriPYGj-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" style="display: none;">
<!--[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: 'zdMjcL6VEpKvLQriPYGj-form-component-action' }),
)
},
open: function () {
this.$nextTick(() => {
this.isOpen = true
this.$dispatch('ax-modal-opened')
this.$refs.modalContainer.dispatchEvent(
new CustomEvent('modal-opened', { id: 'zdMjcL6VEpKvLQriPYGj-form-component-action' }),
)
})
},
}" x-on:close-modal.window="if ($event.detail.id === 'zdMjcL6VEpKvLQriPYGj-form-component-action') close()" x-on:open-modal.window="if ($event.detail.id === 'zdMjcL6VEpKvLQriPYGj-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-show="isOpen" style="display: none;">
<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" style="display: none;"></div>
<div class="fixed inset-0 z-40 overflow-y-auto">
<div x-ref="modalContainer" 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, false)
}">
<div x-data="{ isShown: false }" x-init="
$nextTick(() => {
isShown = isOpen
$watch('isOpen', () => (isShown = isOpen))
})
" x-on:keydown.window.escape="$dispatch('close-modal', { id: 'zdMjcL6VEpKvLQriPYGj-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" style="display: none;">
<!--[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="callMountedTableAction">
<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: 'oZRKP5bzahZEfdyUfCUo-table-action' }),
)
},
open: function () {
this.$nextTick(() => {
this.isOpen = true
this.$dispatch('ax-modal-opened')
this.$refs.modalContainer.dispatchEvent(
new CustomEvent('modal-opened', { id: 'oZRKP5bzahZEfdyUfCUo-table-action' }),
)
})
},
}" x-on:close-modal.window="if ($event.detail.id === 'oZRKP5bzahZEfdyUfCUo-table-action') close()" x-on:open-modal.window="if ($event.detail.id === 'oZRKP5bzahZEfdyUfCUo-table-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">
<div x-ref="modalContainer" 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 === 'oZRKP5bzahZEfdyUfCUo') && $wire.mountedTableActions.length) open()" x-on:modal-closed.stop="const mountedTableActionShouldOpenModal = false
if (! mountedTableActionShouldOpenModal) {
return
}
if ($wire.mountedFormComponentActions.length) {
return
}
$wire.unmountTableAction(false, false)" x-on:opened-form-component-action-modal.window="if ($event.detail.id === 'oZRKP5bzahZEfdyUfCUo') close()">
<div x-data="{ isShown: false }" x-init="
$nextTick(() => {
isShown = isOpen
$watch('isOpen', () => (isShown = isOpen))
})
" x-on:keydown.window.escape="$dispatch('close-modal', { id: 'oZRKP5bzahZEfdyUfCUo-table-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="callMountedTableBulkAction">
<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: 'oZRKP5bzahZEfdyUfCUo-table-bulk-action' }),
)
},
open: function () {
this.$nextTick(() => {
this.isOpen = true
this.$dispatch('ax-modal-opened')
this.$refs.modalContainer.dispatchEvent(
new CustomEvent('modal-opened', { id: 'oZRKP5bzahZEfdyUfCUo-table-bulk-action' }),
)
})
},
}" x-on:close-modal.window="if ($event.detail.id === 'oZRKP5bzahZEfdyUfCUo-table-bulk-action') close()" x-on:open-modal.window="if ($event.detail.id === 'oZRKP5bzahZEfdyUfCUo-table-bulk-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">
<div x-ref="modalContainer" 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 === 'oZRKP5bzahZEfdyUfCUo') && $wire.mountedTableBulkAction) open()" x-on:modal-closed.stop="const mountedTableBulkActionShouldOpenModal = false
if (! mountedTableBulkActionShouldOpenModal) {
return
}
if ($wire.mountedFormComponentActions.length) {
return
}
$wire.unmountTableBulkAction(false)" x-on:opened-form-component-action-modal.window="if ($event.detail.id === 'oZRKP5bzahZEfdyUfCUo') close()">
<div x-data="{ isShown: false }" x-init="
$nextTick(() => {
isShown = isOpen
$watch('isOpen', () => (isShown = isOpen))
})
" x-on:keydown.window.escape="$dispatch('close-modal', { id: 'oZRKP5bzahZEfdyUfCUo-table-bulk-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: 'oZRKP5bzahZEfdyUfCUo-form-component-action' }),
)
},
open: function () {
this.$nextTick(() => {
this.isOpen = true
this.$dispatch('ax-modal-opened')
this.$refs.modalContainer.dispatchEvent(
new CustomEvent('modal-opened', { id: 'oZRKP5bzahZEfdyUfCUo-form-component-action' }),
)
})
},
}" x-on:close-modal.window="if ($event.detail.id === 'oZRKP5bzahZEfdyUfCUo-form-component-action') close()" x-on:open-modal.window="if ($event.detail.id === 'oZRKP5bzahZEfdyUfCUo-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">
<div x-ref="modalContainer" 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, false)
}">
<div x-data="{ isShown: false }" x-init="
$nextTick(() => {
isShown = isOpen
$watch('isOpen', () => (isShown = isOpen))
})
" x-on:keydown.window.escape="$dispatch('close-modal', { id: 'oZRKP5bzahZEfdyUfCUo-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
Username* user Password* Tampilkan kata sandi Sembunyikan kata sandi Tahun* Pilih salah satu opsi 2024 Ingat Saya Masuk Download © 2024 Dinas Peternakan dan Kesehatan Hewan Provinsi Kalimantan Timur SISTEM INFORMASI PENGELOLAAN DATA ASET DINAS PETERNAKAN DAN KESEHATAN HEWAN PROVINSI KALIMANTAN TIMUR Sebuah aplikasi yang dibangun untuk dapat digunakan sebagai alat bantu dalam pengelolaan data aset Tutup DOWNLOAD Nama Dokumen Deskripsi Panduan SIPEDET 2024 Download Menampilkan 1 sampai 1 dari 1 hasil 10 25 50 100 per halaman per halaman 10 25 50 100