100 lines
1.7 KiB
HTML
100 lines
1.7 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<title>Calendar Dashboard</title>
|
|
<link rel="stylesheet" href="style.css">
|
|
</head>
|
|
|
|
<body>
|
|
|
|
<div class="login-screen" id="login-screen">
|
|
|
|
<div class="login-box">
|
|
|
|
<h2>Calendar</h2>
|
|
|
|
<form onsubmit="handleLogin(event)">
|
|
|
|
<input
|
|
type="text"
|
|
id="login-username"
|
|
placeholder="Username"
|
|
required
|
|
>
|
|
|
|
<input
|
|
type="password"
|
|
id="login-password"
|
|
placeholder="Password"
|
|
required
|
|
>
|
|
|
|
<button type="submit">Log in</button>
|
|
|
|
</form>
|
|
|
|
<button onclick="handleRegister(event)">
|
|
Create account
|
|
</button>
|
|
|
|
<p id="login-error" class="error"></p>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
<div class="layout" id="app">
|
|
|
|
<aside class="sidebar">
|
|
|
|
<div class="logo">
|
|
<h2>Calendar</h2>
|
|
</div>
|
|
|
|
|
|
<nav>
|
|
|
|
<a data-page="dashboard" onclick="showPage('dashboard')" class="active">
|
|
Dashboard
|
|
</a>
|
|
|
|
<a data-page="rooms" onclick="showPage('rooms')">
|
|
Rooms
|
|
</a>
|
|
|
|
<a data-page="events" onclick="showPage('events')">
|
|
Events
|
|
</a>
|
|
|
|
<a data-page="settings" onclick="showPage('settings')">
|
|
Settings
|
|
</a>
|
|
|
|
</nav>
|
|
|
|
|
|
<div class="sidebar-bottom">
|
|
|
|
<button onclick="toggleTheme()">
|
|
dark / light Theme
|
|
</button>
|
|
|
|
</div>
|
|
|
|
</aside>
|
|
|
|
|
|
|
|
<main class="content" id="content">
|
|
|
|
</main>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<script src="app.js"></script>
|
|
|
|
</body>
|
|
</html> |