Epic2 user auth

home/views.py

@@ -21,6 +21,7 @@ class ServiceWorkerView(TemplateView):
 def get_manifest(request):
     language = translation.get_language()
     manifest = get_object_or_404(ManifestSettings, language=language)
+    print(manifest.icon_96_96.title, "+++++++++++++++++++++++")
     response = {
         "name": manifest.name,
         "short_name": manifest.short_name,
@@ -34,17 +35,17 @@ def get_manifest(request):
         "icons": [
             {
                 "src": f"{manifest.icon_96_96.file.url}",
-                "type": f"image/{manifest.icon_96_96.title.split('.')[1]}",
+                "type": f"image/{manifest.icon_96_96.file.name.split('.')[-1]}",
                 "sizes": f"{manifest.icon_96_96.height}x{manifest.icon_96_96.width}",
             },
             {
                 "src": f"{manifest.icon_512_512.file.url}",
-                "type": f"image/{manifest.icon_512_512.title.split('.')[1]}",
+                "type": f"image/{manifest.icon_512_512.file.name.split('.')[-1]}",
                 "sizes": f"{manifest.icon_512_512.height}x{manifest.icon_512_512.width}",
             },
             {
                 "src": f"{manifest.icon_192_192.file.url}",
-                "type": f"image/{manifest.icon_192_192.title.split('.')[1]}",
+                "type": f"image/{manifest.icon_192_192.file.name.split('.')[-1]}",
                 "sizes": f"{manifest.icon_192_192.height}x{manifest.icon_192_192.width}",
                 "purpose": "any maskable",
             },

iogt/settings/base.py

@@ -592,13 +592,15 @@
 # Azure AD B2C setup ends
 print("CURRENT_DOMAIN", CURRENT_DOMAIN)
 print("AZURE_AD_TENANT_ID", AZURE_AD_TENANT_ID)
-
+print("AZURE_CLIENT_ID", os.getenv('AZURE_AD_CLIENT_ID'))
 # Mailjet setup for sending emails
 MAILJET_API_KEY = os.getenv('MAILJET_API_KEY')
 MAILJET_API_SECRET = os.getenv('MAILJET_API_SECRET')
 MAILJET_FROM_EMAIL = os.getenv('MAILJET_FROM_EMAIL')
 MAILJET_FROM_NAME = os.getenv('MAILJET_FROM_NAME')
 
+print("MAILJET_API_KEY", MAILJET_API_KEY)
+
 # Secure session and CSRF cookies
 SESSION_COOKIE_SECURE = True
 SESSION_COOKIE_HTTPONLY = True

iogt/static/js/idb.js

@@ -0,0 +1,120 @@
+// idb.js - IndexedDB Helper
+const DB_NAME = "offline-forms";
+const STORE_NAME = "requests";
+
+function openDB() {
+    return new Promise((resolve, reject) => {
+        const request = indexedDB.open(DB_NAME, 1);
+
+        request.onupgradeneeded = event => {
+            const db = event.target.result;
+            if (!db.objectStoreNames.contains(STORE_NAME)) {
+                console.log("🔧 Creating object store:", STORE_NAME);
+                db.createObjectStore(STORE_NAME, { keyPath: "id", autoIncrement: true });
+            }
+        };
+
+        request.onsuccess = event => {
+            console.log("✅ IndexedDB Opened Successfully");
+            resolve(event.target.result);
+        };
+
+        request.onerror = event => {
+            console.error("❌ IndexedDB Error:", event.target.error);
+            reject(event.target.error);
+        };
+    });
+}
+
+// ✅ Properly save request with correct body handling
+async function saveRequest(request) {
+    console.log("💾 Saving request to IndexedDB:", request.url);
+
+    const db = await openDB();
+
+    // ✅ Extract body properly
+    let body;
+    try {
+        body = await request.clone().json();
+    } catch {
+        body = await request.clone().text();
+    }
+
+    const headersObj = {};
+    for (let [key, value] of request.headers.entries()) {
+        headersObj[key] = value;
+    }
+
+    return new Promise((resolve, reject) => {
+        const tx = db.transaction(STORE_NAME, "readwrite");
+        const store = tx.objectStore(STORE_NAME);
+
+        const requestData = {
+            url: request.url,
+            method: request.method,
+            body: body,
+            headers: headersObj,
+        };
+
+        const addRequest = store.add(requestData);
+
+        addRequest.onsuccess = () => {
+            console.log("✅ Request successfully stored in IndexedDB!");
+            resolve();
+        };
+
+        addRequest.onerror = (event) => {
+            console.error("❌ Error storing request:", event.target.error);
+            reject(event.target.error);
+        };
+
+        tx.oncomplete = () => console.log("✅ Transaction completed successfully!");
+        tx.onerror = (event) => console.error("❌ Transaction failed:", event.target.error);
+    });
+}
+
+// ✅ Retrieve all stored requests
+async function getAllRequests() {
+    console.log("📂 Retrieving all stored requests...");
+
+    const db = await openDB();
+
+    return new Promise((resolve, reject) => {
+        const tx = db.transaction(STORE_NAME, "readonly");
+        const store = tx.objectStore(STORE_NAME);
+        const req = store.getAll();
+
+        req.onsuccess = () => {
+            console.log("📦 Stored Requests:", req.result);
+            resolve(req.result);
+        };
+
+        req.onerror = () => {
+            console.error("❌ Error retrieving requests:", req.error);
+            reject(req.error);
+        };
+    });
+}
+
+// ✅ Delete request after successful sync
+async function deleteRequest(id) {
+    console.log("🗑️ Deleting request with ID:", id);
+
+    const db = await openDB();
+
+    return new Promise((resolve, reject) => {
+        const tx = db.transaction(STORE_NAME, "readwrite");
+        const store = tx.objectStore(STORE_NAME);
+        const req = store.delete(id);
+
+        req.onsuccess = () => {
+            console.log("✅ Successfully deleted request from IndexedDB!");
+            resolve();
+        };
+
+        req.onerror = (event) => {
+            console.error("❌ Error deleting request:", event.target.error);
+            reject(event.target.error);
+        };
+    });
+}

iogt/static/js/iogt.js

@@ -97,14 +97,37 @@ $(document).ready(() => {
 });
 
 const download = pageId => {
+    console.log("Starting download for page:", pageId);
+
     fetch(`/page-tree/${pageId}/`)
-        .then(resp => resp.json())
+        .then(resp => {
+            if (!resp.ok) {
+                throw new Error(`Failed to fetch URLs for caching. Status: ${resp.status}`);
+            }
+            return resp.json();
+        })
         .then(urls => {
-            caches.open('iogt')
-                .then(cache => {
-                    cache.addAll(urls);
-                });
+            if (!urls.length) {
+                throw new Error("No URLs received for caching.");
+            }
+
+            return caches.open('iogt').then(cache => {
+            console.log(urls)
+                return cache.addAll(urls)
+                    .then(() => {
+                        console.log("Content cached successfully!");
+                        alert("Content is now available offline!");
+                    })
+                    .catch(error => {
+                        console.error("Caching failed:", error);
+                        alert("Failed to cache content.");
+                    });
+            });
         })
+        .catch(error => {
+            console.error("Download error:", error);
+            alert("Download failed. Please try again.");
+        });
 };
 
 const getItem = (key, defaultValue) => {

iogt/static/js/sw-init.js

@@ -1,11 +1,23 @@
 const registerSW = async () => {
-    if ('serviceWorker' in navigator) {
-        const registration = await navigator.serviceWorker.register(serviceWorkerURL, {scope: '/'});
-        const isPushNotificationRegistered = getItem('isPushNotificationRegistered', false);
-        if (!isPushNotificationRegistered) {
-            if (isAuthenticated && pushNotification) {
-                registerPushNotification(registration);
+    if ('serviceWorker' in navigator && 'SyncManager' in window) {
+        try {
+            const registration = await navigator.serviceWorker.register(serviceWorkerURL, {scope: '/'});
+
+            // Register background sync event
+            const syncTags = await registration.sync.getTags();
+            if (!syncTags.includes('sync-forms')) {
+                await registration.sync.register('sync-forms');
+                console.log("✅ Background sync registered for offline forms!");
+            }
+
+            const isPushNotificationRegistered = getItem('isPushNotificationRegistered', false);
+            if (!isPushNotificationRegistered) {
+                if (isAuthenticated && pushNotification) {
+                    registerPushNotification(registration);
+                }
             }
+        } catch (error) {
+            console.error("❌ Service worker registration failed:", error);
         }
     }
 };

iogt/templates/base.html

@@ -103,6 +103,7 @@
 {% else %}
     <script src="{% static 'js/iogt-no-jquery.js' %}"></script>
 {% endif %}
+<script src="{% static 'js/idb.js' %}"></script>
 <script src="{% static 'js/sw-init.js' %}"></script>
 <noscript>
     <style type="text/css">