Changed whole project structure (split client and server into separat projects)
This commit is contained in:
hydrant
72
ReallifeGamemode.Client/Save/blip/save.html
Normal file
72
ReallifeGamemode.Client/Save/blip/save.html
Normal file
@@ -0,0 +1,72 @@
|
||||
<!--
|
||||
* @overview Life of German Reallife - Client Save.html
|
||||
* @author Orangebox, hydrant, VegaZ
|
||||
* @copyright (c) 2008 - 2018 Life of German
|
||||
*-->
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<link rel="stylesheet" href="style.css" />
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div class="save-page" style="padding: 5% 0 0;">
|
||||
<div class="form">
|
||||
<div class="blip-form">
|
||||
<p><b>Blip speichern, bitte fülle die Tabelle aus:</b></p>
|
||||
<table>
|
||||
<tr>
|
||||
<td align="right"><b>Model ID:</b></td>
|
||||
<td><input type="text" placeholder="[INT]-Wert" id="blipSprite" /></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="right"><b>Name:</b></td>
|
||||
<td><input type="text" placeholder="Wird angezeigt beim hovern" id="blipName" /></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="right"><b>Skalierung:</b></td>
|
||||
<td><input type="text" placeholder="[FLOAT]-Wert | Standard: 1" id="blipScale" /></td>
|
||||
</tr>
|
||||
<!--<tr>
|
||||
<td align="right"><b>Farbe:</b></td>
|
||||
<td>
|
||||
<input class="colorPicker" type="color" id="blipColor" name="blipColor" value="#000000" />
|
||||
</td>
|
||||
</tr>-->
|
||||
<tr>
|
||||
<td align="right"><b>Farbe:</b></td>
|
||||
<td><input type="text" placeholder="Siehe Wiki" id="blipColor" /></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="right"><b>Transparenz:</b></td>
|
||||
<td><input type="text" placeholder="(0-255)" id="blipAlpha" /></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="right"><b>Draw Distance:</b></td>
|
||||
<td><input type="text" placeholder="[FLOAT]-Wert" id="blipDrawDistance" /></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="right"><b>Short Range:</b></td>
|
||||
<td>
|
||||
<input type="checkbox" id="blipShortRange" name="blipShortRange" value="shortRange" />Zeigt das Blip nur innerhalb der Minimap
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="right"><b>Rotation:</b></td>
|
||||
<td><input type="text" placeholder="[FLOAT]-Wert" id="blipRotation" /></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="right"><b>Dimension:</b></td>
|
||||
<td><input type="text" placeholder="(0-255)" id="blipDimension" /></td>
|
||||
</tr>
|
||||
</table>
|
||||
<button id="saveBtn" onclick="saveData()">Speichern</button><br /><br />
|
||||
<button class="cancelBtn" onclick="cancelData()">Abbrechen</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<script src="package:///Dependencies/jquery-3.3.1.min.js"></script>
|
||||
<script src="save.js" type="text/javascript"></script>
|
||||
</body>
|
||||
</html>
|
||||
23
ReallifeGamemode.Client/Save/blip/save.js
Normal file
23
ReallifeGamemode.Client/Save/blip/save.js
Normal file
@@ -0,0 +1,23 @@
|
||||
/**
|
||||
* @overview Life of German Reallife - Login Login login.js
|
||||
* @author VegaZ
|
||||
* @copyright (c) 2008 - 2018 Life of German
|
||||
*/
|
||||
|
||||
function saveData() {
|
||||
let blipSprite = document.getElementById("blipSprite").value;
|
||||
let blipName = document.getElementById("blipName").value;
|
||||
let blipScale = document.getElementById("blipScale").value;
|
||||
let blipColor = document.getElementById("blipColor").value;
|
||||
let blipAlpha = document.getElementById("blipAlpha").value;
|
||||
let blipDrawDistance = document.getElementById("blipSprite").value;
|
||||
let blipShortRange = document.getElementById("blipShortRange").checked;
|
||||
let blipRotation = document.getElementById("blipRotation").value;
|
||||
let blipDimension = document.getElementById("blipDimension").value;
|
||||
|
||||
mp.trigger("saveBlipData", blipSprite, blipName, blipScale, blipColor, blipAlpha, blipDrawDistance, blipShortRange, blipRotation, blipDimension);
|
||||
}
|
||||
|
||||
function cancelData() {
|
||||
mp.trigger("cancelData");
|
||||
}
|
||||
184
ReallifeGamemode.Client/Save/blip/style.css
Normal file
184
ReallifeGamemode.Client/Save/blip/style.css
Normal file
@@ -0,0 +1,184 @@
|
||||
/**
|
||||
* @overview Life of German Reallife - Save CSS style.css
|
||||
* @author Orangebox, hydrant, VegaZ
|
||||
* @copyright (c) 2008 - 2018 Life of German
|
||||
*/
|
||||
|
||||
.save-page {
|
||||
margin: auto;
|
||||
}
|
||||
|
||||
.isa_info, .isa_success, .isa_warning, .isa_error {
|
||||
margin: 10px 0px;
|
||||
padding: 12px;
|
||||
display: none;
|
||||
}
|
||||
|
||||
.isa_info {
|
||||
color: #00529B;
|
||||
background-color: #BDE5F8;
|
||||
}
|
||||
|
||||
.isa_success {
|
||||
color: #4F8A10;
|
||||
background-color: #DFF2BF;
|
||||
}
|
||||
|
||||
.isa_warning {
|
||||
color: #9F6000;
|
||||
background-color: #FEEFB3;
|
||||
}
|
||||
|
||||
.isa_error {
|
||||
color: #D8000C;
|
||||
background-color: #FFBABA;
|
||||
}
|
||||
|
||||
.isa_info i, .isa_success i, .isa_warning i, .isa_error i {
|
||||
margin: 10px 22px;
|
||||
font-size: 2em;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.form {
|
||||
margin-left: 36%;
|
||||
position: absolute;
|
||||
z-index: 1;
|
||||
background: rgba(255, 255, 255, .85);
|
||||
padding: 20px;
|
||||
text-align: center;
|
||||
box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2), 0 5px 5px 0 rgba(0, 0, 0, 0.24);
|
||||
}
|
||||
|
||||
input {
|
||||
font-family: "Roboto", sans-serif;
|
||||
outline: 0;
|
||||
background: #f2f2f2;
|
||||
width: 100%;
|
||||
border: 0;
|
||||
margin: 5px 0 5px 0;
|
||||
padding: 12px;
|
||||
box-sizing: border-box;
|
||||
font-size: 12px;
|
||||
}
|
||||
input.colorPicker {
|
||||
font-family: "Roboto", sans-serif;
|
||||
outline: 0;
|
||||
background: #f2f2f2;
|
||||
width: 100%;
|
||||
border: 0;
|
||||
margin: 5px 0 5px 0;
|
||||
padding: 0px;
|
||||
box-sizing: border-box;
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
input#blipShortRange {
|
||||
margin: 10px 0 10px 0;
|
||||
}
|
||||
|
||||
button {
|
||||
font-family: "Roboto", sans-serif;
|
||||
text-transform: uppercase;
|
||||
outline: 0;
|
||||
background: #31c474;
|
||||
width: 40%;
|
||||
border: 0;
|
||||
padding: 15px;
|
||||
color: #FFFFFF;
|
||||
font-size: 14px;
|
||||
-webkit-transition: all 0.3s ease;
|
||||
transition: all 0.3s ease;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
button:hover, .form button:active, .form button:focus {
|
||||
background: #31bd40;
|
||||
}
|
||||
|
||||
.cancelBtn {
|
||||
background-color: orangered;
|
||||
}
|
||||
|
||||
.cancelBtn:hover, .cancelBtn:focus, .cancelBtn:active {
|
||||
background-color: #ff0223 !important;
|
||||
}
|
||||
|
||||
table {
|
||||
align-self: center;
|
||||
}
|
||||
.message {
|
||||
margin: 15px 0 0;
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.message a {
|
||||
color: #0035A5;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.register-form {
|
||||
display: none;
|
||||
}
|
||||
|
||||
|
||||
.container {
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
max-width: 300px;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
.container:before, .container:after {
|
||||
content: "";
|
||||
display: block;
|
||||
clear: both;
|
||||
}
|
||||
|
||||
.container .info {
|
||||
margin: 50px auto;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.info h1 {
|
||||
margin: 0 0 15px;
|
||||
padding: 0;
|
||||
font-size: 36px;
|
||||
font-weight: 300;
|
||||
color: #1a1a1a;
|
||||
}
|
||||
|
||||
.info span {
|
||||
color: #4d4d4d;
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.info span a {
|
||||
color: #000000;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.info span .fa {
|
||||
color: #EF3B3A;
|
||||
}
|
||||
|
||||
body {
|
||||
font-family: "Roboto", sans-serif;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
overflow: hidden;
|
||||
}
|
||||
tr{
|
||||
|
||||
}
|
||||
td {
|
||||
align-content: stretch;
|
||||
padding-left: 10px;
|
||||
padding-right: 10px;
|
||||
box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2), 0 0 0 0 rgba(0, 0, 0, 0.24);
|
||||
border-top: 2px double gray;
|
||||
border-bottom: 2px double gray;
|
||||
border-width: 0.5px;
|
||||
}
|
||||
table{
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
33
ReallifeGamemode.Client/Save/main.js
Normal file
33
ReallifeGamemode.Client/Save/main.js
Normal file
@@ -0,0 +1,33 @@
|
||||
/**
|
||||
* @overview Life of German Reallife - Save Main main.js
|
||||
* @author VegaZ
|
||||
* @copyright (c) 2008 - 2018 Life of German
|
||||
*/
|
||||
var saveBrowser;
|
||||
|
||||
mp.events.add('saveBlip', () => {
|
||||
|
||||
saveBrowser = mp.browsers.new('package://Save/blip/save.html');
|
||||
mp.gui.chat.activate(false);
|
||||
mp.gui.cursor.show(true, true);
|
||||
});
|
||||
|
||||
mp.events.add('saveBlipData', (blipSprite, blipName, blipScale, blipColor, blipAlpha, blipDrawDistance, blipShortRange, blipRotation, blipDimension) => {
|
||||
if (saveBrowser) {
|
||||
saveBrowser.destroy();
|
||||
}
|
||||
|
||||
mp.events.callRemote('OnSaveBlipData', blipSprite, blipName, blipScale, blipColor, blipAlpha,
|
||||
blipDrawDistance, blipShortRange, blipRotation, blipDimension);
|
||||
mp.gui.chat.push(blipShortRange);
|
||||
mp.gui.cursor.show(false, false);
|
||||
mp.gui.chat.activate(true);
|
||||
});
|
||||
|
||||
mp.events.add('cancelData', () => {
|
||||
if (saveBrowser) {
|
||||
saveBrowser.destroy();
|
||||
}
|
||||
mp.gui.cursor.show(false, false);
|
||||
mp.gui.chat.activate(true);
|
||||
});
|
||||
Reference in New Issue
Block a user