58 lines
1.4 KiB
HTML
58 lines
1.4 KiB
HTML
|
<!DOCTYPE html>
|
||
|
|
<html>
|
||
|
|
<template id="app">
|
||
|
|
<div class="app">
|
||
|
|
<div class="formfield app_username">
|
||
|
|
<input type="text" placeholder="Telefon-Nummer"/>
|
||
|
|
</div>
|
||
|
|
<div class="formfield app_password">
|
||
|
|
<input type="password" placeholder="Passwort"/>
|
||
|
|
</div>
|
||
|
|
<div class="formfield app_login">
|
||
|
|
<button></button>
|
||
|
|
</div>
|
||
|
|
<ol class="app_rentals">
|
||
|
|
</ol>
|
||
|
|
<div class="formfield app_rent">
|
||
|
|
<button></button>
|
||
|
|
</div>
|
||
|
|
<div class="formfield app_logout">
|
||
|
|
<button></button>
|
||
|
|
</div>
|
||
|
|
<div class="app_logo">
|
||
|
|
<img src="logo.svg"/>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</template>
|
||
|
|
<template id="rental">
|
||
|
|
<li class="rental">
|
||
|
|
<div class="formfield rental_bike">
|
||
|
|
<input type="text" placeholder="Rad-Nummer" pattern="[0-9]{5,6}"/>
|
||
|
|
</div>
|
||
|
|
<div class="formfield rental_start">
|
||
|
|
<button></button>
|
||
|
|
</div>
|
||
|
|
<div class="formfield rental_open">
|
||
|
|
<button></button>
|
||
|
|
</div>
|
||
|
|
<div class="formfield rental_pause">
|
||
|
|
<button></button>
|
||
|
|
</div>
|
||
|
|
<div class="formfield rental_finish">
|
||
|
|
<button></button>
|
||
|
|
</div>
|
||
|
|
<hr/>
|
||
|
|
</li>
|
||
|
|
</template>
|
||
|
|
<head>
|
||
|
|
<meta charset="utf-8"/>
|
||
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
|
|
<script type="text/javascript" src="logic.js"></script>
|
||
|
|
<script type="text/javascript">document.addEventListener("DOMContentLoaded", function (event) {main();})</script>
|
||
|
|
<link rel="stylesheet" type="text/css" href="style/base.css"/>
|
||
|
|
<title>ryde</title>
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
</body>
|
||
|
|
</html>
|