Kembali ke index
<div> <div id="logout" class="modal modal-new fade " role="dialog" aria-hidden="true"> <div class="modal-dialog modal-medium modal-dialog-centered"> <div class="modal-content" x-data=""> <div class="modal-header"> <div class="title"> <h3>Log Out</h3> <div class="second-line"> <h5 class="h5-reg"></h5> </div> </div> <div class="ms-auto" x-data="{ modalOpenId: '' }"> <button type="submit" class=" btn-close" id="" @click="$('.modal').modal('hide'); if (modalOpenId) { $('#' + modalOpenId).modal('show'); }"> <!-- Simplicity is the essence of happiness. - Cedric Bledsoe --> <!-- Report-related Group Icon --> <svg width="20" height="20" viewBox="0 0 20 20" class="fill-grey-3" xmlns="http://www.w3.org/2000/svg"> <path class="fill-grey-3" fill-rule="evenodd" clip-rule="evenodd" d="M4.14143 4.14137C4.38551 3.89729 4.78124 3.89729 5.02532 4.14137L10 9.1161L14.9748 4.14137C15.2188 3.89729 15.6146 3.89729 15.8586 4.14137C16.1027 4.38545 16.1027 4.78118 15.8586 5.02525L10.8839 9.99998L15.8586 14.9747C16.1027 15.2188 16.1027 15.6145 15.8586 15.8586C15.6146 16.1027 15.2188 16.1027 14.9748 15.8586L10 10.8839L5.02532 15.8586C4.78124 16.1027 4.38551 16.1027 4.14143 15.8586C3.89735 15.6145 3.89735 15.2188 4.14143 14.9747L9.11616 9.99998L4.14143 5.02525C3.89735 4.78118 3.89735 4.38545 4.14143 4.14137Z" fill="#24292E" /> </svg> </button> </div> </div> <div class="modal-body"> <p>Apakah yakin akan keluar?</p> </div> <div class="modal-footer"> <div class="d-flex justify-content-end w-100" > <button type="button" class="btn-neutral-plain-medium mr-4" data-bs-dismiss="modal"> Batal </button> <a href="https://matrik-sushi.kejar.id/logout" class="btn-medium-danger-bold btn-logout"> Keluar </a> </div> </div> </div> </div> </div> </div> </body> <script src="/js/app.js"></script> <script> $(document).ready(function () { scrollActiveTabIntoView() }); $(".input-group-password-new").on('click', '.show-password', function(event) { event.preventDefault(); var input = $(this).parents('.input-group-password-new').find('input'); if ($(input).attr('type') == 'password') { $(input).attr('type', 'text'); $(this).html(`<!-- Simplicity is the essence of happiness. - Cedric Bledsoe --> <!-- Report-related Group Icon --> <svg class="fill-grey-3 wh-20r" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none"> <path class="fill-grey-3 wh-20r" fill-rule="evenodd" clip-rule="evenodd" d="M12 8.25C9.92889 8.25 8.25 9.92889 8.25 12C8.25 14.0711 9.92889 15.75 12 15.75C14.0711 15.75 15.75 14.0711 15.75 12C15.75 9.92889 14.0711 8.25 12 8.25ZM12 9.75C10.7573 9.75 9.75 10.7573 9.75 12C9.75 13.2427 10.7573 14.25 12 14.25C13.2427 14.25 14.25 13.2427 14.25 12C14.25 10.7573 13.2427 9.75 12 9.75Z" fill="#4C516D"/> <path class="fill-grey-3 wh-20r" fill-rule="evenodd" clip-rule="evenodd" d="M12 4.25C9.42944 4.25 7.22595 5.38141 5.52031 6.71299C3.81314 8.04575 2.55128 9.61973 1.84542 10.6095L1.79226 10.6836C1.53907 11.0358 1.25 11.4378 1.25 12C1.25 12.5622 1.53907 12.9642 1.79226 13.3164L1.84542 13.3905C2.55128 14.3803 3.81314 15.9543 5.52031 17.287C7.22596 18.6186 9.42944 19.75 12 19.75C14.5705 19.75 16.774 18.6186 18.4797 17.287C20.1869 15.9543 21.4488 14.3803 22.1546 13.3905L22.2078 13.3163C22.461 12.9642 22.75 12.5622 22.75 12C22.75 11.4378 22.461 11.0358 22.2078 10.6837L22.1546 10.6095C21.4488 9.61974 20.1869 8.04576 18.4797 6.71299C16.774 5.38141 14.5706 4.25 12 4.25ZM6.44336 7.89534C4.89238 9.10618 3.72688 10.5547 3.06667 11.4805C2.90336 11.7095 2.82562 11.8213 2.77928 11.9103C2.74983 11.9669 2.74991 11.9824 2.74999 11.9976L2.75 12L2.74999 12.0024C2.74991 12.0176 2.74983 12.0331 2.77928 12.0897C2.82562 12.1787 2.90335 12.2905 3.06666 12.5195C3.72686 13.4453 4.89238 14.8938 6.44336 16.1047C7.99587 17.3167 9.88134 18.25 12 18.25C14.1187 18.25 16.0041 17.3167 17.5566 16.1047C19.1076 14.8938 20.2731 13.4453 20.9334 12.5195C21.0967 12.2906 21.1744 12.1787 21.2207 12.0897C21.2502 12.0331 21.2501 12.0176 21.25 12.0024L21.25 12L21.25 11.9976C21.2501 11.9824 21.2502 11.9669 21.2207 11.9103C21.1744 11.8213 21.0967 11.7094 20.9334 11.4805C20.2731 10.5547 19.1076 9.10617 17.5566 7.89535C16.0041 6.68331 14.1186 5.75 12 5.75C9.88134 5.75 7.99588 6.68331 6.44336 7.89534Z" fill="#4C516D"/> </svg> `); } else { $(this).html(`<!-- Simplicity is the essence of happiness. - Cedric Bledsoe --> <!-- Report-related Group Icon --> <svg class="fill-grey-3 wh-20r" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none"> <path class="fill-grey-3 wh-20r" fill-rule="evenodd" clip-rule="evenodd" d="M1.56413 11.3898C1.90119 11.149 2.3696 11.2271 2.61036 11.5641C3.26828 12.4852 4.01465 13.3324 4.82409 14.0759C6.17127 15.3132 7.68217 16.2535 9.23952 16.7782C10.1531 17.086 11.0801 17.2501 12.0001 17.2501C14.4884 17.2501 17.0308 16.0462 19.176 14.0759C19.9855 13.3324 20.7318 12.4852 21.3898 11.5641C21.6305 11.2271 22.0989 11.149 22.436 11.3898C22.773 11.6305 22.8511 12.0989 22.6104 12.436C22.0465 13.2253 21.4217 13.9669 20.7479 14.6448L22.5366 16.476C22.826 16.7723 22.8204 17.2472 22.5241 17.5366C22.2278 17.826 21.753 17.8204 21.4635 17.5241L19.6438 15.6611C18.5528 16.5774 17.3564 17.3362 16.0981 17.8724L17.1432 19.6142C17.3563 19.9694 17.2411 20.4301 16.8859 20.6432C16.5307 20.8563 16.07 20.7411 15.8569 20.3859L14.6533 18.3798C13.7848 18.6202 12.8961 18.7501 12.0001 18.7501C11.1023 18.7501 10.2116 18.6193 9.34241 18.3784L8.14393 20.3847C7.93151 20.7403 7.47104 20.8563 7.11544 20.6439C6.75984 20.4315 6.64377 19.971 6.85619 19.6154L7.89836 17.8708C6.64309 17.3356 5.44843 16.5786 4.35627 15.6611L2.53659 17.5241C2.24716 17.8204 1.77232 17.826 1.476 17.5366C1.17968 17.2472 1.1741 16.7723 1.46353 16.476L3.25218 14.6448C2.57845 13.9669 1.95358 13.2253 1.38976 12.436C1.149 12.0989 1.22707 11.6305 1.56413 11.3898Z" fill="#4C516D"/> </svg> <!-- End Account Group Icon --> `); $(input).attr('type', 'password'); } }); $('#btn-scrollTabLeft').click(function() { scrollTabs('left'); }); $('#btn-scrollTabRight').click(function() { scrollTabs('right'); }); function scrollTabs(direction) { const scrollableTabs = $('.nav-container-scrollable .nav'); const tabWidth = scrollableTabs.find('.nav-link').outerWidth(true); const currentScroll = scrollableTabs.scrollLeft(); if (direction === 'left') { scrollableTabs.scrollLeft(currentScroll - tabWidth); } else if (direction === 'right') { scrollableTabs.scrollLeft(currentScroll + tabWidth); } } function scrollActiveTabIntoView() { const $scrollContainer = $('.nav-container-scrollable'); const $activeItem = $scrollContainer.find('.nav-link.active'); if ($activeItem.length && $scrollContainer.length) { $activeItem[0].scrollIntoView({ behavior: 'smooth', inline: 'center', block: 'nearest' }); } } </script> </html>