From c99070ad42976356155ccaed28f6cf2e9050ba02 Mon Sep 17 00:00:00 2001
From: Peter Maquiran <peter.maquiran@equilibrium.local>
Date: Fri, 25 Jun 2021 10:07:22 +0100
Subject: [PATCH] Improve

---
 src/app/pages/agenda/agenda.page.html | 12 +++++-----
 src/app/pages/agenda/agenda.page.ts   | 33 +++++++++++++++++++++++++++
 2 files changed, 39 insertions(+), 6 deletions(-)

diff --git a/src/app/pages/agenda/agenda.page.html b/src/app/pages/agenda/agenda.page.html
index 89de06000..db321e04d 100644
--- a/src/app/pages/agenda/agenda.page.html
+++ b/src/app/pages/agenda/agenda.page.html
@@ -219,11 +219,11 @@
               <div *ngFor="let events of TimelineMDList | keyvalue;" >
                 
                 <div  class="EventListBox-container" *ngIf="CalendarCurrentDay <= events.key">
-                  <div class="day mt-10">
+                  <div class="day mt-10" *ngIf="shoeEventDay(events.value)">
                     {{ TimelineDayEvent(events.key)}}
                   </div>
   
-                  <div *ngFor="let event of events.value" class="EventListBox">
+                  <div *ngFor="let event of events.value" class="EventListBox"  >
 
                     <div class="d-flex content-{{event.profile}}-{{event.event.CalendarName}} mt-10 cursor-pointer width-100 " (click)="eventClicked(event)" 
                       *ngIf="viewEventMonth <= dateMonth(event) && showEventBox(event)">
@@ -262,10 +262,10 @@
               <div *ngFor="let events of TimelineMDList | keyvalue;" >
                 
                 <div class="EventListBox-container" *ngIf="CalendarCurrentDay <= events.key">
-                  <div class="day EventListBox-day mt-10">
+                  <div class="day EventListBox-day mt-10"  *ngIf="shoeEventDay(events.value)">
                     {{ TimelineDayEvent(events.key)}}
                   </div>
-                  <div *ngFor="let event of events.value" class="EventListBox" >
+                  <div *ngFor="let event of events.value" class="EventListBox"  >
                     
                     <div class="d-flex content-mdgpr-{{event.event.CalendarName}} mt-10 cursor-pointer" (click)="eventClicked(event)"
                       *ngIf="viewEventMonth <= dateMonth(event) && showEventBox(event)">
@@ -303,11 +303,11 @@
                 
                 <div class="EventListBox-container"  *ngIf="CalendarCurrentDay <= events.key">
                         
-                  <div class="day mt-10">
+                  <div class="day mt-10" *ngIf="shoeEventDay(events.value)">
                     {{ TimelineDayEvent(events.key)}}
                   </div>
 
-                  <div *ngFor="let event of events.value" class="EventListBox">
+                  <div *ngFor="let event of events.value" class="EventListBox"   >
 
                     <div class="d-flex content-pr-{{event.event.CalendarName}} mt-10 cursor-pointer" (click)="eventClicked(event)"
                       *ngIf="viewEventMonth <= dateMonth(event) &&  showEventBox(event) ">
diff --git a/src/app/pages/agenda/agenda.page.ts b/src/app/pages/agenda/agenda.page.ts
index 0c983fb32..cc4233ada 100644
--- a/src/app/pages/agenda/agenda.page.ts
+++ b/src/app/pages/agenda/agenda.page.ts
@@ -1309,6 +1309,27 @@ export class AgendaPage implements OnInit {
       this.timelineFilterState = segments
     }
     this.showTimelineFilterState = false;
+
+    setTimeout(()=>{
+      document.querySelectorAll('.EventListBox-container .EventListBox').forEach((e)=>{
+        if(e.childElementCount == 0) {
+          e.parentElement.style.display = 'none'
+        } else {
+          e.parentElement.style.display = 'block'
+        }
+      })
+    }, 10)
+
+
+    setTimeout(()=>{
+      document.querySelectorAll('.EventListBox-container .EventListBox').forEach((e)=>{
+        if(e.childElementCount == 0) {
+          e.parentElement.style.display = 'none'
+        } else {
+          e.parentElement.style.display = 'block'
+        }
+      })
+    }, 100)
     
   }
 
@@ -1321,4 +1342,16 @@ export class AgendaPage implements OnInit {
     return false
   }
 
+
+  shoeEventDay(events: any[]) {
+
+    if ( this.segment == 'Combinado') {
+      return true;
+    }
+
+    const reuslt = events.filter((e)=> e.CalendarName == this.segment)
+
+    return reuslt.length != 0
+  }
+
 }
\ No newline at end of file