Improve responsiveness and add doc to task

src/app/pages/agenda/new-event/new-event.page.ts

@@ -206,7 +206,8 @@ export class NewEventPage implements OnInit {
       component: SearchPage,
       cssClass: 'modal-width-100-width-background modal',
       componentProps: {
-        type: 'AccoesPresidenciais & ArquivoDespachoElect'
+        type: 'AccoesPresidenciais & ArquivoDespachoElect',
+        showSearchInput: true 
       }
     });
     await modal.present();

src/app/pages/agenda/view-event/view-event.page.html

@@ -37,16 +37,16 @@
   <div class="main-content d-flex height-100">
     <div class="content d-flex flex-column width-100">
       <div class="main-header">
-        <div class="title-content">
+        <div class="title-content d-flex justify-between">
           <div class="left">
-            <button class="btn-no-color" (click)="close()">
+            <button class="btn-no-color d-flex align-center" (click)="close()">
               <ion-icon slot="end" src='assets/images/icons-arrow-arrow-left.svg'></ion-icon>
             </button>
           </div>
-          <div class="middle">
+          <div class="middle d-flex align-center flex-grow-1">
             <ion-label class="title">{{loadedEvent.Subject}}</ion-label>
           </div>
-          <div class="div-icon">
+          <div class="div-icon d-flex">
             <button class="btn-no-color" (click)="editEvent()">
               <ion-icon class="edit" slot="end" src="assets/images/icons-edit.svg" ></ion-icon>
             </button>

src/app/pages/agenda/view-event/view-event.page.scss

