From 6da979ccc5c0d0df92a2d87fbe20618da56fe44d Mon Sep 17 00:00:00 2001
From: Peter Maquiran <peter.maquiran@equilibrium.local>
Date: Wed, 5 May 2021 13:44:51 +0100
Subject: [PATCH] improve gabinete digital responsiveness

---
 src/app/pages/agenda/agenda.page.ts           | 40 ++++++++++++-------
 .../book-meeting-modal.page.ts                |  2 +-
 .../gabinete-digital.page.html                |  2 +-
 .../gabinete-digital/gabinete-digital.page.ts |  6 +--
 4 files changed, 30 insertions(+), 20 deletions(-)

diff --git a/src/app/pages/agenda/agenda.page.ts b/src/app/pages/agenda/agenda.page.ts
index 89644c8ec..c636daa28 100644
--- a/src/app/pages/agenda/agenda.page.ts
+++ b/src/app/pages/agenda/agenda.page.ts
@@ -339,22 +339,32 @@ export class AgendaPage implements OnInit {
   // for timeline
   centralizeTimeline(timeout: number) {
     // auto scroll timeline
-    setTimeout(() => {
-      const timelineMarker = document.querySelector('.cal-current-time-marker');
-      const scrollContainer = document.querySelector('.timeline-wrapper');
 
-      try {
-        scrollContainer.scroll({
-          top: timelineMarker['offsetTop'] - ((scrollContainer['offsetHeight']/2) - 60),
-          left: 0, 
-          behavior: 'smooth' 
-        })
-      } catch (error) {
-        //
-        this.selectFirstEventOfTheDay();
-      }
-      
-    }, timeout);
+    if(!this.showLoader) {
+      setTimeout(() => {
+        const timelineMarker = document.querySelector('.cal-current-time-marker');
+        const scrollContainer = document.querySelector('.timeline-wrapper');
+  
+        
+        try {
+          scrollContainer.scroll({
+            top: timelineMarker['offsetTop'] - ((scrollContainer['offsetHeight']/2) - 60),
+            left: 0, 
+            behavior: 'smooth' 
+          })
+        } catch (error) {
+          //
+          if(!this.showLoader) {
+            this.selectFirstEventOfTheDay();
+          }
+          
+        }
+  
+  
+  
+      }, timeout);
+    }
+
   }
 
   // for timeline
diff --git a/src/app/pages/gabinete-digital/expediente/book-meeting-modal/book-meeting-modal.page.ts b/src/app/pages/gabinete-digital/expediente/book-meeting-modal/book-meeting-modal.page.ts
index a28187c4d..5a5133afa 100644
--- a/src/app/pages/gabinete-digital/expediente/book-meeting-modal/book-meeting-modal.page.ts
+++ b/src/app/pages/gabinete-digital/expediente/book-meeting-modal/book-meeting-modal.page.ts
@@ -209,7 +209,7 @@ export class BookMeetingModalPage implements OnInit {
     }
   }
 
-  async distartExpedientModal(){
+  async distartExpedientModal() {
     const modal = await this.modalController.create({
       component: DiscartExpedientModalPage,
        componentProps: {
diff --git a/src/app/pages/gabinete-digital/gabinete-digital.page.html b/src/app/pages/gabinete-digital/gabinete-digital.page.html
index 496e9cd1f..179697ffc 100644
--- a/src/app/pages/gabinete-digital/gabinete-digital.page.html
+++ b/src/app/pages/gabinete-digital/gabinete-digital.page.html
@@ -11,7 +11,7 @@
   <div class="main-content d-flex height-100">
 
       <!-- Aside left -->
-      <div class="aside-wrapper d-flex flex-column justify-center width-md-40 ">
+      <div class="aside-wrapper d-flex flex-column justify-center width-md-40 flex-grow-1 ">
         <div class="title-container">
           <ion-label class="title">Gabinete Digital</ion-label>
           <button class="btn-no-color btn-refresh" (click)="doRefresh($event)">
diff --git a/src/app/pages/gabinete-digital/gabinete-digital.page.ts b/src/app/pages/gabinete-digital/gabinete-digital.page.ts
index 99eb9ac8f..c2682dd4f 100644
--- a/src/app/pages/gabinete-digital/gabinete-digital.page.ts
+++ b/src/app/pages/gabinete-digital/gabinete-digital.page.ts
@@ -64,7 +64,7 @@ export class GabineteDigitalPage implements OnInit {
 
       window.onresize = (event) => {
         // if not mobile remove all component
-        if( window.innerWidth <= 1024){
+        if( window.innerWidth <= 800){
           this.modalController.dismiss();
         }
       };
@@ -195,7 +195,7 @@ export class GabineteDigitalPage implements OnInit {
     console.log(profile);
     
     this.closeAllDesktopComponents();
-    if( window.innerWidth <= 1024){
+    if( window.innerWidth <= 800){
       this.openEventsToApproveList(profile);
     }
     else{
@@ -203,7 +203,7 @@ export class GabineteDigitalPage implements OnInit {
     }
   }
   
-  async openEventsToApproveList(profile:any){
+  async openEventsToApproveList(profile:any) {
     
     this.closeAllDesktopComponent();
     //if( window.innerWidth <= 1024){