aviate/reallife-gamemode
2
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Merge branch 'develop' into 'feature/atm-system'

Browse Source 
# Conflicts:
#   ReallifeGamemode.Server/Migrations/DatabaseContextModelSnapshot.cs
This commit is contained in:
VegaZ
2019-04-02 18:50:17 +02:00
parent bed35f8f08
commit 63838e133a
20 changed files with 1226 additions and 42 deletions
Download Patch File Download Diff File Expand all files Collapse all files

75
ReallifeGamemode.Client/Gui/handmoney.ts Normal file
View File

@@ -0,0 +1,75 @@
export default function handMoney() {
var currentMoney = null;
var showMoneyChange = null;
var difference;
var screen = mp.game.graphics.getScreenResolution(0, 0);
var res_X = screen.x;
mp.events.add("SERVER:SET_HANDMONEY", (amount) => {
difference = currentMoney - amount;
if (difference != 0 && currentMoney != null) {
showMoneyChange = 1000;
}
currentMoney += amount;
});
mp.events.add("render", () => {
if (currentMoney != null) {
var numberFormat = formatNumber(currentMoney.toFixed(0));
if (currentMoney >= 0) {
mp.game.graphics.drawText("+$" + numberFormat, [0.96, 0.1],
{
font: 7,
color: [115, 186, 131, 255],
scale: [0.65, 0.65],
outline: false,
centre: true,
})
}
else {
mp.game.graphics.drawText("-$" + numberFormat, [0.96, 0.1],
{
font: 7,
color: [255, 0, 45, 255],
scale: [0.65, 0.65],
outline: false,
centre: true,
})
}
if (showMoneyChange > 0) {
showMoneyChange--;
if (difference > 0) {
var alpha = 255;
if (showMoneyChange <= 70) {
alpha = (showMoneyChange * (255 / 70)) | 0;
}
mp.game.graphics.drawText("- $" + formatNumber(difference), [0.96, 0.145], {
font: 7,
color: [255, 0, 45, alpha],
scale: [0.65, 0.65],
outline: false,
centre: true
})
} else {
var nDef = difference * -1;
var alpha = 255;
if (showMoneyChange <= 70) {
alpha = (showMoneyChange * (255 / 70)) | 0;
}
mp.game.graphics.drawText("+ $" + formatNumber(nDef), [0.96, 0.145], {
font: 7,
color: [115, 186, 131, alpha],
scale: [0.65, 0.65],
outline: false,
centre: true
})
}
}
}
});
function formatNumber(num) {
return num.toLocaleString('de-DE', { minimumFractionDigits: 0 });
}
}

37
ReallifeGamemode.Client/Interaction/worldinteraction.ts
View File

