59 lines
2.4 KiB
HTML
59 lines
2.4 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title id="title">Aviation Assistant Link</title>
|
|
<link rel="stylesheet" href="css/style.css">
|
|
</head>
|
|
|
|
<body onload="document.getElementById('login_button').click()">
|
|
<div id="main">
|
|
<img id="logo_img" src="images/logo.png"><br>
|
|
<h3 id="title">Aviation Assistant Link</h3>
|
|
<form action="#">
|
|
<div class="mdl-textfield mdl-js-textfield" id="hostname_input">
|
|
<input class="mdl-textfield__input" type="text" id="hostname">
|
|
<label class="mdl-textfield__label" for="hostname">Aviation Assistant Device Hostname</label>
|
|
</div>
|
|
<!-- Raised button with ripple -->
|
|
<button class="mdl-button mdl-js-button mdl-button--raised mdl-js-ripple-effect" id="hostname_connect" onclick="connectToHostname()">
|
|
Connect
|
|
</button>
|
|
</form>
|
|
|
|
</div>
|
|
|
|
<div id="login" style="display: none;">
|
|
<img id="logo_img" src="images/logo.png"><br>
|
|
<h3 id="title">Aviation Assistant Login</h3>
|
|
<form action="#">
|
|
<div class="mdl-textfield mdl-js-textfield" id="username_input">
|
|
<input class="mdl-textfield__input" type="text" id="username">
|
|
<label class="mdl-textfield__label" for="hostname">Username</label>
|
|
</div>
|
|
<div class="mdl-textfield mdl-js-textfield" id="password_input">
|
|
<input class="mdl-textfield__input" type="password" id="password">
|
|
<label class="mdl-textfield__label" for="hostname">Password</label>
|
|
</div>
|
|
<!-- Raised button with ripple -->
|
|
<button class="mdl-button mdl-js-button mdl-button--raised mdl-js-ripple-effect" id="login_button"
|
|
onclick="login()">
|
|
Log In
|
|
</button>
|
|
</form>
|
|
</div>
|
|
<div id="toast" class="mdl-js-snackbar mdl-snackbar">
|
|
<div class="mdl-snackbar__text"></div>
|
|
<button class="mdl-snackbar__action" type="button"></button>
|
|
</div>
|
|
<script src="js/renderer.js"></script>
|
|
<script src="js/script.js"></script>
|
|
<link rel="stylesheet" href="node_modules/material-design-lite/material.min.css">
|
|
<script src="node_modules/material-design-lite/material.min.js"></script>
|
|
<link rel="stylesheet" href="css/icon.css">
|
|
|
|
</body>
|
|
|
|
</html> |