fredrik/org-todo-pwa
1
0
Fork 0
Code Issues 5 Pull Requests Actions Packages Projects Releases Wiki Activity

Ny inloggning, formulär innnan. Fixes #7

Browse Source
This commit is contained in:
fredrik
2025-01-24 18:26:53 +01:00
parent d75a0882dd
commit 892c20dfae
2 changed files with 72 additions and 27 deletions
Download Patch File Download Diff File Expand all files Collapse all files

29
public/app.js
View File

@@ -10,6 +10,34 @@ if ('serviceWorker' in navigator) {
}); });
} }
document.addEventListener('DOMContentLoaded', function() {
const loginForm = document.getElementById('loginForm');
const loginContainer = document.getElementById('loginContainer');
const appContainer = document.getElementById('appContainer');
const loginMessage = document.getElementById('loginMessage');
// Check if user is already logged in
if (sessionStorage.getItem('loggedIn') === 'true') {
loginContainer.style.display = 'none';
appContainer.style.display = 'block';
}
loginForm.addEventListener('submit', function(e) {
e.preventDefault();
const username = document.getElementById('username').value;
const password = document.getElementById('password').value;
// Simple authentication check (replace with your own logic)
if (username === 'admin' && password === 'password') {
sessionStorage.setItem('loggedIn', 'true');
loginContainer.style.display = 'none';
appContainer.style.display = 'block';
} else {
loginMessage.textContent = 'Invalid username or password';
}
});
document.getElementById('taskForm').addEventListener('submit', function(e) { document.getElementById('taskForm').addEventListener('submit', function(e) {
e.preventDefault(); e.preventDefault();
@@ -41,3 +69,4 @@ document.getElementById('taskForm').addEventListener('submit', function(e) {
document.getElementById('responseMessage').textContent = "Error saving task!"; document.getElementById('responseMessage').textContent = "Error saving task!";
}); });
}); });
});

18
public/index.html
View File

@@ -13,7 +13,23 @@
<script src="https://cdn.jsdelivr.net/npm/flatpickr"></script> <script src="https://cdn.jsdelivr.net/npm/flatpickr"></script>
</head> </head>
<body> <body>
<div class="container"> <div id="loginContainer" class="container">
<h1 class="center-align">Login</h1>
<form id="loginForm">
<div class="input-field">
<label for="username">Username:</label>
<input type="text" id="username" required>
</div>
<div class="input-field">
<label for="password">Password:</label>
<input type="password" id="password" required>
</div>
<button class="btn waves-effect waves-light" type="submit">Login</button>
</form>
<p id="loginMessage" class="center-align"></p>
</div>
<div id="appContainer" class="container" style="display:none;">
<h1 class="center-align">TODO</h1> <h1 class="center-align">TODO</h1>
<form id="taskForm"> <form id="taskForm">
<div class="input-field"> <div class="input-field">