save

src/app/modals/dar-parecer/dar-parecer.page.html

@@ -20,16 +20,34 @@
           </div>
         </div>
 
-        <div class="ion-item-container-no-border cursor-pointer">
-          <ion-label>
-            <div class="attach-icon">
+        <div class="ion-item-container-no-border" (click)="getDoc()">
+          <ion-label class="d-flex align-center">
+            <div class="attach-icon d-flex align-center">
               <ion-icon src="assets/images/icons-attach-doc.svg"></ion-icon>
             </div>
-            <div class="attach-document">
+            <div class="attach-document pl-10">
               <ion-label>Anexar Documentos</ion-label>
             </div> 
           </ion-label>
         </div>
+  
+        <div class="list "  *ngFor="let document of documents; let i = index" > 
+          <ion-list>
+            <ion-item>
+            <ion-label>
+              <p class="d-flex ion-justify-content-between"> 
+                <span class="attach-title-item">{{document.Assunto}}</span> 
+                <span class="app-name">{{document.appName}}</span> 
+                <span class="close-button text-black" (click)="removeAttachment(i)" >
+                  <ion-icon class="font-20" src="assets/images/icons-delete-25.svg"></ion-icon>
+                </span>
+              </p> 
+              <p><span class="span-left">{{document.EntidadeOrganicaNome}}</span><span class="span-right"> {{document.Data | date: 'dd-MM-yy'}} </span></p>
+            </ion-label>
+          </ion-item>
+          </ion-list>
+        </div>
+
       </div>
       
     </div>