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

wanted abtauchen blinken

Browse Source
This commit is contained in:
hydrant
2021-04-11 21:53:08 +02:00
parent f258896e56
commit 523e193317
3 changed files with 101 additions and 54 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
ReallifeGamemode.Client/Gui/wanteds.ts
View File

@@ -4,4 +4,8 @@
mp.events.add("SERVER:SetWanteds", (count: number) => {
browser.execute(`setWanteds(${count});`);
});
mp.events.add("SERVER:SetWantedFlash", (flash) => {
browser.execute(`setFlashing(${flash});`);
});
}

133
ReallifeGamemode.Client/assets/html/wanteds/index.html
View File

@@ -1,60 +1,99 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta content="width=device-width, initial-scale=1.0" name="viewport">
<title>Wanteds</title>
<style>
@font-face { font-family: 'Pricedown'; src: url('package://assets/font/Pricedown.ttf'); }
html, body { margin: 0; padding: 0; }
<meta charset="UTF-8">
<meta content="width=device-width, initial-scale=1.0" name="viewport">
<title>Wanteds</title>
#wanteds {
position: absolute;
display: flex;
justify-content: flex-end;
align-items: center;
top: 65px;
right: 22px;
user-select: none;
}
<style>
@font-face {
font-family: 'Pricedown';
src: url('package://assets/font/Pricedown.ttf');
}
#wanteds img {
width: 25px;
height: 25px;
margin-right: 5px;
html, body {
margin: 0;
padding: 0;
}
filter: drop-shadow(0px 0px 1px #000000);
-webkit-filter: drop-shadow(0px 0px 1px #000000);
-moz-filter: drop-shadow(0px 0px 1px #000000);
}
#wanteds {
position: absolute;
display: flex;
justify-content: flex-end;
align-items: center;
top: 65px;
right: 22px;
user-select: none;
}
#wanteds span {
color: white;
font-family: "Pricedown", sans-serif;
font-size: 2.5em;
line-height: 1;
-webkit-text-stroke: 1px black;
margin-top: -5px;
}
</style>
#wanteds img {
width: 25px;
height: 25px;
margin-right: 5px;
filter: drop-shadow(0px 0px 1px #000000);
-webkit-filter: drop-shadow(0px 0px 1px #000000);
-moz-filter: drop-shadow(0px 0px 1px #000000);
}
#wanteds span {
color: white;
font-family: "Pricedown", sans-serif;
font-size: 2.5em;
line-height: 1;
-webkit-text-stroke: 1px black;
margin-top: -5px;
}
</style>
</head>
<body>
<div id="wanteds" style="display: none;">
<img src="package://assets/img/wanteds/star.svg"> <span id="wanted-count">10</span>
</div>
<div id="wanteds" style="display: none;">
<img src="package://assets/img/wanteds/star.svg" id="wanted-star"> <span id="wanted-count">10</span>
</div>
<script src="package://assets/js/jquery-3.3.1.min.js"></script>
<script type="text/javascript">
function setWanteds(count) {
if (count === 0) {
$("#wanteds").hide();
} else {
$("#wanteds").show();
$("#wanted-count").text(count.toString());
}
}
</script>
<script src="package://assets/js/jquery-3.3.1.min.js"></script>
<script type="text/javascript">
function setWanteds(count) {
if (count === 0) {
$("#wanteds").hide();
} else {
$("#wanteds").show();
$("#wanted-count").text(count.toString());
}
}
var flashInterval = null;
var previousFlashToggle = false;
var firstToggle = true;
function setFlashing(flash) {
if (previousFlashToggle == flash && !firstToggle) {
return;
}
firstToggle = false;
previousFlashToggle = flash;
if (flash) {
if (flashInterval) {
clearInterval(flashInterval);
}
flashInterval = setInterval(flashWantedImage, 750);
} else {
clearInterval(flashInterval);
$("#wanted-star").css('visibility', 'visible');
}
}
var flashStatus = false;
function flashWantedImage() {
flashStatus = !flashStatus;
if (flashStatus) {
$("#wanted-star").css('visibility', 'visible');
} else {
$("#wanted-star").css('visibility', 'hidden');
}
}
</script>
</body>
</html>