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

Implement server-side authentication and update login UI texts

Browse Source
This commit is contained in:
fredrik
2025-01-24 21:54:05 +01:00
parent 1edcefbd64
commit da2f568acf
4 changed files with 44 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

30
public/app.js
View File

@@ -29,15 +29,27 @@ document.addEventListener('DOMContentLoaded', function() {
const username = document.getElementById('username').value;
const password = document.getElementById('password').value;
// Simple authentication check (replace with your own logic)
if (username === 'fredrik' && password === 'apa') {
sessionStorage.setItem('loggedIn', 'true');
loginContainer.style.display = 'none';
appContainer.style.display = 'block';
loadTags();
} else {
loginMessage.textContent = 'Invalid username or password';
}
// Send credentials to the server for validation
fetch('/login', {
method: 'POST',
headers: {
'Content-Type': 'application/json',
'Authorization': 'Basic ' + btoa(username + ':' + password)
}
})
.then(response => {
if (response.ok) {
sessionStorage.setItem('loggedIn', 'true');
loginContainer.style.display = 'none';
appContainer.style.display = 'block';
loadTags();
} else {
loginMessage.textContent = 'Invalid username or password';
}
})
.catch(error => {
loginMessage.textContent = 'Error logging in';
});
});
document.getElementById('taskForm').addEventListener('submit', function(e) {

8
public/index.html
View File

@@ -14,14 +14,14 @@
</head>
<body>
<div id="loginContainer" class="container">
<h1 class="center-align">Login</h1>
<h1 class="center-align">Logga in</h1>
<form id="loginForm">
<div class="input-field">
<label for="username">Username:</label>
<label for="username">Användarnamn:</label>
<input type="text" id="username" required>
</div>
<div class="input-field">
<label for="password">Password:</label>
<label for="password">Lösenord:</label>
<input type="password" id="password" required>
</div>
<button class="btn waves-effect waves-light" type="submit">Login</button>
@@ -48,7 +48,7 @@
</div>
<div class="input-field">
<label for="tags">Tags (separated by commas):</label>
<label for="tags">Taggar (separera med komma):</label>
<input type="text" id="tags" class="autocomplete">
</div>