From fafb5730fea5e467941e5d61b5c7078b7199690e Mon Sep 17 00:00:00 2001
From: Peter Maquiran <petermaquiran29@gmail.com>
Date: Tue, 2 Feb 2021 11:13:45 +0100
Subject: [PATCH] Improve timeline

---
 src/app/pages/agenda/agenda.page.ts | 21 +++++++--------------
 1 file changed, 7 insertions(+), 14 deletions(-)

diff --git a/src/app/pages/agenda/agenda.page.ts b/src/app/pages/agenda/agenda.page.ts
index d1ac6bc23..5f230da6e 100644
--- a/src/app/pages/agenda/agenda.page.ts
+++ b/src/app/pages/agenda/agenda.page.ts
@@ -131,14 +131,10 @@ export class AgendaPage implements OnInit {
     private router: Router,
     private alertCrontroller: AlertService
     ) {
+
+      // timeline inicial date
       this.timelineDate = formatDate(new Date,'dd MMMM yyyy', 'pt');
 
-      setTimeout(()=>{
-        // console.log(JSON.stringify(this.events));
-        // console.log(this.events);
-      },5000)
-
-      // console.log(setHours(setMinutes(new Date(), 0), 12))
 
       function setCookie(cname, cvalue, exdays) {
         var d = new Date();
@@ -173,12 +169,9 @@ export class AgendaPage implements OnInit {
     });
 
 
-
-    this.centralizeTimeline();
-
   }
 
-  centralizeTimeline() {
+  centralizeTimeline(timeout: number) {
     // auto scroll timeline
     setTimeout(() => {
       const timelineMarker = document.querySelector('.cal-current-time-marker');
@@ -189,7 +182,7 @@ export class AgendaPage implements OnInit {
 
       scrollContainer.scrollTop = timelineMarker['offsetTop'] - (scrollContainer.offsetHeight/2);
       
-    }, 2000);
+    }, timeout);
   }
 
   timelineIsCurrentDate(): Boolean {
@@ -257,7 +250,7 @@ export class AgendaPage implements OnInit {
     this.viewDate = new Date(formatDate(ev,'yyyy-MM-dd', 'pt'));
     // calendar change date
     this.eventSelectedDate = new Date(ev);
-    this.centralizeTimeline();
+    this.centralizeTimeline(1000);
   };
 
   // changedate
@@ -379,7 +372,7 @@ export class AgendaPage implements OnInit {
               this.showLoader = false;
               this.showTimeline = true;
 
-              this.centralizeTimeline();
+              this.centralizeTimeline(1000);
              
             });
     
@@ -422,7 +415,7 @@ export class AgendaPage implements OnInit {
               this.showLoader = false;
               this.showTimeline = true;
 
-              this.centralizeTimeline();
+              this.centralizeTimeline(1000);
 
             });
         }