248 lines
		
	
	
	
		
			8.1 KiB
		
	
	
	
		
			JavaScript
		
	
	
	
	
	
			
		
		
	
	
			248 lines
		
	
	
	
		
			8.1 KiB
		
	
	
	
		
			JavaScript
		
	
	
	
	
	
| const width = window.screen.width;
 | |
| const height = window.screen.height;
 | |
| const ratio = width / height;
 | |
| 
 | |
| const tolerance = 0.05;
 | |
| res = 0
 | |
| if (Math.abs(ratio - (16 / 9)) < tolerance) {
 | |
|     res = 0
 | |
| } else if (Math.abs(ratio - (21 / 9)) < tolerance) {
 | |
|     res = 1
 | |
| }
 | |
| if (res == 1){
 | |
|     $("body").attr("style",`transform: scale(0.75);margin-top: -5.2vw;`)
 | |
| }
 | |
| 
 | |
| window.addEventListener('message', function(e) {
 | |
|     var data = e.data
 | |
|     if (data.type == "balance"){
 | |
|         $(".balance h1").text("$"+data.money.toLocaleString('de-DE'))
 | |
|     }
 | |
|     if (data.type == "visible"){
 | |
|         if (data.lang){
 | |
|             const lang = data.lang
 | |
|             $(".screen-home span").text(lang.welcome_title)
 | |
|             $(".screen-home h1").html(lang.title)
 | |
|             $(".screen-home p").text(lang.insert_card)
 | |
| 
 | |
|             $(".screen-end span").text(lang.msg_thanks)
 | |
|             $(".screen-end h1").html(lang.title)
 | |
|             $(".screen-end p").text(lang.msg_soon)
 | |
| 
 | |
|             $('.menu .atm-item.right.e p').contents().filter(function() {
 | |
|                 return this.nodeType === 3;
 | |
|             }).replaceWith(lang.balance);
 | |
|             $('.menu .atm-item.right.f p, .withdrawal .atm-item.right.h p').contents().filter(function() {
 | |
|                 return this.nodeType === 3;
 | |
|             }).replaceWith(lang.withdraw);
 | |
|             $('.menu .atm-item.right.g p, .deposit .atm-item.right.h p').contents().filter(function() {
 | |
|                 return this.nodeType === 3;
 | |
|             }).replaceWith(lang.deposit);
 | |
|             $('.menu .atm-item.right.h p').contents().filter(function() {
 | |
|                 return this.nodeType === 3;
 | |
|             }).replaceWith(lang.exit);
 | |
| 
 | |
|             $('.balance .atm-item.left.d p, .deposit .atm-item.left.d p, .withdrawal .atm-item.left.d p, .withdrawal-pre .atm-item.left.d p, .balance .atm-item.left.d p').contents().filter(function() {
 | |
|                 return this.nodeType === 3;
 | |
|             }).replaceWith(lang.back);
 | |
| 
 | |
|             $('.withdrawal-pre .atm-item.right.h p').contents().filter(function() {
 | |
|                 return this.nodeType === 3;
 | |
|             }).replaceWith(lang.custom_input);
 | |
|     
 | |
|             $(".balance .abs span").html(lang.msg_balance)
 | |
|             $(".withdrawal .abs span").html(lang.msg_withdraw)
 | |
|             $(".deposit .abs span").html(lang.msg_deposit)
 | |
|         }
 | |
|         show_atm(data.data,data.atm)
 | |
|     }
 | |
| 
 | |
|     if (data.type == "pickupmoney"){
 | |
|         pickupmoney()
 | |
|     }
 | |
|     if (data.type == "putmoney"){
 | |
|         putmoney()
 | |
|     }
 | |
| 
 | |
| });
 | |
| 
 | |
| var cInput = false
 | |
| var fInput = false
 | |
| var isCard = false
 | |
| 
 | |
