Improve responsiveness and add doc to task

src/app/shared/agenda/approve-event/approve-event.component.html

@@ -66,6 +66,7 @@
         </div>
       </div>
       <div class="line"></div>
+
       <div class="middle-content">
         <div *ngIf="loadedEvent.workflowInstanceDataFields.ParticipantsList">
           <h5>Intervenientes</h5>
@@ -95,6 +96,11 @@
         </ion-list>
       </div>
     </div>
+
+    <div class="overflow-y-auto">
+      
+    </div>
+
     <div *ngIf="showAside" class="aside-right flex-column height-100">
       <div class="aside-buttons">
         <button hidden full class="btn-ok" shape="round" >Editar evento</button>
@@ -104,8 +110,10 @@
         <button (click)="rejectTask(loadedEvent.serialNumber)" full class="btn-delete" shape="round" >Rejeitar</button>
       </div>
     </div>
+
   </div>
 </ion-content>
+
 <ion-footer class="display-none-{{showAside}}">
     <div class="buttons">
       <button class="btn-cancel" shape="round" (click)="emendTask(loadedEvent.serialNumber)">Adicionar Nota</button>

src/app/shared/agenda/edit-event/edit-event.component.ts

@@ -207,7 +207,8 @@ export class EditEventComponent 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/shared/agenda/new-event/new-event.component.html

@@ -210,6 +210,7 @@
       </ion-item>
       </ion-list>
     </div> 
+    
   </div>    
 </ion-content>
 <ion-footer class="ion-no-border px-20">

src/app/shared/agenda/new-event/new-event.component.ts

@@ -132,7 +132,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/shared/agenda/view-event/view-event.page.html

@@ -35,7 +35,7 @@
 
 <ion-header  class="ion-no-border">
   <ion-toolbar class="header-toolbar">
-    <div class="main-header px-20">
+    <div class="main-header px-20" style="overflow: unset !important;">
       <div class="title-content d-flex"  >
         <div class="left">
           <button class="btn-no-color" (click)="close()">
@@ -46,7 +46,7 @@
           <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>
@@ -102,10 +102,10 @@
       <ion-list class="width-100">
         <ion-item *ngFor="let attach of loadedAttachments; let i = index" class="width-100" lines="none" class="ion-no-margin ion-no-padding">
           <ion-label class="width-100 d-flex " >
-            <div class="flex-grow-1"  (click)="viewDocument(attach.SourceId)">
-              <p class="attach-title-item">{{attach.SourceName}}</p>
+            <p class="flex-grow-1"  (click)="viewDocument(attach.SourceId)">
+              <span class="attach-title-item">{{attach.SourceName}}</span>
               <span class="span-left">{{attach.Stakeholders}}</span>
-            </div>
+            </p>
 
             <div class="d-flex align-end">
               <span class="span-right">{{ attach.CreateDate | date: 'dd-MM-yy' }}</span>

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

@@ -19,7 +19,6 @@ ion-menu{
     border-top-left-radius: 25px;
     border-top-right-radius: 25px;
     background-color: #fff;
-    overflow:hidden;
     padding: 30px 0px 0px 0px;
     color:#000;
     transform: translate3d(0, 1px, 0);
@@ -36,7 +35,6 @@ ion-menu{
         overflow: hidden;
       }
       .middle{
-          width: 230px;
           padding: 0!important;
           float: left;
           margin: 2.5px 0 0 0;
@@ -45,12 +43,10 @@ ion-menu{
         width: 45px;
         font-size: 45px;
         float: right;
-        overflow: auto;
+
       }
       .div-icon{
-        width: 92px;
         float: right;
-        overflow: auto;
         padding: 1px;
       }
       .div-icon .edit{
@@ -87,7 +83,7 @@ ion-menu{
           width: 100%;
           margin: 0 auto;
           padding: 0;
-          overflow: auto;
+
 
           .date{
             float: left;

src/app/shared/gabinete-digital/despachos/despachos.page.html

@@ -70,14 +70,14 @@
             >
             <!--  [routerLink]="['/home/gabinete-digital/expediente',task.SerialNumber]" -->
               <div class="item width-100">
-                <div class="exp-top-detail">
+                <div class="exp-top-detail ">
                   <div class="exp-date">
                     <ion-label>{{ task.CreateDate | date: 'dd-MM-yy' }}</ion-label>
                   </div>
                   <div class="exp-remetente">
                     <ion-label>{{task.Senders}}</ion-label>
                   </div>
-                  <div class="exp-icon">
+                  <div class="exp-icon d-flex align-center">
                     <ion-icon src="assets/images/icons-expediente-attachment.svg"></ion-icon>
                     <label>{{task.DocumentsQty}}</label>
 

src/app/shared/header/header.page.ts

@@ -41,17 +41,32 @@ export class HeaderPage implements OnInit {
 
   async openSearch() {
 
-    let classs;
+    let classs, showSearchInput, type;
     if(window.innerWidth < 1366) {
       classs = 'modal modal-width-100 modal-padding-top'
+      showSearchInput = true
     } else {
       classs = 'modal modal-width-100 modal-padding-top modal-desktop-shadow modal-desktop-remove-background'
+      showSearchInput = false
+    }
+
+
+
+    if(window.location.pathname  == '/home/agenda') {
+      type = "Agenda"
+    } else if (window.location.pathname  =='/home/gabinete-digital') {
+      type = "AccoesPresidenciais & ArquivoDespachoElect"
+
+    } else if (window.location.pathname  == '/home/publications') {
+      type = "AccoesPresidenciais"
     }
 
     const modal = await this.modalController.create({
       component: SearchPage,
       cssClass: classs,
       componentProps: {
+        type: 'AccoesPresidenciais & ArquivoDespachoElect',
+        showSearchInput: showSearchInput
       }
     });
     return await modal.present();