Merge pull request #1498 from rodekruis/fix.empty-timestamp

fix empty timestamp and reduce html duplication
rodekruis · Jul 4, 2024 · 7c82c4e · 7c82c4e
2 parents e110277 + 520a2e5
commit 7c82c4e
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 16 deletions.
diff --git a/interfaces/IBF-dashboard/src/app/components/dialogue-turn/dialogue-turn.component.html b/interfaces/IBF-dashboard/src/app/components/dialogue-turn/dialogue-turn.component.html
@@ -16,28 +16,14 @@
 >
   <div class="dialogue-turn--content">
     <ion-card
-      *ngIf="isSelected"
-      [style.border-color]="borderColor"
-      (mouseout)="onMouseOut()"
-    >
-      <ion-card-content>
-        <ng-container *ngTemplateOutlet="contentTemplate"></ng-container>
-        <small><app-timestamp [timestamp]="timestamp"></app-timestamp></small>
-      </ion-card-content>
-    </ion-card>
-    <ion-card
-      *ngIf="!isSelected"
+      [style.border-color]="mouseOver || isSelected ? borderColor : null"
       (mouseover)="onMouseOver()"
       (mouseout)="onMouseOut()"
-      [style.border-color]="
-        mouseOver ? borderColor : 'var(--ion-color-fiveten-neutral-100)'
-      "
     >
       <ion-card-content>
         <ng-container *ngTemplateOutlet="contentTemplate"></ng-container>
         <small><app-timestamp [timestamp]="timestamp"></app-timestamp></small>
       </ion-card-content>
     </ion-card>
-    <span class="dialogue-turn--speech-arrow"></span>
   </div>
 </div>
diff --git a/interfaces/IBF-dashboard/src/app/components/timestamp/timestamp.component.html b/interfaces/IBF-dashboard/src/app/components/timestamp/timestamp.component.html
@@ -1,3 +1,3 @@
-<ion-text class="ion-float-end">
+<ion-text class="ion-float-end" *ngIf="timestamp">
   {{ displayDate }} - <strong>{{ displayTime }}</strong>
 </ion-text>