agenda drop down calendar

src/app/pages/agenda/agenda.page.html

@@ -140,7 +140,7 @@
                 </thead>
               </table>
 
-              <div class="calendar-conteiner-height overflow-hidden" [style.height]="height">
+              <div class="calendar-conteiner-height overflow-hidden" [style.height]="listBoxService.height">
                 <calendar
                     class="calendar-component"
                     [eventSource]="listToPresent"
@@ -186,7 +186,7 @@
           <div class="calendar-title-container px-20 d-flex">
 
             <ion-row class="timeline-date align-center pr-10">
-              <button class="no-color"  *ngIf="showCalendar" (click)="height='0px';showCalendar=false">
+              <button class="no-color"  *ngIf="showCalendar" (click)="listBoxService.height='0px';showCalendar=false">
                 <ion-icon *ngIf="ThemeService.currentTheme == 'default' " class="collaps  font-25" src="assets/images/icons-collaps-up.svg" ></ion-icon>
                 <ion-icon *ngIf="ThemeService.currentTheme == 'gov' " class="collaps  font-25" src="assets/images/theme/gov/icons-collaps-up.svg" ></ion-icon>
                 <ion-icon *ngIf="ThemeService.currentTheme == 'doneIt' "  class="collaps  font-25"  src="assets/images/theme/{{ThemeService.currentTheme}}/icons-collaps-up.svg"></ion-icon>

src/app/pages/agenda/agenda.page.ts

@@ -176,7 +176,7 @@ export class AgendaPage implements OnInit {
     public eventService: EventsService,
     private router: Router,
     private dateAdapter: DateAdapter<any>,
-    private listBoxService: ListBoxService,
+    public listBoxService: ListBoxService,
     private changeProfileService: ChangeProfileService,
     private backgroundservice: BackgroundService,
     public ThemeService: ThemeService,
@@ -274,6 +274,7 @@ export class AgendaPage implements OnInit {
             this.updateEventListBox()
           }
           realoadCounter++;
+          this.weekToShow()
         }
       });
   
@@ -290,8 +291,6 @@ export class AgendaPage implements OnInit {
     }, 1000)
   }
 
-  height = 'unset'
-
   weekToShow() {
 
     setTimeout(() => {
@@ -315,7 +314,11 @@ export class AgendaPage implements OnInit {
         } 
     
         this.showCalendar = true
-        this.height = (weekNum * dayBoxHeight) +'px'
+        this.listBoxService.height = (weekNum * dayBoxHeight) +'px'
+  
+        if(dayBoxHeight == 0) {
+          this.weekToShow()
+        }
       } catch (e) {
         setTimeout(()=> {
           this.weekToShow()

src/app/services/agenda/list-box.service.ts

@@ -7,6 +7,8 @@ import { DateService } from '../date.service';
 })
 export class ListBoxService {
 
+	height = "unset"
+	
 	constructor(
     	private dateService: DateService
 	){}

workspace.code-workspace

@@ -2,6 +2,9 @@
     "folders": [
 		{
 			"path": "."
+		},
+		{
+			"path": "../srccccccccccccc/src"
 		}
 	],
     "settings": {