Merge branch 'develop' into 'feature/atm-system'
# Conflicts: # ReallifeGamemode.Server/Migrations/DatabaseContextModelSnapshot.cs
This commit is contained in:
VegaZ
577
ReallifeGamemode.Client/assets/css/atm/atm.css
Normal file
577
ReallifeGamemode.Client/assets/css/atm/atm.css
Normal file
@@ -0,0 +1,577 @@
|
||||
@font-face {
|
||||
font-family: 'OSL';
|
||||
src: url('package://assets/font/OSL.ttf') format('truetype');
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'OSB';
|
||||
src: url('package://assets/font/OpenSans-Bold.ttf') format('truetype');
|
||||
}
|
||||
|
||||
* {
|
||||
-webkit-touch-callout: none;
|
||||
-webkit-user-select: none;
|
||||
-khtml-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
}
|
||||
|
||||
.atm {
|
||||
background:#6d6d6d;
|
||||
position:absolute;
|
||||
left:19.5vw;
|
||||
top:1vw;
|
||||
border-radius:1vw;
|
||||
-webkit-box-shadow:0 0 25px -1px rgba(0,0,0,0.75);
|
||||
-moz-box-shadow:0 0 25px -1px rgba(0,0,0,0.75);
|
||||
box-shadow:0 0 25px -1px rgba(0,0,0,0.75);
|
||||
z-index:3;
|
||||
padding:33vw 30vw 10vw;
|
||||
}
|
||||
|
||||
.content {
|
||||
position:absolute;
|
||||
left:4vw;
|
||||
top:2vw;
|
||||
border-radius:1vw;
|
||||
padding:29vw 26vw 5vw;
|
||||
}
|
||||
|
||||
.screen {
|
||||
position:absolute;
|
||||
left:5vw;
|
||||
top:2vw;
|
||||
-webkit-box-shadow:inset 0 0 19px -1px rgba(0,0,0,0.75);
|
||||
-moz-box-shadow:inset 0 0 19px -1px rgba(0,0,0,0.75);
|
||||
box-shadow:inset 0 0 19px -1px rgba(0,0,0,0.75);
|
||||
background:#fff;
|
||||
z-index:1;
|
||||
padding:15vw 21vw;
|
||||
}
|
||||
|
||||
.b-left {
|
||||
position:absolute;
|
||||
left:-1.5vw;
|
||||
top:11vw;
|
||||
border-radius:1vw;
|
||||
}
|
||||
|
||||
.b-right {
|
||||
position:absolute;
|
||||
left:47.5vw;
|
||||
top:11vw;
|
||||
border-radius:1vw;
|
||||
}
|
||||
|
||||
.b {
|
||||
background:#a7a7a7;
|
||||
border-radius:.1vw .3vw .3vw .1vw;
|
||||
margin-bottom:3vw;
|
||||
padding:2vw 3vw;
|
||||
}
|
||||
|
||||
.b2 {
|
||||
background:#a7a7a7;
|
||||
border-radius:.3vw .1vw .1vw .3vw;
|
||||
margin-bottom:3vw;
|
||||
margin-left:.4vw;
|
||||
padding:2vw 3vw;
|
||||
}
|
||||
|
||||
.b,.b2,.b3 {
|
||||
cursor:pointer;
|
||||
background:#a7a7a7;
|
||||
margin-bottom:1vw;
|
||||
-webkit-box-shadow:2px 3px 9px 3px rgba(99,99,99,1);
|
||||
-moz-box-shadow:2px 3px 9px 3px rgba(99,99,99,1);
|
||||
box-shadow:2px 3px 9px 3px rgba(99,99,99,1);
|
||||
font-size:3vw;
|
||||
color:#000;
|
||||
padding:2vw 2.8vw;
|
||||
border: 2px solid rgba(0, 0, 0, 0.5);
|
||||
}
|
||||
|
||||
.b:hover,.b2:hover,.b3:hover,.b3e:hover,.b4e:hover {
|
||||
background:#949494;
|
||||
}
|
||||
|
||||
.b3 {
|
||||
cursor:pointer;
|
||||
background:#a7a7a7;
|
||||
border-radius:.3vw;
|
||||
margin-bottom:.2vw;
|
||||
font-family:OSL;
|
||||
font-size:1vw;
|
||||
-webkit-box-shadow:0 0 6px -1px rgba(0,0,0,0.75);
|
||||
-moz-box-shadow:0 0 6px -1px rgba(0,0,0,0.75);
|
||||
box-shadow:0 0 6px -1px rgba(0,0,0,0.75);
|
||||
padding: .14vw 2vw;
|
||||
}
|
||||
|
||||
.b3e {
|
||||
cursor:pointer;
|
||||
background:#a7a7a7;
|
||||
border-radius:.3vw;
|
||||
margin-bottom:.5vw;
|
||||
font-family:OSL;
|
||||
font-size:1vw;
|
||||
-webkit-box-shadow:0 0 6px -1px rgba(0,0,0,0.75);
|
||||
-moz-box-shadow:0 0 6px -1px rgba(0,0,0,0.75);
|
||||
box-shadow:0 0 6px -1px rgba(0,0,0,0.75);
|
||||
padding:1vw 4vw 1vw .5vw;
|
||||
}
|
||||
|
||||
.b4e {
|
||||
cursor:pointer;
|
||||
background:#a7a7a7;
|
||||
border-radius:.3vw;
|
||||
margin-bottom:.5vw;
|
||||
font-family:OSL;
|
||||
font-size:1vw;
|
||||
-webkit-box-shadow:0 0 6px -1px rgba(0,0,0,0.75);
|
||||
-moz-box-shadow:0 0 6px -1px rgba(0,0,0,0.75);
|
||||
box-shadow:0 0 6px -1px rgba(0,0,0,0.75);
|
||||
position:relative;
|
||||
top:.2vw;
|
||||
left:0;
|
||||
padding:1vw 4vw 1vw .5vw;
|
||||
}
|
||||
|
||||
.numpad {
|
||||
position:absolute;
|
||||
top:0;
|
||||
left:-4vw;
|
||||
z-index:20;
|
||||
}
|
||||
|
||||
.bz1 {
|
||||
position:absolute;
|
||||
top:34.3vw;
|
||||
left:21vw;
|
||||
}
|
||||
|
||||
.bz2 {
|
||||
position:absolute;
|
||||
top:34.3vw;
|
||||
left:26vw;
|
||||
}
|
||||
|
||||
.bz3 {
|
||||
position:absolute;
|
||||
top:34.3vw;
|
||||
left:31vw;
|
||||
}
|
||||
|
||||
.bz4 {
|
||||
position:absolute;
|
||||
top:35.3vw;
|
||||
left:44.6vw;
|
||||
}
|
||||
|
||||
.bz5 {
|
||||
position:absolute;
|
||||
top:34.8vw;
|
||||
left:37vw;
|
||||
font-family:OSB!important;
|
||||
}
|
||||
|
||||
.bz6 {
|
||||
position:absolute;
|
||||
top:4.1vw;
|
||||
}
|
||||
|
||||
.b4 {
|
||||
cursor:pointer;
|
||||
width:0;
|
||||
background:#cc2d2d;
|
||||
border-radius:.3vw;
|
||||
margin-bottom:1.5vw;
|
||||
-webkit-box-shadow:0 0 6px -1px rgba(0,0,0,0.75);
|
||||
-moz-box-shadow:0 0 6px -1px rgba(0,0,0,0.75);
|
||||
box-shadow:0 0 6px -1px rgba(0,0,0,0.75);
|
||||
padding:1.2vw;
|
||||
}
|
||||
|
||||
.b5 {
|
||||
cursor:pointer;
|
||||
width:0;
|
||||
background:#ccb92e;
|
||||
border-radius:.3vw;
|
||||
margin-bottom:1.5vw;
|
||||
-webkit-box-shadow:0 0 6px -1px rgba(0,0,0,0.75);
|
||||
-moz-box-shadow:0 0 6px -1px rgba(0,0,0,0.75);
|
||||
box-shadow:0 0 6px -1px rgba(0,0,0,0.75);
|
||||
padding:1.2vw;
|
||||
}
|
||||
|
||||
.b6 {
|
||||
cursor:pointer;
|
||||
width:0;
|
||||
background:#fff;
|
||||
border-radius:.3vw;
|
||||
margin-bottom:1.5vw;
|
||||
-webkit-box-shadow:0 0 6px -1px rgba(0,0,0,0.75);
|
||||
-moz-box-shadow:0 0 6px -1px rgba(0,0,0,0.75);
|
||||
box-shadow:0 0 6px -1px rgba(0,0,0,0.75);
|
||||
padding:1.2vw;
|
||||
}
|
||||
|
||||
.b7 {
|
||||
cursor:pointer;
|
||||
width:0;
|
||||
background:#28bd26;
|
||||
border-radius:.3vw;
|
||||
margin-bottom:1.5vw;
|
||||
-webkit-box-shadow:0 0 6px -1px rgba(0,0,0,0.75);
|
||||
-moz-box-shadow:0 0 6px -1px rgba(0,0,0,0.75);
|
||||
box-shadow:0 0 6px -1px rgba(0,0,0,0.75);
|
||||
padding:1.2vw;
|
||||
}
|
||||
|
||||
.header {
|
||||
height:4vw;
|
||||
width:42vw;
|
||||
position:absolute;
|
||||
top:0;
|
||||
left:0;
|
||||
background-image: linear-gradient(to right, #ff0d0d 80%, #ff1616e0 99%);
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
.title {
|
||||
text-align:center;
|
||||
line-height:2;
|
||||
font-size:1.6vw;
|
||||
font-family:OSB;
|
||||
color:#fff;
|
||||
}
|
||||
|
||||
.sub-title {
|
||||
text-align:center;
|
||||
line-height:3;
|
||||
font-size:1.6vw;
|
||||
font-family:OSB;
|
||||
color:#000;
|
||||
}
|
||||
|
||||
.text {
|
||||
text-align:center;
|
||||
font-size:2vw;
|
||||
font-family:OSL;
|
||||
color:#000;
|
||||
margin-top:2vw;
|
||||
font-weight:700;
|
||||
}
|
||||
|
||||
.picture {
|
||||
width:27vw;
|
||||
margin-left:7.5vw;
|
||||
margin-top:5.8vw;
|
||||
}
|
||||
|
||||
.show {
|
||||
display:show!important;
|
||||
}
|
||||
|
||||
.hidden {
|
||||
display:none!important;
|
||||
}
|
||||
|
||||
.menus {
|
||||
font-family:OSB;
|
||||
font-size: 0.8vw;
|
||||
}
|
||||
|
||||
.menu-list1 {
|
||||
line-height:6.35;
|
||||
margin-top:5.3vw;
|
||||
margin-left:-1.4vw;
|
||||
}
|
||||
|
||||
.menu-list2 {
|
||||
line-height:6.35;
|
||||
margin-left:33vw;
|
||||
margin-top:-20.7vw;
|
||||
text-align:left!important;
|
||||
}
|
||||
|
||||
ul,menu,dir {
|
||||
display:block;
|
||||
list-style-type:disc;
|
||||
-webkit-margin-before:1em;
|
||||
-webkit-margin-after:1em;
|
||||
-webkit-margin-start:0;
|
||||
-webkit-margin-end:0;
|
||||
-webkit-padding-start:40px;
|
||||
}
|
||||
|
||||
li {
|
||||
display:block;
|
||||
text-align:none;
|
||||
}
|
||||
|
||||
.circle {
|
||||
background:#c9f0f55e;
|
||||
position:absolute;
|
||||
height:36vw;
|
||||
top:0;
|
||||
left:0;
|
||||
z-index:-2;
|
||||
width:10vw;
|
||||
border-radius:0 380px 380px 0;
|
||||
}
|
||||
|
||||
.circle2 {
|
||||
background:#c9f0f55e;
|
||||
position:absolute;
|
||||
height:36vw;
|
||||
top:0;
|
||||
left:32vw;
|
||||
z-index:-2;
|
||||
width:10vw;
|
||||
border-radius:380px 0 0 380px;
|
||||
}
|
||||
|
||||
.randombox {
|
||||
position:absolute;
|
||||
z-index:0;
|
||||
width:42vw;
|
||||
height:9vw;
|
||||
top:34vw;
|
||||
left:13vw;
|
||||
background:#6d6d6d;
|
||||
}
|
||||
|
||||
.bg-box1 {
|
||||
background:#FFF;
|
||||
width:18vw;
|
||||
/* height:3vw; */
|
||||
padding-top: 1vw;
|
||||
padding-bottom: 1vw;
|
||||
position:absolute;
|
||||
z-index:-1;
|
||||
top: 9.6vw;
|
||||
}
|
||||
|
||||
.bg-box2 {
|
||||
background:#FFF;
|
||||
width:18vw;
|
||||
height:3vw;
|
||||
position:absolute;
|
||||
z-index:-1;
|
||||
top:14.4vw;
|
||||
}
|
||||
|
||||
.bg-box3 {
|
||||
background:#FFF;
|
||||
width:18vw;
|
||||
height:3vw;
|
||||
position:absolute;
|
||||
z-index:-1;
|
||||
top:19.4vw;
|
||||
}
|
||||
|
||||
.bg-box4 {
|
||||
background:#FFF;
|
||||
width:18vw;
|
||||
height:3vw;
|
||||
position:absolute;
|
||||
z-index:-1;
|
||||
top: 24.5vw;
|
||||
}
|
||||
|
||||
.bg-box5 {
|
||||
background:#FFF;
|
||||
width: 18vw;
|
||||
height:3vw;
|
||||
position:absolute;
|
||||
z-index:-1;
|
||||
top:9.4vw;
|
||||
left:24vw;
|
||||
}
|
||||
|
||||
.bg-box6 {
|
||||
background:#FFF;
|
||||
width:18vw;
|
||||
height:3vw;
|
||||
position:absolute;
|
||||
z-index:-1;
|
||||
top:14.4vw;
|
||||
left:24vw;
|
||||
}
|
||||
|
||||
.bg-box7 {
|
||||
background:#FFF;
|
||||
width:18vw;
|
||||
height:3vw;
|
||||
position:absolute;
|
||||
z-index:-1;
|
||||
top: 19.5vw;
|
||||
left:24vw;
|
||||
}
|
||||
|
||||
.bg-box8 {
|
||||
background:#FFF;
|
||||
width:18vw;
|
||||
height:3vw;
|
||||
position:absolute;
|
||||
z-index:-1;
|
||||
top:24.4vw;
|
||||
left:24vw;
|
||||
}
|
||||
|
||||
.input {
|
||||
display:block;
|
||||
width:30%;
|
||||
height:1vw;
|
||||
font-size:.7vw;
|
||||
line-height:1.42857143;
|
||||
color:#555;
|
||||
background-color:#fff;
|
||||
background-image:none;
|
||||
margin-left:14vw;
|
||||
border:1px solid #ccc;
|
||||
border-radius:4px;
|
||||
-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);
|
||||
box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);
|
||||
-webkit-transition:border-color ease-in-out .15s, 0 ease-in-out .15s;
|
||||
-o-transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s;
|
||||
transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s;
|
||||
padding:.4vw .5vw;
|
||||
}
|
||||
|
||||
.back {
|
||||
font-size:1vw;
|
||||
position:absolute;
|
||||
font-family:OSB;
|
||||
left:0;
|
||||
top:9.5vw;
|
||||
background:#fff;
|
||||
padding:1vw 7vw 1vw 1vw;
|
||||
}
|
||||
|
||||
.back2 {
|
||||
font-size:1vw;
|
||||
position:absolute;
|
||||
font-family:OSB;
|
||||
left:0;
|
||||
top: 14.3vw;
|
||||
background:#fff;
|
||||
padding:1vw 7vw 1vw 1vw;
|
||||
}
|
||||
|
||||
.back3 {
|
||||
font-size:1vw;
|
||||
position:absolute;
|
||||
font-family:OSB;
|
||||
left:0;
|
||||
top: 19.5vw;
|
||||
background:#fff;
|
||||
padding:1vw 7vw 1vw 1vw;
|
||||
}
|
||||
|
||||
.back4 {
|
||||
font-size:1vw;
|
||||
position:absolute;
|
||||
font-family:OSB;
|
||||
left:0;
|
||||
top: 24.5vw;
|
||||
background:#fff;
|
||||
padding:1vw 7vw 1vw 1vw;
|
||||
}
|
||||
|
||||
.back5 {
|
||||
font-size:1vw;
|
||||
position:absolute;
|
||||
font-family:OSB;
|
||||
left: 29.5vw;
|
||||
top:9.5vw;
|
||||
background:#fff;
|
||||
padding: 1vw 2vw 1vw 7vw;
|
||||
}
|
||||
.back6 {
|
||||
font-size:1vw;
|
||||
position:absolute;
|
||||
font-family:OSB;
|
||||
left: 29.5vw;
|
||||
top: 14.5vw;
|
||||
background:#fff;
|
||||
padding: 1vw 2vw 1vw 7vw;
|
||||
}
|
||||
.back7 {
|
||||
font-size:1vw;
|
||||
position:absolute;
|
||||
font-family:OSB;
|
||||
left: 29.5vw;
|
||||
top: 19.5vw;
|
||||
background:#fff;
|
||||
padding: 1vw 2vw 1vw 7vw;
|
||||
}
|
||||
.helper {
|
||||
position:absolute;
|
||||
left:-5vw;
|
||||
top:-2vw;
|
||||
}
|
||||
|
||||
.input2 {
|
||||
display:block;
|
||||
width:30%;
|
||||
height:1vw;
|
||||
font-size:.7vw;
|
||||
line-height:1.42857143;
|
||||
color:#000;
|
||||
background-color:#fff;
|
||||
background-image:none;
|
||||
margin-left:14vw;
|
||||
border:1px solid #ccc;
|
||||
border-radius:4px;
|
||||
-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);
|
||||
box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);
|
||||
-webkit-transition:border-color ease-in-out .15s, 0 ease-in-out .15s;
|
||||
-o-transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s;
|
||||
transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s;
|
||||
padding:.4vw .5vw;
|
||||
font-family: 'OSL';
|
||||
}
|
||||
|
||||
.input3 {
|
||||
display:block;
|
||||
width: 41%;
|
||||
height: 17vw;
|
||||
font-size:.7vw;
|
||||
line-height:1.42857143;
|
||||
color:#000;
|
||||
background-color:#fff;
|
||||
background-image:none;
|
||||
margin-left: 12vw;
|
||||
border:1px solid #ccc;
|
||||
border-radius:4px;
|
||||
-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);
|
||||
box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);
|
||||
-webkit-transition:border-color ease-in-out .15s, 0 ease-in-out .15s;
|
||||
-o-transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s;
|
||||
transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s;
|
||||
padding:.4vw .5vw;
|
||||
font-family: 'OSL';
|
||||
}
|
||||
|
||||
.bg-box5, .bg-box6, .bg-box7, .bg-box8 {
|
||||
height: 1vw !important;
|
||||
padding-top: 1vw !important;
|
||||
padding-bottom: 1vw !important;
|
||||
text-align: right;
|
||||
width: 17vw !important;
|
||||
padding-right: 1vw;
|
||||
}
|
||||
|
||||
.bg-box1, .bg-box2, .bg-box3, .bg-box4 {
|
||||
|
||||
height: 1vw !important;
|
||||
|
||||
padding-top: 1vw !important;
|
||||
|
||||
padding-bottom: 1vw !important;
|
||||
|
||||
padding-left: 1vw;
|
||||
}
|
||||
BIN
ReallifeGamemode.Client/assets/font/OSL.ttf
Normal file
BIN
ReallifeGamemode.Client/assets/font/OSL.ttf
Normal file
Binary file not shown.
BIN
ReallifeGamemode.Client/assets/font/OpenSans-ExtraBold.ttf
Normal file
BIN
ReallifeGamemode.Client/assets/font/OpenSans-ExtraBold.ttf
Normal file
Binary file not shown.
BIN
ReallifeGamemode.Client/assets/font/OpenSans-Light.ttf
Normal file
BIN
ReallifeGamemode.Client/assets/font/OpenSans-Light.ttf
Normal file
Binary file not shown.
BIN
ReallifeGamemode.Client/assets/font/OpenSans-Regular.ttf
Normal file
BIN
ReallifeGamemode.Client/assets/font/OpenSans-Regular.ttf
Normal file
Binary file not shown.
BIN
ReallifeGamemode.Client/assets/font/OpenSans-Semibold.ttf
Normal file
BIN
ReallifeGamemode.Client/assets/font/OpenSans-Semibold.ttf
Normal file
Binary file not shown.
@@ -1,12 +1,396 @@
|
||||
<html>
|
||||
<!DOCTYPE html>
|
||||
<html lang="de" >
|
||||
<!-- Header -->
|
||||
<head>
|
||||
<link rel="stylesheet" href="package://assets/css/atm/style.css" />
|
||||
<link rel="stylesheet" href="package://assets/css/jquery-ui.min.css" />
|
||||
<meta charset="utf-8" />
|
||||
<meta charset="UTF-8">
|
||||
<link rel="stylesheet" href="package://assets/css/atm/atm.css">
|
||||
<audio id="click">
|
||||
<source src="package://assets/sound/atm/click.ogg" type="audio/ogg">
|
||||
</audio>
|
||||
</head>
|
||||
<!-- Content -->
|
||||
|
||||
<body>
|
||||
<script type="text/javascript" src="package://assets/js/jquery-3.3.1.min.js"></script>
|
||||
<script type="text/javascript" src="package://assets/js/jquery-ui.min.js"></script>
|
||||
<script type="text/javascript" src="package://assets/js/login/script.js"></script>
|
||||
<div class="atm">
|
||||
<div class="content">
|
||||
<div class="button">
|
||||
<div class="b-left">
|
||||
<div class="b" onclick="tosite(2)"></div>
|
||||
<div class="b" onclick="tosite(3)"></div>
|
||||
<div class="b" onclick="tosite(4)"></div>
|
||||
<div class="b" onclick="tosite(5)"></div>
|
||||
</div>
|
||||
<div class="b-right">
|
||||
<div class="b2" onclick="tosite(6)"></div>
|
||||
<div class="b2" onclick="tosite(7)"></div>
|
||||
<div class="b2" onclick="ExitATM();"></div>
|
||||
<div class="b2"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="screen">
|
||||
|
||||
<div class="site1 show">
|
||||
<div class="header">
|
||||
<div class="title">BANKAUTOMAT - SAN ANDREAS</div>
|
||||
<div class="menus">
|
||||
<div class="bg-box1">Einzahlen</div>
|
||||
<div class="bg-box2">Auszahlen</div>
|
||||
<div class="bg-box3">Überweisen</div>
|
||||
<div class="bg-box4">Kontostand</div>
|
||||
<div class="bg-box5">Informationen</div>
|
||||
<div class="bg-box6">Verlauf</div>
|
||||
<div class="bg-box7">Karte Auswerfen</div>
|
||||
<div class="bg-box8"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="circle"></div>
|
||||
<div class="circle2"></div>
|
||||
</div>
|
||||
|
||||
<div class="site2 hidden">
|
||||
<div class="header">
|
||||
<div class="title">BANKAUTOMAT - SAN ANDREAS</div>
|
||||
<div class="sub-title">
|
||||
Geld Einzahlen
|
||||
</div>
|
||||
<input class="input" name="einzahlen" type="number" placeholder="Betrag">
|
||||
</div>
|
||||
<div class="back">Zurück</div>
|
||||
<div class="circle"></div>
|
||||
<div class="circle2"></div>
|
||||
|
||||
<div class="helper">
|
||||
<div class="button">
|
||||
<div class="b-left">
|
||||
<div class="b" onclick="tosite(2)"></div>
|
||||
<div class="b"></div>
|
||||
<div class="b"></div>
|
||||
<div class="b"></div>
|
||||
</div>
|
||||
<div class="b-right">
|
||||
<div class="b2"></div>
|
||||
<div class="b2"></div>
|
||||
<div class="b2"></div>
|
||||
<div class="b2"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="site3 hidden">
|
||||
<div class="header">
|
||||
<div class="title">BANKAUTOMAT - SAN ANDREAS</div>
|
||||
<div class="sub-title">
|
||||
Geld Auszahlen
|
||||
</div>
|
||||
<input class="input" name="auszahlen" type="number" placeholder="Betrag">
|
||||
</div>
|
||||
<div class="back2">Zurück</div>
|
||||
<div class="circle"></div>
|
||||
<div class="circle2"></div>
|
||||
<div class="helper">
|
||||
<div class="button">
|
||||
<div class="b-left">
|
||||
<div class="b"></div>
|
||||
<div class="b" onclick="tosite(3)"></div>
|
||||
<div class="b"></div>
|
||||
<div class="b"></div>
|
||||
</div>
|
||||
<div class="b-right">
|
||||
<div class="b2"></div>
|
||||
<div class="b2"></div>
|
||||
<div class="b2"></div>
|
||||
<div class="b2"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="site4 hidden">
|
||||
<div class="header">
|
||||
<div class="title">BANKAUTOMAT - SAN ANDREAS</div>
|
||||
<div class="sub-title">
|
||||
Überweisen
|
||||
</div>
|
||||
<input class="input" name="ueberweisen_kontonummer" type="number" placeholder="Kontonummer" style="margin-bottom:1vw;">
|
||||
<input class="input" name="ueberweisen_betrag" type="number" placeholder="Betrag">
|
||||
</div>
|
||||
<div class="back3">Zurück</div>
|
||||
<div class="circle"></div>
|
||||
<div class="circle2"></div>
|
||||
<div class="helper">
|
||||
<div class="button">
|
||||
<div class="b-left">
|
||||
<div class="b"></div>
|
||||
<div class="b"></div>
|
||||
<div class="b" onclick="tosite(4)"></div>
|
||||
<div class="b"></div>
|
||||
</div>
|
||||
<div class="b-right">
|
||||
<div class="b2"></div>
|
||||
<div class="b2"></div>
|
||||
<div class="b2"></div>
|
||||
<div class="b2"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="site5 hidden">
|
||||
<div class="header">
|
||||
<div class="title">BANKAUTOMAT - SAN ANDREAS</div>
|
||||
<div class="sub-title">
|
||||
Kontostand
|
||||
</div>
|
||||
<div class="input2">Kontostand :
|
||||
<span class="kstand">0</span>$
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="back4">Zurück</div>
|
||||
<div class="circle"></div>
|
||||
<div class="circle2"></div>
|
||||
<div class="helper">
|
||||
<div class="button">
|
||||
<div class="b-left">
|
||||
<div class="b"></div>
|
||||
<div class="b"></div>
|
||||
<div class="b"></div>
|
||||
<div class="b" onclick="tosite(5)"></div>
|
||||
</div>
|
||||
<div class="b-right">
|
||||
<div class="b2"></div>
|
||||
<div class="b2"></div>
|
||||
<div class="b2"></div>
|
||||
<div class="b2"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="site6 hidden">
|
||||
<div class="header">
|
||||
<div class="title">BANKAUTOMAT - SAN ANDREAS</div>
|
||||
<div class="sub-title">
|
||||
Informationen
|
||||
</div>
|
||||
<div class="input3">Konto-Informationen : <br>
|
||||
<span class="kinfo">Keine Informationen Vorhanden</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="back5">Zurück</div>
|
||||
<div class="circle"></div>
|
||||
<div class="circle2"></div>
|
||||
<div class="helper">
|
||||
<div class="button">
|
||||
<div class="b-left">
|
||||
<div class="b"></div>
|
||||
<div class="b"></div>
|
||||
<div class="b"></div>
|
||||
<div class="b"></div>
|
||||
</div>
|
||||
<div class="b-right">
|
||||
<div class="b2" onclick="tosite(6)"></div>
|
||||
<div class="b2"></div>
|
||||
<div class="b2"></div>
|
||||
<div class="b2"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="site7 hidden">
|
||||
<div class="header">
|
||||
<div class="title">BANKAUTOMAT - SAN ANDREAS</div>
|
||||
<div class="sub-title">
|
||||
Verlauf
|
||||
</div>
|
||||
<div class="input3">Konto-Verlauf : <br>
|
||||
<span class="kverlauf">Keine Verläufe Vorhanden</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="back6">Zurück</div>
|
||||
<div class="circle"></div>
|
||||
<div class="circle2"></div>
|
||||
<div class="helper">
|
||||
<div class="button">
|
||||
<div class="b-left">
|
||||
<div class="b"></div>
|
||||
<div class="b"></div>
|
||||
<div class="b"></div>
|
||||
<div class="b"></div>
|
||||
</div>
|
||||
<div class="b-right">
|
||||
<div class="b2"></div>
|
||||
<div class="b2" onclick="tosite(7)"></div>
|
||||
<div class="b2"></div>
|
||||
<div class="b2"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="site8 hidden">
|
||||
<div class="header">
|
||||
<div class="title">BANKAUTOMAT - SAN ANDREAS</div>
|
||||
<div class="sub-title">
|
||||
Geld Auszahlen
|
||||
</div>
|
||||
<input class="input" type="number" placeholder="Betrag">
|
||||
</div>
|
||||
<div class="back7">Zurück</div>
|
||||
<div class="circle"></div>
|
||||
<div class="circle2"></div>
|
||||
<div class="helper">
|
||||
<div class="button">
|
||||
<div class="b-left">
|
||||
<div class="b"></div>
|
||||
<div class="b"></div>
|
||||
<div class="b"></div>
|
||||
<div class="b"></div>
|
||||
</div>
|
||||
<div class="b-right">
|
||||
<div class="b2"></div>
|
||||
<div class="b2"></div>
|
||||
<div class="b2" onclick="tosite(8)"></div>
|
||||
<div class="b2" ></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<div class="hidden" style="display:none"></div>
|
||||
<div class="numpad">
|
||||
<div class="randombox"></div>
|
||||
<div class="bz1">
|
||||
<div class="b3" onclick="addToCurrentInput(1);">1</div>
|
||||
<div class="b3" onclick="addToCurrentInput(4);">4</div>
|
||||
<div class="b3" onclick="addToCurrentInput(7);">7</div></div>
|
||||
<div class="bz2">
|
||||
<div class="b3" onclick="addToCurrentInput(2);">2</div>
|
||||
<div class="b3" onclick="addToCurrentInput(5);">5</div>
|
||||
<div class="b3" onclick="addToCurrentInput(8);">8</div>
|
||||
<div class="b3" onclick="addToCurrentInput(0);">0</div></div>
|
||||
<div class="bz3">
|
||||
<div class="b3" onclick="addToCurrentInput(3);">3</div>
|
||||
<div class="b3" onclick="addToCurrentInput(6);">6</div>
|
||||
<div class="b3" onclick="addToCurrentInput(9);">9</div></div>
|
||||
<div class="bz5">
|
||||
<div class="b3e" onclick="cancel();">ABBRUCH</div>
|
||||
<div class="b4e" onclick="submit();">BESTÄTIGUNG</div></div>
|
||||
<div class="bz4">
|
||||
<div class="b4"></div>
|
||||
<div class="bz6">
|
||||
<div class="b7"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Footer -->
|
||||
<div id="invisible" style="display:none"></div>
|
||||
<script src="package://assets/js/jquery-3.1.1.min.js"></script>
|
||||
<script src="package://assets/js/bootstrap.min.js"></script>
|
||||
<script src='http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script>
|
||||
<script type="text/javascript">
|
||||
|
||||
var currentSite;
|
||||
|
||||
function tosite(site) {
|
||||
if($('.hidden').is(":hidden")) {
|
||||
$('.site1').toggleClass("hidden");
|
||||
$('.site' + site).toggleClass("hidden");
|
||||
$('.site' + site).toggleClass("show");
|
||||
currentSite = site;
|
||||
console.log(currentSite);
|
||||
document.getElementsByClassName('input')[0].value = null;
|
||||
document.getElementsByClassName('input')[1].value = null;
|
||||
playClick();
|
||||
}
|
||||
}
|
||||
|
||||
function playClick() {
|
||||
var audio = document.getElementById("click");
|
||||
audio.play();
|
||||
}
|
||||
|
||||
function receiveInformation(Kn, Ks, verlauf)
|
||||
{
|
||||
document.getElementsByClassName("kstand")[0].innerHTML = Ks;
|
||||
document.getElementsByClassName("kinfo")[0].innerHTML = "Kontonummer: " + Kn;
|
||||
document.getElementsByClassName("kverlauf")[0].innerHTML = verlauf;
|
||||
}
|
||||
|
||||
function submit()
|
||||
{
|
||||
//Geld einzahlen
|
||||
if (currentSite == 2) {
|
||||
if (getCurrentInputValue() != undefined && getCurrentInputValue() != null && getCurrentInputValue() != "") {
|
||||
console.log(getCurrentInputValue());
|
||||
mp.trigger("CEF:atmAction", 0, getCurrentInputValue(), 0);
|
||||
}
|
||||
}
|
||||
//Geld auszahlen
|
||||
else if (currentSite == 3) {
|
||||
if (getCurrentInputValue() != undefined && getCurrentInputValue() != null && getCurrentInputValue() != "") {
|
||||
console.log(getCurrentInputValue());
|
||||
mp.trigger("CEF:atmAction", 1, getCurrentInputValue(), 0);
|
||||
}
|
||||
}
|
||||
//Geld überweisen
|
||||
else if (currentSite == 4) {
|
||||
var Value = getCurrentInputValue();
|
||||
if (Value != undefined && Value != null && Value != "") {
|
||||
console.log(Value[0] + " " + Value[1]);
|
||||
mp.trigger("CEF:atmAction", 2, Value[0], Value[1]);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
function cancel() {
|
||||
document.getElementsByName('einzahlen')[0].value = null;
|
||||
document.getElementsByName('auszahlen')[0].value = null;
|
||||
}
|
||||
|
||||
function getCurrentInputValue() {
|
||||
if (currentSite == 2) {
|
||||
return document.getElementsByName('einzahlen')[0].value;
|
||||
}
|
||||
else if (currentSite == 3) {
|
||||
return document.getElementsByName('auszahlen')[0].value;
|
||||
}
|
||||
else if (currentSite == 4) {
|
||||
var kontonum = document.getElementsByName('ueberweisen_kontonummer')[0].value;
|
||||
var betrag = document.getElementsByName('ueberweisen_betrag')[0].value;
|
||||
if (betrag != undefined && betrag != null && betrag != "" && kontonum != "" && kontonum != undefined && kontonum != null) {
|
||||
var array = [kontonum, betrag];
|
||||
return array;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
function addToCurrentInput(number) {
|
||||
if (currentSite == 2) {
|
||||
document.getElementsByName('einzahlen')[0].value = document.getElementsByName('einzahlen')[0].value + '' + number;
|
||||
}
|
||||
else if (currentSite == 3) {
|
||||
document.getElementsByName('auszahlen')[0].value = document.getElementsByName('auszahlen')[0].value + '' + number;
|
||||
}
|
||||
}
|
||||
|
||||
function ExitATM() {
|
||||
playClick();
|
||||
mp.trigger("CEF:closeATM");
|
||||
}
|
||||
|
||||
function action(ac)
|
||||
{
|
||||
mp.trigger("atmAction", ac);
|
||||
}
|
||||
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
</html>
|
||||
|
||||
BIN
ReallifeGamemode.Client/assets/sound/atm/click.ogg
Normal file
BIN
ReallifeGamemode.Client/assets/sound/atm/click.ogg
Normal file
Binary file not shown.
Reference in New Issue
Block a user