61 lines
No EOL
1.8 KiB
HTML
61 lines
No EOL
1.8 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
|
|
<head>
|
|
<title>Juggl</title>
|
|
<meta charset="UTF-8" />
|
|
<link rel="shortcut icon" type="image/ico" href="/assets/logo.ico" />
|
|
<link href="https://fonts.googleapis.com/css2?family=Karla:ital,wght@0,400;0,700;1,400;1,700&display=swap"
|
|
rel="stylesheet">
|
|
<link href="css/style.css" rel="stylesheet">
|
|
|
|
<script src="js/umbrella.min.js"></script>
|
|
<script src="js/visibility.js"></script>
|
|
<script src="js/auth.js"></script>
|
|
<script src="js/api.js"></script>
|
|
<script src="js/helper.js"></script>
|
|
|
|
<script>
|
|
window.onload = () => {
|
|
// Create Callbacks
|
|
callbacks.leaving[States.PUBLIC] = () => {
|
|
loadProjectList();
|
|
};
|
|
|
|
initState();
|
|
updateVisibility();
|
|
updateAuthBtnText();
|
|
}
|
|
</script>
|
|
</head>
|
|
|
|
<body>
|
|
<header>
|
|
<ul id="header-container">
|
|
<li>
|
|
<img src="assets/logo_title.png">
|
|
</li>
|
|
<li style="float: right">
|
|
<input id="user-id" class="public" type="text" placeholder="User ID" />
|
|
<input id="api-key" class="public" type="password" placeholder="API Key" />
|
|
<button id="auth-btn" onclick="handleAuthBtn()">Log In</button>
|
|
</li>
|
|
</ul>
|
|
</header>
|
|
<main>
|
|
<table class="not-public hidden">
|
|
<thead>
|
|
<th>Project</th>
|
|
<th>Start date</th>
|
|
<th>Duration</th>
|
|
<th>Records</th>
|
|
<th>Average record</th>
|
|
</thead>
|
|
<tbody id="project-list">
|
|
|
|
</tbody>
|
|
</table>
|
|
</main>
|
|
</body>
|
|
|
|
</html> |