Overlay ausgebaut

html/ninjioverlay.html

@@ -197,6 +197,8 @@
 
     const bgColor = urlParams.get('bg'); // Liest z. B. ?bg=ff0000 oder ?bg=000000
 
+    const divisionEveryCard = urlParams.get('showdivision'); // Liest z. B. ?bg=ff0000 oder ?bg=000000
+
     if (bgColor) {
       // Fügt bei Bedarf ein '#' hinzu, falls der Hex-Code ohne übergeben wurde
       const formattedColor = bgColor.startsWith('#') ? bgColor : `#${bgColor}`;
@@ -214,12 +216,30 @@
 
     function createCardHTML(item) {
       const isTopRank = item.overallRank === 1 ? 'rank-1' : '';
-      
-      // Prüfen, ob der Spieler kaizobrothers ist (Case-Insensitive)
 
       const isUser = item.player && item.player.toLowerCase() === currentUser;
       const highlightClass = isUser ? 'highlight' : '';
 
+      if (divisionEveryCard) {
+        // 1. Division aus dem Spieler-Objekt 'item' holen und kleinschreiben
+        const divName = (item.division || 'master').toLowerCase();
+        const imgPath = `img/${divName}.png`;
+
+        return `
+          <div class="player-card ${highlightClass}">
+            <img src="${imgPath}" class="division-icon-large" alt="${item.division}" onerror="this.style.display='none'">
+            <span class="rank-badge ${isTopRank}">#${item.divisionRank ?? '-'}</span>
+            <span class="player-name">${item.player}</span>
+            <div class="card-info">
+              <span class="divider">|</span>
+              <span>P1: ${item.part1} / P2: ${item.part2}</span>
+              <span class="divider">|</span>
+              <span class="total-time">${item.totalTime}s</span>
+            </div>
+          </div>
+        `;
+      }
+
       return `
         <div class="player-card ${highlightClass}">
           <span class="rank-badge ${isTopRank}">#${item.divisionRank ?? '-'}</span>
@@ -233,7 +253,6 @@
         </div>
       `;
     }
-
     function createDivisionCardHTML(divisionName) {
       const divName = (divisionName || 'master').toLowerCase();
       const imgPath = `img/${divName}.png`;
@@ -242,7 +261,7 @@
         <div class="player-card division-card">
           <img src="${imgPath}" class="division-icon-large" alt="${divisionName}" onerror="this.style.display='none'">
           <div class="division-text">
-            <span class="division-title">DIVISION</span>
+            <!-- <span class="division-title">DIVISION</span> -->
             <span class="division-name">${divisionName}</span>
           </div>
         </div>