You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
mohemm_moe/Mohem/src/app/absence/view-attachments/view-attachments.component....

46 lines
1.4 KiB
HTML

<ion-header >
<ion-toolbar class="header-toolbar-new">
<ion-title color="light"> {{ts.trPK('absenceList','attach')}}</ion-title>
<ion-buttons slot="start">
<nav-buttons></nav-buttons>
</ion-buttons>
</ion-toolbar>
</ion-header>
<ion-content padding>
<div [hidden]="AttachmentList && AttachmentList.length > 0">
<p>{{ts.trPK('general','notAttch')}}</p>
</div>
<div *ngIf="AttachmentList && AttachmentList.length > 0 ">
<ion-card>
<ion-card-header class="boxHdr">
<div class="hrTitle">{{ts.trPK('absenceList','attachList')}}</div>
</ion-card-header>
<ion-card-content>
<ion-grid>
<div *ngFor="let item of AttachmentList">
<ion-row>
<ion-col col-10>
<div> <img float-start class="attachImg" src="../assets/imgs/file.png">
</div>
<ion-label >
{{item.SEQ_NUM }}. {{item.FILE_NAME}} </ion-label>
</ion-col>
<ion-col col-2 >
<button float-end class="attachImgBtn" (click)="OpenAttachFiles(item.FILE_DATA,item.FILE_CONTENT_TYPE
)">
<img class="attachImg" src="../assets/imgs/view.png">
</button>
</ion-col>
</ion-row>
</div>
</ion-grid>
</ion-card-content>
</ion-card>
</div>
</ion-content>