70 lines
2.7 KiB
HTML
70 lines
2.7 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<title>GiacPoints</title>
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/picnic">
|
|
<link rel="stylesheet" href="/frontend/index.css">
|
|
</head>
|
|
<body>
|
|
<div id="login">
|
|
<div class="flex three demo" style="height: 100%; width: 100%">
|
|
<div class="fourth two-fifth-1000"></div>
|
|
<div class="flex one demo half fifth-1000" style="height: 100%">
|
|
<div class="loginSpacer"></div>
|
|
<article class="card" style="padding: 5%">
|
|
<label for="name">Name</label> <br>
|
|
<input type="text" id="name"> <br>
|
|
<label for="password">Password</label> <br>
|
|
<input type="password" id="password"> <br>
|
|
<input type="submit" value="Login" style="width: 100%" onclick="login()" id="loginSubmit"> <br>
|
|
</article>
|
|
<div class="loginSpacer"></div>
|
|
</div>
|
|
<div class="fourth two-fifth-1000"></div>
|
|
</div>
|
|
</div>
|
|
<div id="mainPage" style="display: none;">
|
|
<div id="content">
|
|
<div id="tasks" class="screen flex two demo" style=""></div>
|
|
<div id="history" class="screen" style="display: none;">
|
|
<div id="stats">
|
|
<article class="card">
|
|
<header>
|
|
<h1>Stats</h1>
|
|
<pre id="statData"></pre>
|
|
</header>
|
|
</article>
|
|
</div>
|
|
<div id="historyContent"></div>
|
|
</div>
|
|
<div id="addTask" class="screen" style="display: none;">
|
|
<article class="card" id="taskCard">
|
|
<header>
|
|
<h1>New task</h1> <br>
|
|
<label for="newTaskName">Task name</label>
|
|
<input type="text" id="newTaskName"> <br>
|
|
<label for="newTaskPoints">Task points</label>
|
|
<input type="number" id="newTaskPoints" min="1" max="5"> <br>
|
|
<input onclick="newTask()" value="Create" type="submit"> <br>
|
|
</header>
|
|
</article>
|
|
</div>
|
|
</div>
|
|
<div id="menu" class="flex three demo">
|
|
<div class="third" id="taskButton">
|
|
<span class="button" onclick="switchScreen('task')">Tasks</span>
|
|
</div>
|
|
<div class="third" id="historyButton">
|
|
<span class="button" onclick="switchScreen('history')">History</span>
|
|
</div>
|
|
<div class="third" id="addButton">
|
|
<span class="button tooltip-top" onclick="switchScreen('add')" >+ Task</span>
|
|
<!-- <span class="button tooltip-top" disabled data-tooltip="In construction">+ Task</span>-->
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<script src="/frontend/index.js"></script>
|
|
</body>
|
|
</html> |