Ismail/CPLv4.0
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Abmelden Seite eingefügt

Browse Source
This commit is contained in:
ISA
2024-10-21 10:09:55 +02:00
parent 420e3b8ab2
commit 1c4b072ef3
3 changed files with 73 additions and 33 deletions
Download Patch File Download Diff File Expand all files Collapse all files

46
components/Header.jsx
View File

@@ -20,6 +20,11 @@ function Header() {
setShowSettingsModal(false); // Schließe das Modal setShowSettingsModal(false); // Schließe das Modal
}; };
const handleLogout = () => {
// Öffnet die Seite offline.html im selben Fenster
window.location.href = "/offline.html";
};
useEffect(() => { useEffect(() => {
// Lade die Variablen vom Server und setze sie in `window` // Lade die Variablen vom Server und setze sie in `window`
loadWindowVariables(apiUrl) loadWindowVariables(apiUrl)
@@ -32,7 +37,7 @@ function Header() {
console.error("Fehler beim Laden der Variablen:", error); console.error("Fehler beim Laden der Variablen:", error);
}); });
}, [apiUrl]); }, [apiUrl]);
//--------------------------------------------------------------------------------
const files = [ const files = [
"de.acp", "de.acp",
"kueConfig.acp", "kueConfig.acp",
@@ -58,7 +63,6 @@ function Header() {
}); });
}, []); }, []);
//--------------------------------------------------------------------------------
return ( return (
<header className="bg-gray-300 flex justify-between items-center w-full h-28 relative"> <header className="bg-gray-300 flex justify-between items-center w-full h-28 relative">
{/* Logo - Vergrößert und verschoben */} {/* Logo - Vergrößert und verschoben */}
@@ -85,31 +89,6 @@ function Header() {
<div className="flex items-start space-x-4 w-full"></div> <div className="flex items-start space-x-4 w-full"></div>
{/* Temperatur und Icons */} {/* Temperatur und Icons */}
<div className="p-4 w-full lg:w-full flex flex-row gap-4 justify-between"> <div className="p-4 w-full lg:w-full flex flex-row gap-4 justify-between">
{/* Temperatur und Luftfeuchtigkeit */}
{/*
<div className="flex items-center min-w-0">
<i className="bi bi-thermometer-half"></i>
<p className="text-lg ml-1">20.5 °C</p>
</div>
<div className="flex items-center min-w-0">
<i className="bi bi-droplet"></i>
<p className="text-lg ml-1">60%</p>
</div>
*/}
{/* Toggle Switch light and dark mode */}
{/*
<div className="flex items-center space-x-4 min-w-0 flex-shrink">
<i className="bi bi-moon"></i>
<div className="flex items-center space-x-2">
<i className="bi bi-toggle-off"></i>
<i className="bi bi-brightness-high"></i>
</div>
</div>
*/}
{/* Settings Icon als Button */} {/* Settings Icon als Button */}
<div className="flex items-center justify-end w-full"> <div className="flex items-center justify-end w-full">
<button <button
@@ -119,12 +98,15 @@ function Header() {
<i className="bi bi-gear"></i> <i className="bi bi-gear"></i>
</button> </button>
</div> </div>
{/* User Icon */} {/* Logout Button */}
{/* <div className="flex items-center justify-end w-full">
<div className="flex items-center justify-end w-full"> <button
<i className="bi bi-person-circle text-3xl text-black mr-7"></i> onClick={handleLogout}
className="text bg-littwin-blue text-white px-4 py-2 rounded"
>
Abmelden
</button>
</div> </div>
*/}
</div> </div>
{/* SettingsModal wird angezeigt, wenn showSettingsModal true ist */} {/* SettingsModal wird angezeigt, wenn showSettingsModal true ist */}
{showSettingsModal && ( {showSettingsModal && (

58
public/offline.html Normal file
View File

@@ -0,0 +1,58 @@
<!DOCTYPE html>
<html lang="de">
<head>
<title>Abmeldung</title>
<meta charset="utf-8">
<link rel="stylesheet" href="../css/ie.css">
<link rel="icon" sizes="48x48" href="./IMAGES/favicon-48x48.png" type="image/png">
<!-- Foundation Framework CSS -->
<link rel="stylesheet" href="css/app.css" />
<link rel="stylesheet" href="css/foundation.css" />
<link rel="stylesheet" href="css/foundation-icons.css" />
<style>
/* Text zentrieren und fett machen */
.centered {
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
/* Vollständige Bildschirmhöhe für vertikales Zentrieren */
text-align: center;
/* Text zentrieren */
}
.title2 {
font-weight: bold;
/* Fett machen */
font-size: 1.5em;
/* Optional: Schriftgröße anpassen */
}
</style>
</head>
<script>
function off() {
try {
window.focus();
window.close();
}
catch (e) {
}
}
</script>
<body class="offlineHtmlBodyElement">
<div class="centered">
<p class='title2'>
Sie werden abgemeldet.
<br>
<br>
Bitte schliessen Sie den Browser.
</p>
</div>
</body>
</html>

2
utils/indexedDB.js
View File

@@ -1,6 +1,6 @@
import { openDB } from "idb"; // utils/indexedDB.js import { openDB } from "idb"; // utils/indexedDB.js
const dbPromise = openDB("my-pdf-store", 1, { const dbPromise = openDB("my-pdf-store", 2, {
upgrade(db) { upgrade(db) {
// Überprüfe und erstelle den Object Store für PDFs // Überprüfe und erstelle den Object Store für PDFs
if (!db.objectStoreNames.contains("pdfs")) { if (!db.objectStoreNames.contains("pdfs")) {