| function pickupmoney(){
 | |
|     click_btn(0,".screen-end")
 | |
|     $("#moneyCounter")[0].volume = 0.5
 | |
|     $("#moneyCounter")[0].play()
 | |
|     setTimeout(function() {
 | |
|         $.post("https://nv_atm/doCommand",JSON.stringify({type:"pickupmoney"}))
 | |
|         setTimeout(function() {
 | |
|             exit()
 | |
|         }, 2500);
 | |
|     }, 3000);
 | |
| }
 | |
| 
 | |
| function putmoney(){
 | |
|     click_btn(0,".screen-end")
 | |
|     setTimeout(function() {
 | |
|         $.post("https://nv_atm/doCommand",JSON.stringify({type:"putmoney"}))
 | |
|         setTimeout(function() {
 | |
|             setTimeout(function() {$("#clickSound")[0].volume = 0.5;$("#clickSound")[0].play()}, 1000);
 | |
|             exit()
 | |
|         }, 2500);
 | |
|     }, 0);
 | |
| }
 | |
| 
 | |
| function show_atm(status,atm){
 | |
|     if (status){
 | |
|         $(".screen-home .min-loading").hide(0)
 | |
|         $("body").removeClass()
 | |
|         $("body").addClass(atm)
 | |
|         var img = atm
 | |
|         $(".screen img").attr("src",`assets/img/${img}.png`)
 | |
|         $("html").show(0)
 | |
|     }
 | |
|     else{
 | |
|         $(".scr").hide()
 | |
|         $(".screen-home").show()
 | |
|         $("html").hide(0)
 | |
|     }
 | |
| }
 | |
| 
 | |
| //show_atm(true,"prop_fleeca_atm")
 | |
| 
 | |
| $(document).keydown(function(e) {
 | |
|     if (e.key === 'Escape') {
 | |
|         exit()
 | |
|     }
 | |
| });
 | |
| 
 | |
| function insert_card(){
 | |
|     if (isCard){return}
 | |
|     $.post("https://nv_atm/doCommand",JSON.stringify({type:"card"}))
 | |
|     
 | |
|     setTimeout(function() {
 | |
|         $("#cardInsert")[0].volume = 0.5
 | |
|         $("#cardInsert")[0].play()
 | |
|     }, 1300);
 | |
|     setTimeout(function() {
 | |
|         $(".screen-home .min-loading").show(0)
 | |
|         setTimeout(function() {
 | |
|             isCard = true
 | |
|             $(".screen-home").fadeOut(100,function(){
 | |
|                 click_btn(0,".menu")
 | |
|             })
 | |
|         }, 800);
 | |
|     }, 2000);
 | |
| }
 | |
| 
 | |
| var s = null
 | |
