Changed whole project structure (split client and server into separat projects)
This commit is contained in:
120
ReallifeGamemode.Client/assets/html/vehiclemenu/index.html
Normal file
120
ReallifeGamemode.Client/assets/html/vehiclemenu/index.html
Normal file
@@ -0,0 +1,120 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en" >
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<link rel="stylesheet" href="package://assets/css/vehiclemenu/style.css">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div class="circular-menu-container">
|
||||
<div class="center-section section-intro">
|
||||
</div>
|
||||
<ul class="circular-menu">
|
||||
<li class="" tabindex="1">
|
||||
<div class="center-section section-1">
|
||||
</div>
|
||||
<span class="arrow"></span>
|
||||
<div class="bg"></div>
|
||||
<div class="label">
|
||||
<p>Schließen</p>
|
||||
<img class="m" src="package://assets/img/vehiclemenu/exit.png">
|
||||
</div>
|
||||
</li>
|
||||
<li class="" tabindex="2">
|
||||
<div class="center-section section-2">
|
||||
</div>
|
||||
<span class="arrow"></span>
|
||||
<div class="bg"></div>
|
||||
<div class="label">
|
||||
<!--<p>Geld Geben</p>
|
||||
<img class="m4" src="package://assets/img/vehiclemenu/i9.png">-->
|
||||
</div>
|
||||
</li>
|
||||
<li class="" tabindex="3">
|
||||
<div class="center-section section-3">
|
||||
</div>
|
||||
<span class="arrow"></span>
|
||||
<div class="bg"></div>
|
||||
<div class="label">
|
||||
<p>Türen öffnen / schließen</p>
|
||||
<img class="m6" src="package://assets/img/vehiclemenu/door.png">
|
||||
</div>
|
||||
</li>
|
||||
<li class="" tabindex="4">
|
||||
<div class="center-section section-4">
|
||||
</div>
|
||||
<span class="arrow"></span>
|
||||
<div class="bg"></div>
|
||||
<div class="label">
|
||||
<!--<p>Lizenzen zeigen</p>
|
||||
<img class="m6" src="package://assets/img/vehiclemenu/i11.png">-->
|
||||
</div>
|
||||
</li>
|
||||
<li class="" tabindex="5">
|
||||
<div class="center-section section-5">
|
||||
</div>
|
||||
<span class="arrow"></span>
|
||||
<div class="bg"></div>
|
||||
<div class="label">
|
||||
<p>Auf -/ Abschließen</p>
|
||||
<img class="m" src="package://assets/img/vehiclemenu/lock.png">
|
||||
</div>
|
||||
</li>
|
||||
<li class="" tabindex="6">
|
||||
<div class="center-section section-6">
|
||||
</div>
|
||||
<span class="arrow"></span>
|
||||
<div class="bg"></div>
|
||||
<div class="label">
|
||||
<p>Tanken</p>
|
||||
<img class="m2" src="package://assets/img/vehiclemenu/fill.png">
|
||||
</div>
|
||||
</li>
|
||||
<li class="" tabindex="7">
|
||||
<div class="center-section section-7">
|
||||
</div>
|
||||
<span class="arrow"></span>
|
||||
<div class="bg"></div>
|
||||
<div class="label">
|
||||
<!--<p>Personalausweis ansehen</p>
|
||||
<img class="m" src="package://assets/img/vehiclemenu/i10.png">-->
|
||||
</div>
|
||||
</li>
|
||||
<li class="" tabindex="8">
|
||||
<div class="center-section section-8">
|
||||
</div>
|
||||
<span class="arrow"></span>
|
||||
<div class="bg"></div>
|
||||
<div class="label">
|
||||
<p>Motor betätigen</p>
|
||||
<img class="m" src="package://assets/img/vehiclemenu/power.png">
|
||||
</div>
|
||||
</li>
|
||||
<li class="" tabindex="9">
|
||||
<div class="center-section section-9">
|
||||
</div>
|
||||
<span class="arrow"></span>
|
||||
<div class="bg"></div>
|
||||
<div class="label">
|
||||
<!--<p>Durchsuchen</p>
|
||||
<img class="m5" src="package://assets/img/vehiclemenu/i14.png">-->
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<script src="package://assets/js/jquery-3.3.1.min.js"></script>
|
||||
<!--<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>-->
|
||||
<script>
|
||||
$(document).ready(function () {
|
||||
$("ul li").click(function () {
|
||||
var action = parseInt($(this).attr("tabindex"));
|
||||
console.log(action);
|
||||
mp.trigger('doAction', action);
|
||||
});
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
Reference in New Issue
Block a user