@@ -1,7 +1,8 @@
export default function worldInteraction() {
var atmBrowser: BrowserMp;
mp.events.add("SERVER:ShowAtmUi", (atmId, atmBalance) => {
//INTERACT: ATM
mp.events.add("SERVER:ShowAtmUi", (atmId) => {
mp.gui.cursor.show(true, true);
mp.gui.chat.show(false);
mp.game.ui.displayHud(false);
@@ -9,4 +10,36 @@
atmBrowser = mp.browsers.new("package://assets/html/atm/index.html");
});
}
mp.events.add("CEF:closeATM", () => {
mp.gui.cursor.show(false, false);
mp.gui.chat.show(true);
mp.game.ui.displayHud(true);
mp.game.ui.displayRadar(true);
atmBrowser.destroy();
});
mp.events.add("CEF:atmAction", (site, inputField1, inputField2) => {
switch (site) {
//GELD EINZAHLEN in1
case 0:
mp.events.call("SERVER:SET_HANDMONEY", inputField1 * -1); //GEHT NACH HANDMONEY.TS
mp.events.callRemote("CLIENT:ATM_ACTION", site, inputField1, inputField2);
break;
//GELD AUSZAHLEN in1
case 1:
mp.events.call("SERVER:SET_HANDMONEY", inputField1); //GEHT NACH HANDMONEY.TS
mp.events.callRemote("CLIENT:ATM_ACTION", site, inputField1, inputField2)
break;
//GELD ÜBERWEISEN in1 = Kontonr // in2 = Betrag
case 2:
break;
}
});
}

15
ReallifeGamemode.Client/Player/freecam.ts
View File

@@ -37,6 +37,7 @@
}
mp.events.add('render', () => {
const controls = mp.game.controls;
const fly = global.fly;
direction = global.gameplayCam.getDirection();
@@ -50,13 +51,13 @@
direction.y = direction.y.toFixed(2);
direction.z = direction.z.toFixed(2);
mp.game.graphics.drawText(`Coords: ${JSON.stringify(coords)}`, [0.5, 0.005], {
font: 0,
color: [255, 255, 255, 185],
scale: [0.3, 0.3],
outline: true,
centre: false
});
//mp.game.graphics.drawText(`Coords: ${JSON.stringify(coords)}`, [0.5, 0.005], {
// font: 0,
// color: [255, 255, 255, 185],
// scale: [0.3, 0.3],
// outline: true,
// centre: false
//});
if (controls.isControlJustPressed(0, controlsIds.F5)) {
fly.flying = !fly.flying;

10
ReallifeGamemode.Client/Player/keys.ts
View File

@@ -30,11 +30,11 @@ export default function keys(globalData: GlobalData) {
});
//UP ARROW (Interaktion mit Spielwelt)
//mp.keys.bind(0x26, false, function () {
// if (!globalData.InChat && !showInv && !globalData.Interaction) {
// mp.events.callRemote("keyPress:UP_ARROW");
// }
//});
mp.keys.bind(0x26, false, function () {
if (!globalData.InChat && !showInv && !globalData.Interaction) {
mp.events.callRemote("keyPress:UP_ARROW");
}
});
//RIGHT ARROW (Fraktionsinteraktion)
mp.keys.bind(0x27, false, function () {

577
ReallifeGamemode.Client/assets/css/atm/atm.css Normal file
View 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
View File

Binary file not shown.

BIN
ReallifeGamemode.Client/assets/font/OpenSans-ExtraBold.ttf Normal file
View File

Binary file not shown.

BIN
ReallifeGamemode.Client/assets/font/OpenSans-Light.ttf Normal file
View File

Binary file not shown.

BIN
ReallifeGamemode.Client/assets/font/OpenSans-Regular.ttf Normal file
View File

Binary file not shown.

BIN
ReallifeGamemode.Client/assets/font/OpenSans-Semibold.ttf Normal file
View File

Binary file not shown.

400
ReallifeGamemode.Client/assets/html/atm/index.html
View File

@@ -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&uuml;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&uuml;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&uuml;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&uuml;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&uuml;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&uuml;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&uuml;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
View File

Binary file not shown.

10
ReallifeGamemode.Client/index.ts
View File

@@ -11,6 +11,9 @@ let globalData: GlobalData = {
InChat: false,
};
import handMoney from './Gui/handmoney'
handMoney();
import business from './Business/main';
business();
@@ -53,6 +56,9 @@ interiors(globalData);
import factionInteraction from './Interaction/factioninteraction';
factionInteraction(globalData);
import worldInteraction from './Interaction/worldinteraction';
worldInteraction();
import playerInteraction from './Interaction/playerinteraction';
playerInteraction(globalData);
@@ -68,8 +74,8 @@ keys(globalData);
import quitHandler from './Player/quit';
quitHandler();
import freecam from './Player/freecam';
freecam();
import freeCam from './Player/freecam';
freeCam();
import saveManager from './Save/main';
saveManager();

28
ReallifeGamemode.Client/package-lock.json generated
View File

@@ -1565,11 +1565,13 @@
},
"balanced-match": {
"version": "1.0.0",
"bundled": true
"bundled": true,
"optional": true
},
"brace-expansion": {
"version": "1.1.11",
"bundled": true,
"optional": true,
"requires": {
"balanced-match": "^1.0.0",
"concat-map": "0.0.1"
@@ -1582,15 +1584,18 @@
},
"code-point-at": {
"version": "1.1.0",
"bundled": true
"bundled": true,
"optional": true
},
"concat-map": {
"version": "0.0.1",
"bundled": true
"bundled": true,
"optional": true
},
"console-control-strings": {
"version": "1.1.0",
"bundled": true
"bundled": true,
"optional": true
},
"core-util-is": {
"version": "1.0.2",
@@ -1693,7 +1698,8 @@
},
"inherits": {
"version": "2.0.3",
"bundled": true
"bundled": true,
"optional": true
},
"ini": {
"version": "1.3.5",
@@ -1703,6 +1709,7 @@
"is-fullwidth-code-point": {
"version": "1.0.0",
"bundled": true,
"optional": true,
"requires": {
"number-is-nan": "^1.0.0"
}
@@ -1715,17 +1722,20 @@
"minimatch": {
"version": "3.0.4",
"bundled": true,
"optional": true,
"requires": {
"brace-expansion": "^1.1.7"
}
},
"minimist": {
"version": "0.0.8",
"bundled": true
"bundled": true,
"optional": true
},
"minipass": {
"version": "2.3.5",
"bundled": true,
"optional": true,
"requires": {
"safe-buffer": "^5.1.2",
"yallist": "^3.0.0"
@@ -1742,6 +1752,7 @@
"mkdirp": {
"version": "0.5.1",
"bundled": true,
"optional": true,
"requires": {
"minimist": "0.0.8"
}
@@ -1814,7 +1825,8 @@
},
"number-is-nan": {
"version": "1.0.1",
"bundled": true
"bundled": true,
"optional": true
},
"object-assign": {
"version": "4.1.1",
@@ -1824,6 +1836,7 @@
"once": {
"version": "1.4.0",
"bundled": true,
"optional": true,
"requires": {
"wrappy": "1"
}
@@ -1929,6 +1942,7 @@
"string-width": {
"version": "1.0.2",
"bundled": true,
"optional": true,
"requires": {
"code-point-at": "^1.0.0",
"is-fullwidth-code-point": "^1.0.0",