@@ -43,9 +43,7 @@ ion-menu{
         overflow: auto;
       }
       .div-icon{
-        width: 92px;
         float: right;
-        overflow: auto;
         padding: 1px;
       }
       .div-icon .edit{

src/app/pages/events/events.page.ts

@@ -264,7 +264,7 @@ export class EventsPage implements OnInit {
   async viewEventDetail(eventId:any) {
     let classs;
     if( window.innerWidth <= 800){
-      classs = 'modal'
+      classs = 'modal modal-desktop'
     } else  {
       classs = 'modal modal-desktop showAsideOptions'
     }

src/app/pages/gabinete-digital/event-list/approve-event-modal/approve-event-modal.page.html

@@ -1,11 +1,11 @@
 <ion-header class="ion-no-border">
-  <div class="header-content  mx-20 d-flex justify-start">
+  <div class="header-content  mx-20 d-flex justify-between">
     <div class="header-icon-left">
       <button class="btn-no-color" (click)="close()">
         <ion-icon src="assets/images/icons-arrow-arrow-left.svg"></ion-icon>
       </button>
     </div>
-    <div class="header-title flex-md-grow-1">
+    <div class="header-title flex-grow-1">
       <label>{{loadedEvent.workflowInstanceDataFields.Subject}}</label>
     </div>
     <div class="header-icon-right">
@@ -38,23 +38,24 @@
 </ion-menu>
 
 <ion-content id="main-content">
-  <div class="upper-content">
-    <div class="content-location">
-      <div class="location-detail">
+  <div class="upper-content d-flex width-100">
+    <div class="content-location d-flex justify-between width-100">
+      <div class="location-detail flex-grow-1">
         <ion-label >{{loadedEvent.workflowInstanceDataFields.Location}}</ion-label>
+        <div class="content-details">
+          <ion-label>
+            <p>1 {{customDate}}</p>
+            <p>2 das {{loadedEvent.workflowInstanceDataFields.StartDate | date: 'hh:mm'}} às {{loadedEvent.workflowInstanceDataFields.EndDate | date: 'hh:mm'}}</p>
+            <p *ngIf="!loadedEvent.workflowInstanceDataFields.IsRecurring">3 (Não se repete)</p>
+            <p *ngIf="loadedEvent.workflowInstanceDataFields.IsRecurring">4 Repete</p>
+          </ion-label>
+        </div>
       </div>
-      <div class="button-calendar-type">
+      <div class="button-calendar-type d-flex flex-grow-1 justify-end">
         <ion-button  class="button-calendar-type" slot="end">{{loadedEvent.workflowInstanceDataFields.Agenda}}</ion-button>
       </div>
     </div>
-    <div class="content-details">
-      <ion-label>
-        <p>{{customDate}}</p>
-        <p>das {{loadedEvent.workflowInstanceDataFields.StartDate | date: 'hh:mm'}} às {{loadedEvent.workflowInstanceDataFields.EndDate | date: 'hh:mm'}}</p>
-        <p *ngIf="!loadedEvent.workflowInstanceDataFields.IsRecurring">(Não se repete)</p>
-        <p *ngIf="loadedEvent.workflowInstanceDataFields.IsRecurring">Repete</p>
-      </ion-label>
-    </div>
+
   </div>
   <div class="middle-content">
     <div *ngIf="loadedEvent.workflowInstanceDataFields.Participants">

src/app/pages/gabinete-digital/event-list/approve-event-modal/approve-event-modal.page.scss

@@ -18,7 +18,6 @@ ion-menu{
   float: left;
 }
 .header-title{
-  width: 264px;
   font-family: Roboto;
   font-size: 25px;
   margin: 0 5px 0 5px;
@@ -33,19 +32,17 @@ ion-menu{
   overflow: auto;
 }
 .upper-content{
-  margin-left: 50px;
+  padding-left: 50px;
   overflow: auto;
   font-size: 18px;
 
   .content-location{
-    width: 360px;
     margin: 0 auto;
     padding: 0;
     overflow: auto;
   }
 
   .location-detail{
-    width: 210px;
     font-weight: 700;
     font-size: 18px;
     float: left;
@@ -79,7 +76,6 @@ ion-menu{
 }
 
 .bottom-content{
-  width: 360px;
   margin: 0 auto;
   
   .bottom-content h3{

src/app/pages/gabinete-digital/event-list/approve-event-modal/approve-event-modal.page.ts

@@ -38,14 +38,14 @@ export class ApproveEventModalPage implements OnInit {
     private activatedRoute: ActivatedRoute,
   ) {
     this.activatedRoute.paramMap.subscribe(paramMap =>
-      {
-        if (!paramMap.has("serialNumber")){
-          return;
-        }
-        else{
-          this.serialNumber = paramMap.get('serialNumber'); 
-        }
-      });
+    {
+      if (!paramMap.has("serialNumber")){
+        return;
+      }
+      else{
+        this.serialNumber = paramMap.get('serialNumber'); 
+      }
+    });
   }
 
   ngOnInit() {

src/app/pages/gabinete-digital/event-list/approve-event/approve-event.page.html

@@ -1,9 +1,9 @@
 <ion-header class="ion-no-border">
-  <div *ngIf="loadedEvent" class="header-content">
+  <div *ngIf="loadedEvent" class="header-content d-flex justify-between">
     <div class="header-icon-left">
       <ion-icon (click)="close()" src="assets/images/icons-arrow-arrow-left.svg"></ion-icon>
     </div>
-    <div class="header-title">
+    <div class="header-title flex-grow-1">
       <label>{{loadedEvent.workflowInstanceDataFields.Subject}}</label>
     </div>
     <div class="header-icon-right">
@@ -55,7 +55,7 @@
     </div>
   </div>
   <div class="line"></div>
-  <div class="middle-content" *ngIf="loadedEvent">
+  <div class="middle-content overflow-y-auto" *ngIf="loadedEvent">
     <h5>Intervenientes</h5>
     <ion-item>
       <ion-label>

src/app/pages/gabinete-digital/expediente/book-meeting-modal/book-meeting-modal.page.html

@@ -155,7 +155,7 @@
           </div>
         </div>
 
-        <div hidden class="ion-item-container-no-border">
+        <div class="ion-item-container-no-border">
           <ion-label>
             <div class="attach-icon">
               <ion-icon src="assets/images/icons-attach-doc.svg"></ion-icon>

src/app/pages/gabinete-digital/expediente/book-meeting-modal/book-meeting-modal.page.scss

@@ -145,4 +145,26 @@
   justify-content: space-between;
   padding: 20px;
   overflow: auto;
-}
+}
+
+
+ .attach-icon{
+      width: 37px;
+      font-size: 35px;
+      float: left;
+    }
+    .attach-title-item{
+      width: 100%;
+      font-size: 15px;
+      color:#0d89d1;
+    }
+    /* SPAN */
+    .span-left{
+      float: left;
+      font-size: 15x;
+    }
+    .span-right{
+    text-align: right;
+    float: right;
+    font-size: 13px;
+    }

src/app/pages/gabinete-digital/expediente/book-meeting-modal/book-meeting-modal.page.ts

@@ -10,6 +10,7 @@ import { EventPerson } from 'src/app/models/eventperson.model';
 import { EventsService } from 'src/app/services/events.service';
 import { DiscartExpedientModalPage } from '../../discart-expedient-modal/discart-expedient-modal.page';
 import { AttachmentsService } from 'src/app/services/attachments.service';
+import { SearchPage } from 'src/app/pages/search/search.page';
 
 @Component({
   selector: 'app-book-meeting-modal',
@@ -220,6 +221,38 @@ export class BookMeetingModalPage implements OnInit {
 
     modal.onDidDismiss();
   }
+
+
+  async getDoc(){
+    const modal = await this.modalController.create({
+      component: SearchPage,
+      cssClass: 'modal-width-100-width-background modal',
+      componentProps: {
+        type: 'AccoesPresidenciais & ArquivoDespachoElect',
+        showSearchInput: true 
+      }
+    });
+    await modal.present();
+      modal.onDidDismiss().then((res)=> {
+        const data = res.data;
+        //data.selected
+        const DocumentToSave = {
+          SourceTitle: data.selected.Assunto,
+          ParentId: 'this.postEvent.EventId',
+          Source: '1',
+          SourceId: data.selected.Id,
+          ApplicationId: data.selected.ApplicationType.toString(),
+          Id: '0',
+          Link: '',
+          SerialNumber: '',
+        };
+
+        this.attachmentsService.setEventAttachmentById(DocumentToSave).subscribe(  ()=>{
+          this.getAttachments();
+        });
+    });
+  }
+
   
   validateFormInputs(){
     let formLocation = this.postData.Location.trim();

src/app/pages/gabinete-digital/expediente/expedient-task-modal/expedient-task-modal.page.html

@@ -89,8 +89,8 @@
         </div>
       </div>
 
-      <div hidden class="ion-item-container-no-border">
-        <ion-label>
+      <div class="ion-item-container-no-border" (click)="getDoc()">
+        <ion-label class="d-flex ">
           <div class="attach-icon">
             <ion-icon src="assets/images/icons-attach-doc.svg"></ion-icon>
           </div>

src/app/pages/gabinete-digital/expediente/expedient-task-modal/expedient-task-modal.page.scss

@@ -125,4 +125,27 @@
   .aside-content{
     display: block;
   }
+}
+
+
+
+.attach-icon{
+  width: 37px;
+  font-size: 35px;
+  float: left;
+}
+.attach-title-item{
+  width: 100%;
+  font-size: 15px;
+  color:#0d89d1;
+}
+/* SPAN */
+.span-left{
+  float: left;
+  font-size: 15x;
+}
+.span-right{
+text-align: right;
+float: right;
+font-size: 13px;
 }

src/app/pages/gabinete-digital/expediente/expedient-task-modal/expedient-task-modal.page.ts

@@ -14,6 +14,7 @@ import { DiscartExpedientModalPage } from '../../discart-expedient-modal/discart
 import { AttachmentsService } from 'src/app/services/attachments.service';
 import { ExpedienteDetailPage } from '../expediente-detail/expediente-detail.page';
 import { AlertService } from 'src/app/services/alert.service';
+import { SearchPage } from 'src/app/pages/search/search.page';
 
 @Component({
   selector: 'app-expedient-task-modal',
@@ -53,6 +54,8 @@ export class ExpedientTaskModalPage implements OnInit {
   emptyTextDescription = "Sem intervenientes selecionados";
   showEmptyContainer = true;
 
+  taskResult: any = {}
+
   constructor(
     private modalController: ModalController,
     private router:Router,
@@ -124,7 +127,8 @@ export class ExpedientTaskModalPage implements OnInit {
     this.modalController.dismiss(null);
     
   }
-  saveTask(){
+
+  async saveTask(){
 
     if(this.postData.Priority=='99999861'){
       this.dispatchFolder.DeadlineType = 'Normal';
@@ -160,7 +164,7 @@ export class ExpedientTaskModalPage implements OnInit {
             DispatchFolder: this.dispatchFolder,
           }
           console.log('this.postData', this.postData, this.taskType);
-          this.processes.postDespatcho(this.postData);
+          this.taskResult = await this.processes.postDespatcho(this.postData);
           break;
         case '1':
           this.postData = {
@@ -173,7 +177,7 @@ export class ExpedientTaskModalPage implements OnInit {
             DispatchFolder: this.dispatchFolder,
           }
           console.log(this.postData);
-          this.processes.postParecer(this.postData);
+          this.taskResult = await this.processes.postParecer(this.postData);
           break;
         case '2':
           this.postData = {
@@ -186,7 +190,7 @@ export class ExpedientTaskModalPage implements OnInit {
             DispatchFolder: this.dispatchFolder,
           }
           console.log(this.postData);
-          this.processes.postDeferimento(this.postData);
+          this.taskResult = await this.processes.postDeferimento(this.postData);
           break;
       }
 
@@ -363,6 +367,35 @@ export class ExpedientTaskModalPage implements OnInit {
   }
 
 
+  async getDoc(){
+    const modal = await this.modalController.create({
+      component: SearchPage,
+      cssClass: 'modal-width-100-width-background modal',
+      componentProps: {
+        type: 'AccoesPresidenciais & ArquivoDespachoElect',
+        showSearchInput: true 
+      }
+    });
+    await modal.present();
+      modal.onDidDismiss().then((res)=>{
+        const data = res.data;
+        //data.selected
+        const DocumentToSave = {
+          SourceTitle: data.selected.Assunto,
+          ParentId: 'this.postEvent.EventId', // instance
+          Source: '1',
+          SourceId: data.selected.Id,
+          ApplicationId: data.selected.ApplicationType.toString(),
+          Id: '0',
+          Link: '',
+          SerialNumber: '',
+        };
+
+        this.attachmentsService.setEventAttachmentById(DocumentToSave).subscribe(  ()=>{
+          this.getAttachments();
+        });
+    });
+  }
 
 
 }

src/app/pages/gabinete-digital/expediente/expediente-detail/expediente-detail.page.html

@@ -58,10 +58,10 @@
 <ion-content>
   <div class="main-content d-flex height-100">
     <div class="content d-flex flex-column" *ngIf="task">
-      <div class="main-header">
-        <div class="title-content d-flex">
+      <div class="main-header" style="overflow: unset !important;">
+        <div class="title-content d-flex justify-between">
           <app-btn-modal-dismiss></app-btn-modal-dismiss>
-          <div class="middle">
+          <div class="middle flex-grow-1">
             <ion-label class="title">{{ task.Folio}}</ion-label>
           </div>
           <div class="div-icon">
@@ -71,7 +71,7 @@
           </div>
         </div>
       </div>
-      <div class="upper-content">
+      <div class="upper-content" style="overflow: unset !important;">
         <div class="content-details">
           <ion-label>
             <p><span class="date">{{customDate}}</span><span class="label">Expediente</span></p>
@@ -80,72 +80,75 @@
         </div>
       </div>
       <div class="line"></div>
-      <div class="middle-content">
-        <h5 *ngIf="intervenientes">Intervenientes</h5>
-        <ion-item class="ion-no-margin ion-no-padding">
-          <ion-label>
-            <div *ngFor="let interveniente of intervenientes">
-              <p>{{interveniente.Name}}</p>
-            </div>
-          </ion-label>
-        </ion-item>
-        <div *ngIf="cc.length > 0">
-          <h5>Com conhecimento</h5>
+
+      <div class="overflow-y-auto">
+        <div class="middle-content">
+          <h5 *ngIf="intervenientes">Intervenientes</h5>
           <ion-item class="ion-no-margin ion-no-padding">
             <ion-label>
-              <div *ngFor="let c of cc">
-                <p>{{c.Name}}</p>
+              <div *ngFor="let interveniente of intervenientes">
+                <p>{{interveniente.Name}}</p>
               </div>
             </ion-label>
           </ion-item>
-        </div>
-        <h5>Detalhes</h5>
-        <ion-item class="ion-no-margin ion-no-padding">
-            <p [innerHTML]="task.Note"></p>
-        </ion-item>
-      </div>
-      <div class="bottom-content width-100">
-        <ion-list>
-          <h5>Documentos Anexados</h5>
-          <ion-item class="ion-no-margin ion-no-padding">
-          <ion-label
-          (click)="viewDocument()">
-            <p class="attach-title-item">{{ task.Folio }}<span class="span-right color-red btn-size"><ion-icon hidden name="close"></ion-icon></span></p>
-            <p><span class="span-left">{{task.Remetente}}</span><span class="span-right">{{ task.CreateDate | date: 'dd/MM/yy' }}</span></p>
-          </ion-label>
-        </ion-item>
-        </ion-list>
-      </div>
-
-      <div *ngIf="eventsList">
-        <h3 class="h3-event-title">Eventos Associados</h3>
-        <ion-list>
-          <div *ngIf="eventsList">
-            <ion-item-sliding>
-              <ion-item 
-                class="Rectangle" lines="none" 
-                *ngFor="let event of eventsList"
-                (click)="viewEventDetail(event.EventId)"
-              >
-                  <!-- [routerLink]="['/home/events', event.EventId, 'events']" -->
-                  <div class="content-{{profile}}-{{event.CalendarName}}">
-                    <div class="approve-event-time">
-                      <p>{{event.StartDate | date: 'hh:mm'}}</p>
-                      <p>{{event.EndDate | date: 'hh:mm'}}</p>
-                    </div>
-                    <div class="approve-event-detail">
-                      <p *ngIf="event.StartDate != event.EndDate">{{event.StartDate | date: 'd/M/yy' }} - {{ event.EndDate | date: 'dd/mm/yy'}}  |  {{event.Location}}</p>
-                      <p *ngIf="event.StartDate == event.EndDate">{{event.StartDate | date: 'd/M/yy' }}  |  {{event.Location}}</p>
-                      <h3>{{event.Subject}}</h3>
-                    </div>
-                  </div>
-                </ion-item>
-            </ion-item-sliding>
+          <div *ngIf="cc.length > 0">
+            <h5>Com conhecimento</h5>
+            <ion-item class="ion-no-margin ion-no-padding">
+              <ion-label>
+                <div *ngFor="let c of cc">
+                  <p>{{c.Name}}</p>
+                </div>
+              </ion-label>
+            </ion-item>
           </div>
-        </ion-list>
+          <h5>Detalhes</h5>
+          <ion-item class="ion-no-margin ion-no-padding">
+              <p [innerHTML]="task.Note"></p>
+          </ion-item>
+        </div>
+        <div class="bottom-content width-100">
+          <ion-list>
+            <h5>Documentos Anexados</h5>
+            <ion-item class="ion-no-margin ion-no-padding">
+            <ion-label
+            (click)="viewDocument()">
+              <p class="attach-title-item">{{ task.Folio }}<span class="span-right color-red btn-size"><ion-icon hidden name="close"></ion-icon></span></p>
+              <p><span class="span-left">{{task.Remetente}}</span><span class="span-right">{{ task.CreateDate | date: 'dd/MM/yy' }}</span></p>
+            </ion-label>
+          </ion-item>
+          </ion-list>
+        </div>
+  
+        <div *ngIf="eventsList">
+          <h3 class="h3-event-title">Eventos Associados</h3>
+          <ion-list>
+            <div *ngIf="eventsList">
+              <ion-item-sliding>
+                <ion-item 
+                  class="Rectangle" lines="none" 
+                  *ngFor="let event of eventsList"
+                  (click)="viewEventDetail(event.EventId)"
+                >
+                    <!-- [routerLink]="['/home/events', event.EventId, 'events']" -->
+                    <div class="content-{{profile}}-{{event.CalendarName}} width-100 ">
+                      <div class="approve-event-time">
+                        <p>{{event.StartDate | date: 'hh:mm'}}</p>
+                        <p>{{event.EndDate | date: 'hh:mm'}}</p>
+                      </div>
+                      <div class="approve-event-detail">
+                        <p *ngIf="event.StartDate != event.EndDate">{{event.StartDate | date: 'd/M/yy' }} - {{ event.EndDate | date: 'dd/mm/yy'}}  |  {{event.Location}}</p>
+                        <p *ngIf="event.StartDate == event.EndDate">{{event.StartDate | date: 'd/M/yy' }}  |  {{event.Location}}</p>
+                        <h3>{{event.Subject}}</h3>
+                      </div>
+                    </div>
+                  </ion-item>
+              </ion-item-sliding>
+            </div>
+          </ion-list>
+        </div>
       </div>
-
     </div>
+
     <div class="aside-right flex-column height-100">
       <div class="buttons">
         <button (click)="openExpedientActionsModal('0',fulltask)" class="btn-ok" shape="round" >Efectuar Despacho</button>
@@ -201,6 +204,7 @@
         </ion-button>
       </ion-list>
     </div>
+
   </div>
 </ion-content>
 

src/app/pages/gabinete-digital/gabinete-digital.page.html

@@ -20,7 +20,7 @@
         </div>
         
         <div class="aside overflow-y-auto d-flex  flex-wrap width-100">
-          <div [class.active]="selectedElement == 'approval'" (click)="openEventsToApprovePage('MDGPR');selectedElement='approval'"  class="exp-card d-flex flex-column" >
+          <div [class.active]="selectedElementF('approval')" (click)="openEventsToApprovePage('MDGPR');selectedElement='approval'"  class="exp-card d-flex flex-column" >
             <div class="d-flex justify-center">
               <ion-icon  src="assets/images/icons-agenda.svg"></ion-icon>
             </div>
@@ -28,7 +28,7 @@
             <p class="text-center exp-card-content">{{count_ev_md+count_ev_pr}} <span class="title1">Documentos</span></p>
           </div>
 
-          <div [class.active]="selectedElement == 'Correspondence'" (click)="openExpedientListPage(); selectedElement='Correspondence'" class="exp-card d-flex flex-column justify-center" >
+          <div [class.active]="selectedElementF('Correspondence')" (click)="openExpedientListPage(); selectedElement='Correspondence'" class="exp-card d-flex flex-column justify-center" >
             <div class="d-flex justify-center">
               <ion-icon  src="assets/images/icons-correspondencia.svg"></ion-icon>
             </div>
@@ -36,7 +36,7 @@
             <p class="text-center exp-card-content">{{count_exp_dailywork}} <span class="title1">Documentos</span></p>
           </div>
 
-          <div  [class.active]="selectedElement == 'Pending'" (click)="notImplemented()" class="exp-card d-flex flex-column justify-center" >
+          <div  [class.active]="selectedElementF('Pending')" (click)="notImplemented()" class="exp-card d-flex flex-column justify-center" >
             <div class="d-flex justify-center">
               <ion-icon  src="assets/images/icons-expediente-pendente.svg"></ion-icon>
             </div>
@@ -45,7 +45,7 @@
             <p class="text-center exp-card-content"><span class="number">-</span> <span class="title1">Documentos</span></p>
           </div>
 
-          <div [class.active]="selectedElement == 'Dispatches'" class="exp-card d-flex flex-column justify-center" (click)="openDespachosPage(); selectedElement='Dispatches'">
+          <div [class.active]="selectedElementF('Dispatches') " class="exp-card d-flex flex-column justify-center" (click)="openDespachosPage(); selectedElement='Dispatches'">
             <div class="d-flex justify-center">
               <ion-icon  src="assets/images/icons-despachos-presidente.svg"></ion-icon>
             </div>
@@ -53,7 +53,7 @@
             <p class="text-center exp-card-content">{{count_desp_dailywork}}<span class="title1">Documentos</span> </p>
           </div>
 
-          <div [class.active]="selectedElement == 'RequestsForOpinion'" class="exp-card d-flex flex-column justify-center" (click)="openPedidosPage('parecer'); selectedElement='RequestsForOpinion'">
+          <div [class.active]="selectedElementF('RequestsForOpinion')" class="exp-card d-flex flex-column justify-center" (click)="openPedidosPage('parecer'); selectedElement='RequestsForOpinion'">
             <div class="d-flex justify-center">
               <ion-icon  src="assets/images/icons-expediente-parecer.svg"></ion-icon>
             </div>
@@ -61,14 +61,16 @@
             <p class="text-center exp-card-content">{{count_par_dailywork}} <span class="title1">Documentos</span></p>
           </div>
 
-          <div [class.active]="selectedElement == 'RequestForApproval'" class="exp-card d-flex flex-column justify-center" (click)="openPedidosPage('deferimento'); selectedElement = 'RequestForApproval'">
+          <div [class.active]="selectedElementF('RequestForApproval')" class="exp-card d-flex flex-column justify-center" (click)="openPedidosPage('deferimento'); selectedElement = 'RequestForApproval'">
             <div class="d-flex justify-center">
               <ion-icon  src="assets/images/icons-expediente-deferimento.svg"></ion-icon>
             </div>
             <p class="text-center exp-card-title ">Pedidos de Deferimento</p>
             <p class="text-center exp-card-content">{{count_def_dailywork}} <span class="title1">Documentos</span></p>
           </div>
-          <div [class.active]="selectedElement == '£££££££'" class="exp-card d-flex d-none flex-column justify-center" (click)="notImplemented()">
+
+          <!-- Desktop -->
+          <div [class.active]="selectedElementF('£££££££')" class="exp-card d-md-flex d-none flex-column justify-center" (click)="notImplemented()">
             <div class="d-flex justify-center">
               <ion-icon  src="assets/images/icons-expediente-presidente.svg"></ion-icon>
             </div>
@@ -76,7 +78,8 @@
             <p class="text-center exp-card-content"><span class="number">-</span> <span class="title1">Documentos</span></p>
           </div>
 
-          <div [class.active]="selectedElement == '£££££££'" class="exp-card d-flex d-none flex-column justify-center" (click)="notImplemented()">
+          <!-- Desktop -->
+          <div [class.active]="selectedElementF('£££££££')" class="exp-card d-md-flex d-none flex-column justify-center" (click)="notImplemented()">
             <div class="d-flex justify-center">
               <ion-icon  src="assets/images/icons-despachos-presidente.svg"></ion-icon>
             </div>
@@ -84,7 +87,8 @@
             <p class="text-center exp-card-content"><span class="number">-</span> <span class="title1">Documentos</span> </p>
           </div>
 
-          <div [class.active]="selectedElement == '£££££££'" class="exp-card-long justify-center width-100" (click)="notImplemented()">
+          <div [class.active]="selectedElementF('£££££££')" class="exp-card-long justify-center width-90 ma-0 my-5 background-white" (click)="notImplemented()"
+            style=" box-shadow: 0 0 10px 0 rgb(0 0 0 / 7%);">
             <div class="center-div">
               <div class="exp-card-icon">
                 <ion-icon  src="assets/images/icons-expediente-presidente.svg"></ion-icon>
@@ -96,7 +100,8 @@
             </div>
           </div>
 
-          <div [class.active]="selectedElement == '£££££££'" class="exp-card-long width-100" (click)="notImplemented()">
+          <div [class.active]="selectedElementF('£££££££')" class="exp-card-long width-90 ma-0 my-5 background-white" (click)="notImplemented()"
+            style="box-shadow: 0 0 10px 0 rgb(0 0 0 / 7%);">
             <div class="center-div">
               <div class="exp-card-icon">
                 <ion-icon  src="assets/images/icons-despachos-presidente.svg"></ion-icon>
@@ -108,7 +113,7 @@
             </div>
           </div>
 
-          <div [class.active]="selectedElement == '£££££££'" class="exp-card d-flex flex-column justify-center" (click)="notImplemented()">
+          <div [class.active]="selectedElementF('£££££££')" class="exp-card d-flex flex-column justify-center" (click)="notImplemented()">
             <div class="d-flex justify-center">
               <ion-icon  src="assets/images/icons-expediente-diploma.svg"></ion-icon>
             </div>
@@ -116,7 +121,7 @@
             <p class="text-center exp-card-content"><span class="number">-</span> <span class="title1">Documentos</span> </p>
           </div>
 
-          <div [class.active]="selectedElement == '£££££££'" class="exp-card d-flex flex-column justify-center" (click)="notImplemented()">
+          <div [class.active]="selectedElementF('£££££££')" class="exp-card d-flex flex-column justify-center" (click)="notImplemented()">
             <div class="d-flex justify-center">
               <ion-icon  src="assets/images/icons-diplomas-assinados-presidente.svg"></ion-icon>
             </div>

src/app/pages/gabinete-digital/gabinete-digital.page.ts

@@ -266,4 +266,11 @@ export class GabineteDigitalPage implements OnInit {
 
   }
 
+  selectedElementF(element:string) {
+    if (window.innerWidth >= 800) {
+      return element ==  this.selectedElement
+    }
+    return false;
+  }
+
 }

src/app/pages/login/login.page.ts

@@ -82,7 +82,7 @@ export class LoginPage implements OnInit {
   }
 
   getToken() {
-    this.notificatinsservice.getAndpostToken(this.username);
+    // this.notificatinsservice.getAndpostToken(this.username);
   }
 
 

src/app/pages/search/search.page.html

@@ -4,7 +4,7 @@
   <ion-progress-bar type="indeterminate" class="loader" *ngIf="showLoader"></ion-progress-bar>
   <div class="d-flex ion-justify-content-between">
     
-    <ion-form  [class.d-md-none]="!select">
+    <ion-form  [class.d-none]="!showSearchInput">
       <div class="d-flex search-input-container ion-justify-content-between" >
         <div class="icon">
           <button class="btn-no-color" (click)="basicSearch()">
@@ -26,7 +26,7 @@
     <div *ngIf="!showAdvanceSearch" class="icon-z icon-most-searched-word-open" (click)="showHideAdvanceSearch(true)">
       <ion-icon src="assets/images/icons-most-searched-words-open.svg" class="icon" slot="end"></ion-icon>
     </div>
-    <div *ngIf="showAdvanceSearch" class="icon-z icon-most-searched-word-open align-md-baseline" (click)="showHideAdvanceSearch(false)" >
+    <div *ngIf="showAdvanceSearch" class="icon-z icon-most-searched-word-open align-md-baseline pl-10" (click)="showHideAdvanceSearch(false)" >
       <ion-icon src="assets/images/advance-search-show-modal.svg"  class="icon" slot="end"></ion-icon>
     </div>
   

src/app/pages/search/search.page.ts

@@ -55,6 +55,8 @@ export class SearchPage implements OnInit {
   type : "Agenda" | "Correspondencia" | "AccoesPresidenciais" | "ArquivoDespachoElect" | "AccoesPresidenciais & ArquivoDespachoElect" = "Agenda";
   select: boolean = false;
 
+  showSearchInput = false
+
   constructor(private modalController: ModalController,
     private search: SearchService,
     private modalCtrl: ModalController,
@@ -63,7 +65,11 @@ export class SearchPage implements OnInit {
       this.currentPath= window.location.pathname;
 
       this.type = this.navParams.get('type');
-    
+
+      this.type = this.navParams.get('type');
+
+      this.showSearchInput = this.navParams.get('showSearchInput');
+  
 
       if(this.type == null || this.type == undefined) {
         
@@ -86,6 +92,7 @@ export class SearchPage implements OnInit {
       
   }
 
+
   selectItem(item: SearchDocument) {
     if(this.select){
       this.modalController.dismiss({