<!DOCTYPE html><html lang="id"><html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <!-- Tell the browser to be responsive to screen width --> <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport"> <!-- CSRF Token --> <meta name="csrf-token" content="hVohoZYAShA5aOD6I9xWjItu8RPkIjGPv08Aygc2"> <title>Masuk - Logistic 99</title> <link href="http://www.halosobat.my.id/css/tailwind/app.css?v=610" rel="stylesheet"> <link rel="stylesheet"href="https://fonts.googleapis.com/css2?family=Suwannaphum|Noto+Sans+Khmer|Khmer+OS+Battambang&display=swap"> <link rel="stylesheet" href="http://www.halosobat.my.id/css/vendor.css?v=610"> <link rel="stylesheet" href="http://www.halosobat.my.id/css/custom-style.css?v=610"> <!-- app css --><link rel="stylesheet" href="http://www.halosobat.my.id/css/app.css?v=610"> <style type="text/css"> /* * Pattern lock css * Pattern direction * http://ignitersworld.com/lab/patternLock.html */ .patt-wrap { z-index: 10; } .patt-circ.hovered { background-color: #cde2f2; border: none; } .patt-circ.hovered .patt-dots { display: none; } .patt-circ.dir { background-image: url("http://www.halosobat.my.id/img/pattern-directionicon-arrow.png"); background-position: center; background-repeat: no-repeat; } .patt-circ.e { -webkit-transform: rotate(0); transform: rotate(0); } .patt-circ.s-e { -webkit-transform: rotate(45deg); transform: rotate(45deg); } .patt-circ.s { -webkit-transform: rotate(90deg); transform: rotate(90deg); } .patt-circ.s-w { -webkit-transform: rotate(135deg); transform: rotate(135deg); } .patt-circ.w { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .patt-circ.n-w { -webkit-transform: rotate(225deg); transform: rotate(225deg); } .patt-circ.n { -webkit-transform: rotate(270deg); transform: rotate(270deg); } .patt-circ.n-e { -webkit-transform: rotate(315deg); transform: rotate(315deg); }</style> <!--[if lt IE 9]> <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script> <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script> <![endif]--> <style> body { background-color: #243949; } h1 { color: #fff; } </style> <style type="text/css"> /* * Pattern lock css * Pattern direction * http://ignitersworld.com/lab/patternLock.html */ .patt-wrap { z-index: 10; } .patt-circ.hovered { background-color: #cde2f2; border: none; } .patt-circ.hovered .patt-dots { display: none; } .patt-circ.dir { background-image: url("http://pos.test/img/pattern-directionicon-arrow.png"); background-position: center; background-repeat: no-repeat; } .patt-circ.e { -webkit-transform: rotate(0); transform: rotate(0); } .patt-circ.s-e { -webkit-transform: rotate(45deg); transform: rotate(45deg); } .patt-circ.s { -webkit-transform: rotate(90deg); transform: rotate(90deg); } .patt-circ.s-w { -webkit-transform: rotate(135deg); transform: rotate(135deg); } .patt-circ.w { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .patt-circ.n-w { -webkit-transform: rotate(225deg); transform: rotate(225deg); } .patt-circ.n { -webkit-transform: rotate(270deg); transform: rotate(270deg); } .patt-circ.n-e { -webkit-transform: rotate(315deg); transform: rotate(315deg); } </style> <style> body { background: linear-gradient(to right, #6366f1, #3b82f6); } h1 { color: #fff; } </style> <style> .action-link[data-v-1552a5b6] { cursor: pointer; } </style> <style> .action-link[data-v-397d14ca] { cursor: pointer; } </style> <style> .action-link[data-v-49962cc0] { cursor: pointer; } </style> <link href="http://www.halosobat.my.id/css/tailwind/app.css" rel="stylesheet"> <!--[if lt IE 9]> <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script> <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script> <![endif]--> <script src='https://www.google.com/recaptcha/api.js'></script> </head> <body class="pace-done" data-new-gr-c-s-check-loaded="14.1172.0" data-gr-ext-installed="" cz-shortcut-listen="true"> <div class="container-fluid"> <div class="row eq-height-row"> <div class="col-md-12 col-sm-12 col-xs-12 right-col tw-pt-20 tw-pb-10 tw-px-5"> <div class="row"> <div class="tw-flex tw-items-center tw-justify-center tw-mx-auto tw-overflow-hidden tw-bg-white tw-rounded-full tw-p-0.5 tw-mb-4" style="width: 150px; height: 150px;"> <img src="http://www.halosobat.my.id/img/logo-small.png" alt="lock" style="width: 100%; height: 100%; object-fit: cover; border-radius: 50%;" /> </div> <div class="tw-absolute tw-top-2 md:tw-top-5 tw-left-4 md:tw-left-8 tw-flex tw-items-center tw-gap-4" style="text-align: left"> <details class="tw-dw-dropdown tw-dw-dropdown-end" style="margin: 10px;"> <summary class="tw-bg-transparent tw-text-white tw-font-medium tw-text-sm md:tw-text-base select-none"> Indonesian </summary> <ul class="tw-p-2 tw-shadow tw-dw-menu tw-dw-dropdown-content tw-z-[1] tw-w-48 md:tw-w-56 tw-bg-white tw-rounded-xl tw-mt-3"> <li><a value="en" class="change_lang"> English</a> </li> <li><a value="es" class="change_lang"> Spanish - Español</a> </li> <li><a value="sq" class="change_lang"> Albanian - Shqip</a> </li> <li><a value="hi" class="change_lang"> Hindi - हिंदी</a> </li> <li><a value="nl" class="change_lang"> Dutch</a> </li> <li><a value="fr" class="change_lang"> French - Français</a> </li> <li><a value="de" class="change_lang"> German - Deutsch</a> </li> <li><a value="ar" class="change_lang"> Arabic - العَرَبِيَّة</a> </li> <li><a value="tr" class="change_lang"> Turkish - Türkçe</a> </li> <li><a value="id" class="change_lang"> Indonesian</a> </li> <li><a value="ps" class="change_lang"> Pashto</a> </li> <li><a value="pt" class="change_lang"> Portuguese</a> </li> <li><a value="vi" class="change_lang"> Vietnamese</a> </li> <li><a value="ce" class="change_lang"> Chinese</a> </li> <li><a value="ro" class="change_lang"> Romanian</a> </li> <li><a value="lo" class="change_lang"> Lao</a> </li> </ul></details> </div> <div class="tw-absolute tw-top-5 md:tw-top-8 tw-right-5 md:tw-right-10 tw-flex tw-items-center tw-gap-4" style="text-align: left"> <!-- Register Url --> </div> <div class="col-md-10 col-xs-8" style="text-align: right;"> </div> </div> <div class="row"> <div class="col-md-4"> </div> <div class="col-md-4"> <div class="tw-p-5 md:tw-p-6 tw-mb-4 tw-rounded-2xl tw-transition-all tw-duration-200 tw-bg-white tw-shadow-sm tw-ring-1 tw-ring-gray-200"> <div class="tw-flex tw-flex-col tw-gap-4 tw-dw-rounded-box tw-dw-p-6 tw-dw-max-w-md"> <div class="tw-flex tw-items-center tw-flex-col"> <h1 class="tw-text-lg md:tw-text-xl tw-font-semibold tw-text-[#1e1e1e]"> Selamat datang kembali </h1> <h2 class="tw-text-sm tw-font-medium tw-text-gray-500"> Silahkan login ke Logistic 99 </h2> </div> <form method="POST" action="http://www.halosobat.my.id/login" id="login-form"> <input type="hidden" name="_token" value="hVohoZYAShA5aOD6I9xWjItu8RPkIjGPv08Aygc2"> <div class="form-group has-feedback "> <label class="tw-dw-form-control"> <div class="tw-dw-label"> <span class="tw-text-xs md:tw-text-sm tw-font-medium tw-text-black">Nama pengguna</span> </div> <input class="tw-border tw-border-[#D1D5DA] tw-outline-none tw-h-12 tw-bg-transparent tw-rounded-lg tw-px-3 tw-font-medium tw-text-black placeholder:tw-text-gray-500 placeholder:tw-font-medium" name="username" required autofocus placeholder="Nama pengguna" data-last-active-input="" id="username" type="text" name="username" value="" /> </label> </div> <div class="form-group has-feedback "> <label class="tw-dw-form-control"> <div class="tw-dw-label"> <span class="tw-text-xs md:tw-text-sm tw-font-medium tw-text-black">Kata sandi</span> <a href="http://www.halosobat.my.id/password/reset" class="tw-text-xs md:tw-text-sm tw-font-medium tw-bg-gradient-to-r tw-from-indigo-500 tw-to-blue-500 tw-inline-block tw-text-transparent tw-bg-clip-text hover:tw-text-[#467BF5]" tabindex="-1">Lupa kata sandi Anda?</a> </div> <input class="tw-border tw-border-[#D1D5DA] tw-outline-none tw-h-12 tw-bg-transparent tw-rounded-lg tw-px-3 tw-font-medium tw-text-black placeholder:tw-text-gray-500 placeholder:tw-font-medium" id="password" type="password" name="password" value="" required placeholder="Kata sandi" /> <button type="button" id="show_hide_icon" class="show_hide_icon" style="position: absolute; top:48px;right:5px;"> <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-eye tw-w-6" viewBox="0 0 24 24" stroke-width="1.5" stroke="#000000" fill="none" stroke-linecap="round" stroke-linejoin="round"> <path stroke="none" d="M0 0h24v24H0z" fill="none" /> <path d="M10 12a2 2 0 1 0 4 0a2 2 0 0 0 -4 0" /> <path d="M21 12c-2.4 4 -5.4 6 -9 6c-3.6 0 -6.6 -2 -9 -6c2.4 -4 5.4 -6 9 -6c3.6 0 6.6 2 9 6" /> </svg> </button> </label> </div> <div class="tw-dw-form-control"> <label class="tw-dw-cursor-pointer tw-dw-label tw-self-start tw-gap-2"> <input type="checkbox" name="remember" class="tw-dw-checkbox"> <span class="tw-text-xs md:tw-text-sm tw-font-medium tw-text-black tw-mt-[0.2rem]">Ingat saya</span> </label> </div> <button type="submit" class="tw-bg-gradient-to-r tw-from-indigo-500 tw-to-blue-500 tw-h-12 tw-rounded-xl tw-text-sm md:tw-text-base tw-text-white tw-font-semibold tw-w-full tw-max-w-full mt-2 hover:tw-from-indigo-600 hover:tw-to-blue-600 focus:tw-outline-none focus:tw-ring-2 focus:tw-ring-blue-500 focus:tw-ring-offset-2 active:tw-from-indigo-700 active:tw-to-blue-700"> Masuk </button> </form> </div> </div> </div> <div class="col-md-4"></div></div> </div> </div> </div> <script type="text/javascript"> base_path = "http://www.halosobat.my.id"; //used for push notification APP = {}; APP.PUSHER_APP_KEY = ''; APP.PUSHER_APP_CLUSTER = ''; APP.INVOICE_SCHEME_SEPARATOR = '-'; //variable from app service provider APP.PUSHER_ENABLED = ''; APP.USER_ID = ''; </script> <!--[if lt IE 9]><script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js?v=$asset_v"></script><script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js?v=$asset_v"></script><![endif]--> <script src="http://www.halosobat.my.id/js/vendor.js?v=610"></script> <script src="http://www.halosobat.my.id/js/lang/id.js?v=610"> </script> <script> Dropzone.autoDiscover = false; moment.tz.setDefault(''); $(document).ready(function() { $.ajaxSetup({ headers: { 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') } }); $.fn.dataTable.ext.errMode = 'throw'; }); var financial_year = { start: moment(''), end: moment(''), } var datepicker_date_format = "mm/dd/yyyy"; var moment_date_format = "MM/DD/YYYY"; var moment_time_format = "HH:mm"; var app_locale = "id"; var non_utf8_languages = [ "ar", "hi", "ps", ]; var __default_datatable_page_entries = "25"; var __new_notification_count_interval = "60000";</script> <script src="http://www.halosobat.my.id/js/lang/id.js?v=610"> </script> <script src="http://www.halosobat.my.id/js/functions.js?v=610"></script><script src="http://www.halosobat.my.id/js/common.js?v=610"></script><script src="http://www.halosobat.my.id/js/app.js?v=610"></script><script src="http://www.halosobat.my.id/js/help-tour.js?v=610"></script><script src="http://www.halosobat.my.id/js/documents_and_note.js?v=610"></script> <!-- TODO --> <script type="text/javascript"> $(document).ready(function () { $('#show_hide_icon').off('click'); $('.change_lang').click(function () { window.location = "http://www.halosobat.my.id/login?lang=" + $(this).attr('value'); }); $('a.demo-login').click(function (e) { e.preventDefault(); $('#username').val($(this).data('admin')); $('#password').val(""); $('form#login-form').submit(); }); $('#show_hide_icon').on('click', function (e) { e.preventDefault(); const passwordInput = $('#password'); if (passwordInput.attr('type') === 'password') { passwordInput.attr('type', 'text'); $('#show_hide_icon').html('<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-eye-off tw-w-6" viewBox="0 0 24 24" stroke-width="1.5" stroke="#000000" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10.585 10.587a2 2 0 0 0 2.829 2.828"/><path d="M16.681 16.673a8.717 8.717 0 0 1 -4.681 1.327c-3.6 0 -6.6 -2 -9 -6c1.272 -2.12 2.712 -3.678 4.32 -4.674m2.86 -1.146a9.055 9.055 0 0 1 1.82 -.18c3.6 0 6.6 2 9 6c-.666 1.11 -1.379 2.067 -2.138 2.87"/><path d="M3 3l18 18"/></svg>'); } else if (passwordInput.attr('type') === 'text') { passwordInput.attr('type', 'password'); $('#show_hide_icon').html('<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-eye tw-w-6" viewBox="0 0 24 24" stroke-width="1.5" stroke="#000000" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10 12a2 2 0 1 0 4 0a2 2 0 0 0 -4 0"/><path d="M21 12c-2.4 4 -5.4 6 -9 6c-3.6 0 -6.6 -2 -9 -6c2.4 -4 5.4 -6 9 -6c3.6 0 6.6 2 9 6"/></svg>'); } }); }) </script> <script type="text/javascript"> $(document).ready(function() { var locale = "id"; var isRTL = false; $('#calendar').fullCalendar('option', { locale: locale, isRTL: isRTL }); // side bar toggle $(".drop_down").click(function(event) { event.preventDefault(); var $chiled = $(this).next(".chiled"); var svgElement = $(this).find(".svg"); $(".chiled").not($chiled).slideUp(); $chiled.slideToggle(function() { $(".svg").each(function() { var $currentSvgElement = $(this); if ($currentSvgElement.closest(".drop_down").next(".chiled").is( ":visible")) { // If the corresponding menu is visible, set the arrow pointing upwards $currentSvgElement.html( '<path stroke="none" d="M0 0h24v24H0z" fill="none" /><path d="M6 9l6 6l6 -6" />' ); } else { // Otherwise, set the arrow pointing downwards $currentSvgElement.html( '<path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M15 6l-6 6l6 6" />' ); } }); }); }); $('.small-view-button').on('click', function() { $('.side-bar').addClass('small-view-side-active'); $('.overlay').fadeIn('slow'); }); $('.overlay').on('click', function() { $('.overlay').fadeOut('slow'); $('.side-bar').removeClass('small-view-side-active'); }); $(window).on('resize', function() { if ($(window).width() >= 992) { $('.overlay').fadeOut('slow'); $('.side-bar').removeClass('small-view-side-active'); } if($('.side-bar').hasClass('small-view-side-active')){ $('.overlay').fadeIn('slow'); } }); $(document).on('click', function (e) { $('[data-toggle="popover"]').popover(); $(document).on('click', function (e) { $('[data-toggle="popover"]').each(function () { // Check if the clicked element is the popover button or inside the popover if (!$(this).is(e.target) && $(this).has(e.target).length === 0 && $('.popover').has(e.target).length === 0) { $(this).popover('hide'); } }); }); }); $('.side-bar-collapse').click(function() { $('.side-bar').toggle('slow'); }); $('.dt-buttons.btn-group').find('a.btn').removeClass('btn-default'); $('.dt-buttons.btn-group').find('a.btn').removeClass('btn'); // $('.date_range').on('show.daterangepicker', function (ev, picker) { // $(picker.container).insertAfter($(this)); // }); });</script> <!-- Scripts --> <script src="http://www.halosobat.my.id/js/login.js?v=610"></script> <script type="text/javascript"> $(document).ready(function () { $('#show_hide_icon').off('click'); $('.change_lang').click(function () { window.location = "http://www.halosobat.my.id/login?lang=" + $(this).attr('value'); }); $('a.demo-login').click(function (e) { e.preventDefault(); $('#username').val($(this).data('admin')); $('#password').val(""); $('form#login-form').submit(); }); $('#show_hide_icon').on('click', function (e) { e.preventDefault(); const passwordInput = $('#password'); if (passwordInput.attr('type') === 'password') { passwordInput.attr('type', 'text'); $('#show_hide_icon').html('<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-eye-off tw-w-6" viewBox="0 0 24 24" stroke-width="1.5" stroke="#000000" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10.585 10.587a2 2 0 0 0 2.829 2.828"/><path d="M16.681 16.673a8.717 8.717 0 0 1 -4.681 1.327c-3.6 0 -6.6 -2 -9 -6c1.272 -2.12 2.712 -3.678 4.32 -4.674m2.86 -1.146a9.055 9.055 0 0 1 1.82 -.18c3.6 0 6.6 2 9 6c-.666 1.11 -1.379 2.067 -2.138 2.87"/><path d="M3 3l18 18"/></svg>'); } else if (passwordInput.attr('type') === 'text') { passwordInput.attr('type', 'password'); $('#show_hide_icon').html('<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-eye tw-w-6" viewBox="0 0 24 24" stroke-width="1.5" stroke="#000000" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10 12a2 2 0 1 0 4 0a2 2 0 0 0 -4 0"/><path d="M21 12c-2.4 4 -5.4 6 -9 6c-3.6 0 -6.6 -2 -9 -6c2.4 -4 5.4 -6 9 -6c3.6 0 6.6 2 9 6"/></svg>'); } }); }) </script> <script type="text/javascript"> $(document).ready(function () { $('.select2_register').select2(); // $('input').iCheck({ // checkboxClass: 'icheckbox_square-blue', // radioClass: 'iradio_square-blue', // increaseArea: '20%' // optional // }); }); </script> <style> .wizard>.content { background-color: white !important; } </style></body> </html>
