Basic screen switching

This commit is contained in:
2023-07-21 15:33:45 +01:00
parent d014848e71
commit 677ac0241d
3 changed files with 48 additions and 8 deletions

View File

@@ -9,7 +9,7 @@
</head>
<body>
<script src="/frontend/index.js"></script>
<div id="login" class="flex three" style="height: 100%">
<div id="login" class="flex three">
<div class="fourth two-fifth-1000"></div>
<div class="flex one half fifth-1000" style="height: 100%">
<div class="loginSpacer"></div>
@@ -26,14 +26,14 @@
</div>
<div id="mainPage" style="display: none;">
<div id="content">
<div id="tasks"></div>
<div id="history"></div>
<div id="addTask"></div>
<div id="tasks" class="screen" style="">a</div>
<div id="history" class="screen" style="display: none;">b</div>
<div id="addTask" class="screen" style="display: none;">c</div>
</div>
<div id="menu" class="flex three">
<button class="third">Tasks</button>
<button class="third">History</button>
<button class="third">Add Task</button>
<button class="third" onclick="switchScreen('task')" id="taskButton">Tasks</button>
<button class="third" onclick="switchScreen('history')" id="historyButton">History</button>
<button class="third" onclick="switchScreen('add')" id="addButton">Add Task</button>
</div>
</div>
</body>