add time to notifications

Author: maxhoffmann

background.js

@@ -41,10 +41,12 @@ chrome.tabs.onUpdated.addListener((tabId, changeInfo, tab) => {
           if (addedIds.size > 0 && prevIds.size > 0) {
             console.info(`‼️ ${addedIds.size} new listings`, addedIds);
             const ids = [...addedIds];
+            const now = new Date();
+            const time = `${now.getHours().toString().padStart(2, "0")}:${now.getMinutes().toString().padStart(2, "0")}`;
             for (const id of ids) {
               showNotification(
                 id,
-                `Neue Anzeige (${id})`,
+                `[${time}] Neue Anzeige ${id}`,
                 titleById[id] ?? '(keine Beschreibung)',
               );
             }

manifest.json

@@ -1,6 +1,6 @@
 {
   "name": "Immo24 Notifier",
-  "version": "2.1.0",
+  "version": "2.2.0",
   "manifest_version": 3,
   "description": "Immo24 Notifier extension by Maximilian Hoffmann",
   "homepage_url": "https://github.com/maxhoffmann/immo-extension",

popup.js

@@ -17,40 +17,46 @@ document.addEventListener("DOMContentLoaded", () => {
   }
 
   document.querySelector("#test-example").addEventListener("click", async () => {
+    const now = new Date();
+    const time = `${new Date().getHours().toString().padStart(2, "0")}:${new Date().getMinutes().toString().padStart(2, "0")}`;
     await chrome.notifications.create({
       type: "basic",
       iconUrl: "icon-48.png",
-      title: "x neue Anzeigen!",
+      title: `[${time}] Test-Anzeige XXXXXXXXX`,
       message: "auf ImmoScout24",
       requireInteraction: true,
     });
   });
   document.querySelector("#test-one").addEventListener("click", async () => {
     const firstExposeId = firstExpose.value;
+    const now = new Date();
+    const time = `${new Date().getHours().toString().padStart(2, "0")}:${new Date().getMinutes().toString().padStart(2, "0")}`;
 
     await chrome.notifications.create("immo24:" + firstExposeId, {
       type: "basic",
       iconUrl: "icon-48.png",
-      title: "Test-Anzeige: "+firstExposeId,
+      title: `[${time}] Test-Anzeige ${firstExposeId}`,
       message: "auf ImmoScout24",
       requireInteraction: true,
     });
   });
   document.querySelector("#test-multiple").addEventListener("click", async () => {
     const firstExposeId = firstExpose.value;
     const secondExposeId = secondExpose.value;
+    const now = new Date();
+    const time = `${new Date().getHours().toString().padStart(2, "0")}:${new Date().getMinutes().toString().padStart(2, "0")}`;
 
     chrome.notifications.create("immo24:" + firstExposeId, {
       type: "basic",
       iconUrl: "icon-48.png",
-      title: "Test-Anzeige: "+firstExposeId,
+      title: `[${time}] Test-Anzeige ${firstExposeId}`,
       message: "auf ImmoScout24",
       requireInteraction: true,
     });
     chrome.notifications.create("immo24:" + secondExposeId, {
       type: "basic",
       iconUrl: "icon-48.png",
-      title: "Test-Anzeige: "+secondExposeId,
+      title: `[${time}] Test-Anzeige ${secondExposeId}`,
       message: "auf ImmoScout24",
       requireInteraction: true,
     });