feat: Ajout d'un bouton Quitter sur la page de login
- Nouveau bouton "Quitter" sous le bouton "Se connecter"
- Permet de fermer proprement l'application sans se connecter
- Style gris secondaire pour différencier du bouton principal
- Appel à ipcRenderer.invoke('quit-app') pour fermer l'application
Fichiers modifiés :
- index.html : ajout du bouton avec id quitLoginBtn
- renderer.js : gestionnaire handleQuitFromLogin
- styles-modern.css : style .btn-quit avec couleur grise
This commit is contained in:
@@ -51,6 +51,7 @@
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<button type="submit">Se connecter</button>
|
<button type="submit">Se connecter</button>
|
||||||
|
<button type="button" id="quitLoginBtn" class="btn-quit">Quitter</button>
|
||||||
<div id="loginError" class="error-message"></div>
|
<div id="loginError" class="error-message"></div>
|
||||||
</form>
|
</form>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
11
renderer.js
11
renderer.js
@@ -68,6 +68,12 @@ document.addEventListener('DOMContentLoaded', async () => {
|
|||||||
loginForm.addEventListener('submit', handleLogin);
|
loginForm.addEventListener('submit', handleLogin);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
// Bouton quitter sur la page de login
|
||||||
|
const quitLoginBtn = document.getElementById('quitLoginBtn');
|
||||||
|
if (quitLoginBtn) {
|
||||||
|
quitLoginBtn.addEventListener('click', handleQuitFromLogin);
|
||||||
|
}
|
||||||
|
|
||||||
// Bouton de déconnexion
|
// Bouton de déconnexion
|
||||||
const logoutBtn = document.getElementById('logoutBtn');
|
const logoutBtn = document.getElementById('logoutBtn');
|
||||||
if (logoutBtn) {
|
if (logoutBtn) {
|
||||||
@@ -258,6 +264,11 @@ async function handleLogin(e) {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
// Quitter depuis la page de login
|
||||||
|
function handleQuitFromLogin() {
|
||||||
|
ipcRenderer.invoke('quit-app');
|
||||||
|
}
|
||||||
|
|
||||||
// Déconnexion
|
// Déconnexion
|
||||||
function handleLogout() {
|
function handleLogout() {
|
||||||
showLogoutModal();
|
showLogoutModal();
|
||||||
|
|||||||
@@ -199,6 +199,15 @@ body {
|
|||||||
cursor: not-allowed;
|
cursor: not-allowed;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
#loginForm .btn-quit {
|
||||||
|
background: #6c757d;
|
||||||
|
margin-top: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#loginForm .btn-quit:hover {
|
||||||
|
background: #5a6268;
|
||||||
|
}
|
||||||
|
|
||||||
.error-message {
|
.error-message {
|
||||||
color: #e74c3c;
|
color: #e74c3c;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
|
|||||||
Reference in New Issue
Block a user