From 617489a56563a4e81faf54bc2ff30b03117c7b37 Mon Sep 17 00:00:00 2001
From: "k.triantafyllou" <k.triantafyllou@di.uoa.gr>
Date: Thu, 21 Dec 2023 13:21:00 +0200
Subject: [PATCH] [angular-16-irish-monitor | CHANGED | DONE]: Add class in
 access-route-badge of result preview base on the required dots.

---
 utils/result-preview/result-preview.component.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/utils/result-preview/result-preview.component.html b/utils/result-preview/result-preview.component.html
index 9d5833db..016ca66e 100644
--- a/utils/result-preview/result-preview.component.html
+++ b/utils/result-preview/result-preview.component.html
@@ -217,7 +217,7 @@
           <div *ngIf="result.oaRoutes" class="uk-first-column">
 <!--               class="metrics uk-text-xsmall uk-width-auto uk-flex uk-flex-middle uk-flex-right uk-text-meta">-->
             <a class="uk-flex uk-flex-middle uk-link-reset">
-              <span class="access-route-badge">
+              <span #badge class="access-route-badge" [ngClass]="'dots-' + badge.children.length.toString()">
                 <span *ngIf="result.oaRoutes.green" class="dot green"></span>
                 <span *ngIf="result.oaRoutes.oaColor" class="dot" [ngClass]="result.oaRoutes.oaColor"></span>
                 <span *ngIf="result.oaRoutes.isInDiamondJournal" class="dot diamond"></span>