121 lines
4.3 KiB
HTML
121 lines
4.3 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en" >
|
|
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<link rel="stylesheet" href="../../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="../../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="../../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="../../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="../../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="../../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="../../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>Fahrzeug parken</p>
|
|
<img class="m" src="../../img/vehiclemenu/park.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="../../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="../../img/vehiclemenu/i14.png">-->
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
<script src="../../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>
|