Improve search select document from searh

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

@@ -183,26 +183,26 @@
       </div>
     </div>
     
-    <div hidden class="ion-item-container-no-border">
+    <div  class="ion-item-container-no-border"  (click)="getDoc()">
       <ion-label>
         <div class="attach-icon">
           <ion-icon src="assets/images/icons-attach-doc.svg"></ion-icon>
         </div>
         <div class="attach-document">
-          <ion-label>Anexar Documentos</ion-label>
+          <ion-label>Adicionar documentos</ion-label>
         </div> 
       </ion-label>
     </div>
     
-    <div hidden>
-      <ion-item>
-        <ion-label>Documentos Anexados</ion-label>
-      </ion-item>
+    <div  *ngFor="let document of documents" > 
       <ion-list>
         <ion-item>
         <ion-label>
-          <h4 class="attach-title-item">Text</h4>
-          <p><span class="span-left">Text</span><span class="span-right"> Text </span></p>
+          <p class="d-flex ion-justify-content-between"> 
+            <span class="attach-title-item">{{document.Assunto}}</span> 
+            <span class="app-name">{{document.appName}}</span> 
+          </p> 
+          <p><span class="span-left">{{document.EntidadeOrganicaNome}}</span><span class="span-right"> {{document.Data}} </span></p>
         </ion-label>
       </ion-item>
       </ion-list>

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

@@ -176,4 +176,22 @@ ion-content{
   ion-textarea{
     height: 81px;
   }
+}
+
+
+.app-name{
+  background: #42b9f2;
+  border-radius: 18px;
+  text-align: center;
+  display: flex;
+  align-items: center;
+  padding: 0px 5px;
+  color: white;
+  font-size: 9pt;
+  font-weight: 500;
+  height: 19px;
+  -webkit-border-radius: 18px;
+  -moz-border-radius: 18px;
+  -ms-border-radius: 18px;
+  -o-border-radius: 18px;
 }

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

@@ -5,6 +5,8 @@ import { EventsService } from 'src/app/services/events.service';
 import { Event } from 'src/app/models/event.model';
 import { ModalController } from '@ionic/angular';
 import { removeDuplicate } from 'src/plugin/removeDuplicate.js'
+import { SearchPage } from 'src/app/pages/search/search.page';
+import { SearchDocument } from "src/app/models/search-document";
 @Component({
   selector: 'app-new-event',
   templateUrl: './new-event.component.html',
@@ -33,6 +35,8 @@ export class NewEventPage implements OnInit {
   @Output() GoBackEditOrAdd  = new EventEmitter<any>();
   @Output() cloneAllmobileComponent = new EventEmitter<any>();
 
+  documents:SearchDocument[] = [];
+
   minDate: string;
 
   constructor(
@@ -121,6 +125,23 @@ export class NewEventPage implements OnInit {
 
   }
 
+  async getDoc(){
+    const modal = await this.modalController.create({
+      component: SearchPage,
+      cssClass: 'group-messages modal-desktop search-modal search-modal-to-desktop',
+      componentProps: {
+        type: 'AccoesPresidenciais & ArquivoDespachoElect'
+      }
+    });
+    await modal.present();
+    modal.onDidDismiss().then((res)=>{
+      if(res){
+        const data = res.data;
+        this.documents.push(data.selected);
+      }
+    });
+  }
+  
   close(){
 
     this.deleteTemporaryData();
@@ -131,6 +152,8 @@ export class NewEventPage implements OnInit {
     this.setIntervenientCC.emit([]);
   }
 
+  
+
   save(){
     
     this.postEvent.Attendees = this.taskParticipants.concat(this.taskParticipantsCc);