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

Tes: wait Seite speichern in indexedDB vor dem Aufruf

Browse Source
This commit is contained in:
ISA
2024-10-21 08:34:22 +02:00
parent c08bfd4b1a
commit 745c1b2edc
2 changed files with 30 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files

42
app/page.js
View File

@@ -1,31 +1,33 @@
"use client";
import { useEffect } from "react";
import { useRouter } from "next/navigation"; // App-Router Hook für Navigation
import { storePage } from "../utils/indexedDB"; // Importiere die Funktion storePage aus indexedDB.js
// Importiere `storePage` nur im Client
export default function Home() {
const router = useRouter();
useEffect(() => {
if (typeof window !== "undefined" && storePage) {
// Speichere die Seite "wait" als HTML in IndexedDB
const pageContent = `
<div style="text-align: center; margin-top: 100px;">
<h1>Bitte warten...</h1>
<div class="spinner"></div>
<p>Die Seite wird automatisch neu geladen.</p>
</div>`;
storePage("waitPage", new Blob([pageContent], { type: "text/html" }))
.then(() => {
console.log("Seite 'wait' erfolgreich gespeichert.");
// Weiterleitung zur Dashboard-Seite
router.push("/dashboard");
})
.catch((error) => {
console.error("Fehler beim Speichern der Seite 'wait':", error);
// Auch bei einem Fehler weiter zur Dashboard-Seite leiten
router.push("/dashboard");
});
// Überprüfe, ob der Code im Browser läuft
if (typeof window !== "undefined") {
// Dynamischer Import von `storePage` nur im Browser
import("../utils/indexedDB").then(({ storePage }) => {
const pageContent = `
<div style="text-align: center; margin-top: 100px;">
<h1>Bitte warten...</h1>
<div class="spinner"></div>
<p>Die Seite wird automatisch neu geladen.</p>
</div>`;
storePage("waitPage", new Blob([pageContent], { type: "text/html" }))
.then(() => {
console.log("Seite 'wait' erfolgreich gespeichert.");
// Weiterleitung zur Dashboard-Seite
router.push("/dashboard");
})
.catch((error) => {
console.error("Fehler beim Speichern der Seite 'wait':", error);
router.push("/dashboard");
});
});
} else {
// Falls kein Browser oder IndexedDB verfügbar ist, direkt zur Dashboard-Seite weiterleiten
router.push("/dashboard");