Improve add attachment

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

@@ -199,15 +199,18 @@
     </div>
     
     <div class="d-flex container-div width-100"  *ngFor="let document of loadedEventAttachments" > 
-      <ion-list class="width-100">
+      <ion-list class="width-100 list">
         <ion-item class="width-100">
         <ion-label class="width-100">
           <p class="d-flex ion-justify-content-between"> 
             <span class="attach-title-item">{{document.SourceName}}</span> 
-             <span class="app-name" *ngIf="document.Source == 1"> webTRIX</span>
-             <span class="app-name" *ngIf="document.Source == 2"> K2</span>
-             <span class="app-name" *ngIf="document.Source == 3"> Exchange</span>
-             <span class="app-name" *ngIf="document.Source == 4"> File</span>
+            <span class="app-name" *ngIf="document.Source == 1"> webTRIX</span>
+            <span class="app-name" *ngIf="document.Source == 2"> K2</span>
+            <span class="app-name" *ngIf="document.Source == 3"> Exchange</span>
+            <span class="app-name" *ngIf="document.Source == 4"> File</span>
+            <span class="close-button text-black" (click)="deleteAttachment(document.Id)" >
+              <ion-icon class="font-20" src="assets/images/icons-delete-25.svg"></ion-icon>
+            </span>
 
           </p> 
           <p><span class="span-left">{{document.Stakeholders}}</span><span class="span-right"> {{document.CreateDate}} </span></p>

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

@@ -185,4 +185,20 @@ ion-content{
   -moz-border-radius: 18px;
   -ms-border-radius: 18px;
   -o-border-radius: 18px;
+}
+
+
+.close-button {
+  display: none;
+}
+
+.list:hover {
+
+  .app-name {
+    display: none;
+  }
+
+  .close-button {
+    display: block !important;
+  }
 }

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

@@ -62,8 +62,6 @@ export class EditEventComponent implements OnInit {
           }
         }
       }
-
-      
   
       // attendees list
       if(this.postEvent.Attendees != null) {
@@ -186,7 +184,17 @@ export class EditEventComponent implements OnInit {
   getAttachments(eventId: string){
     this.attachmentsService.getAttachmentsById(eventId).subscribe(res=>{
       this.loadedEventAttachments = res;
+      console.log('res', res);
     });
   }
 
+  deleteAttachment(attachmentID: string) {
+
+    this.attachmentsService.deleteEventAttachmentById(attachmentID).subscribe( 
+      res=>{
+      this.loadedEventAttachments = this.loadedEventAttachments.filter(e=> e.Id.toString() != attachmentID);
+    })
+
+  }
+
 }