| function click_btn(self,change,force){
 | |
|     if (self != 0){$("#clickSound")[0].volume = 0.5;$("#clickSound")[0].play()}
 | |
|     if (!isCard){return}
 | |
|     $(".scr").fadeOut(100,function(){})
 | |
|     setTimeout(function() {
 | |
|         restart_right_btns()
 | |
|         $(change).fadeIn(100)
 | |
|         if (change == ".balance"){
 | |
|             $(".balance h1").text(". . . .")
 | |
|             setTimeout(function() {$.post("https://nv_atm/doCommand",JSON.stringify({type:"balance"}))}, 500);
 | |
|             $($(".left-side button")[3]).attr("onclick",`click_btn(1,'.menu',true)`)
 | |
|         }
 | |
|         else if (change == ".menu"){
 | |
|             $(".right-side").html(`
 | |
|                 <button onclick="click_btn(1,'.balance')"></button>
 | |
|                 <button onclick="click_btn(1,'.withdrawal-pre')"></button>
 | |
|                 <button onclick="click_btn(1,'.deposit')"></button>
 | |
|                 <button></button>
 | |
|             `)
 | |
|             $($(".right-side button")[3]).attr("onclick",`exit()`)
 | |
|         }
 | |
|         else if (change == ".screen-home"){
 | |
|             $(change).find(".min-loading").hide()
 | |
|         }
 | |
|         else if (change == ".withdrawal-pre"){
 | |
|             $($(".left-side button")[3]).attr("onclick",`click_btn(1,'.menu',true)`)
 | |
|             $($(".right-side button")[3]).attr("onclick",`click_btn(1,'.withdrawal',true)`).prop("disabled",false)
 | |
|             $($(".right-side button")[0]).attr("onclick",`withdraw(100)`).prop("disabled",false)
 | |
|             $($(".right-side button")[1]).attr("onclick",`withdraw(1000)`).prop("disabled",false)
 | |
|             $($(".right-side button")[2]).attr("onclick",`withdraw(10000)`).prop("disabled",false)
 | |
|         }
 | |
|         else if (change == ".withdrawal"){
 | |
|             $(".wd").val("0")
 | |
|             s = "withdraw"
 | |
|             $($(".left-side button")[3]).attr("onclick",`click_btn(1,'.menu',true)`)
 | |
|             $($(".right-side button")[3]).attr("onclick",`withdraw()`).prop("disabled",false)
 | |
|         }
 | |
|         else if (change == ".deposit"){
 | |
|             $(".wd").val("0")
 | |
|             s = "deposit"
 | |
|             $($(".left-side button")[3]).attr("onclick",`click_btn(1,'.menu',true)`)
 | |
|             $($(".right-side button")[3]).attr("onclick",`deposit()`).prop("disabled",false)
 | |
|         }
 | |
|         else{
 | |
|             restart_right_btns()
 | |
|         }
 | |
|     }, 200);
 | |
| }
 | |
| 
 | |
| function exit(){
 | |
|     s = null
 | |
|     setTimeout(function() {
 | |
|         $("#cardInsert")[0].volume = 0.5
 | |
|         $("#cardInsert")[0].play()
 | |
|         click_btn(0,".screen-home")
 | |
|         isCard = false
 | |
|         cInput = false
 | |
|         fInput = false
 | |
|     }, 1000);
 | |
|     $.post("https://nv_atm/exit")
 | |
| }
 | |
| 
 | |
| $(".numbers").on("click","button",function(){
 | |
|     $("#clickSound")[0].volume = 0.5;$("#clickSound")[0].play()
 | |
|     var curInput = $(".wd").val()
 | |
|     var c = $(this).attr("num")
 | |
|         if (c == -1){
 | |
|             $(".wd").val("0")
 | |
|             return
 | |
|         }
 | |
|     if (c == -2){
 | |
|         if (s == "withdraw"){withdraw(curInput);}
 | |
|         if (s == "deposit"){deposit(curInput);}
 | |
|         return
 | |
|     }
 | |
|     if (c < 0){return}
 | |
|     if (curInput === "0"){curInput = ""}
 | |
|     $(".wd").val(curInput + c)
 | |
| })
 | |
| 
 | |
| function deposit(count){
 | |
|     if (!count){count = parseInt($(".deposit .wd").val())}
 | |
|     count = parseInt(count)
 | |
|     $.post("https://nv_atm/doCommand",JSON.stringify({type:"deposit",money:count}))
 | |
| }
 | |
| 
 | |
| function withdraw(count){
 | |
|     if (!count){count = parseInt($(".wd").val())}
 | |
|     count = parseInt(count)
 | |
|     $.post("https://nv_atm/doCommand",JSON.stringify({type:"withdraw",money:count}))
 | |
| }
 | |
| 
 | |
| function restart_right_btns(){
 | |
|     cInput = false
 | |
|     $(".left-side").html(`
 | |
|         <button></button>
 | |
|         <button></button>
 | |
|         <button></button>
 | |
|         <button></button>
 | |
|     `)
 | |
| 
 | |
|     $(".right-side").html(`
 | |
|         <button></button>
 | |
|         <button></button>
 | |
|         <button></button>
 | |
|         <button></button>
 | |
|     `)
 | |
| }
 | |
| 
 | 
