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.
sfh-mohemm/Mohem/src/app/hmg-common/ui/file-uploader/file-uploader.component.html

40 lines
1.5 KiB
HTML

<!-- <two-option-select (selected)="switchOptions($event)" [option1]="ts.trPK('settings','file')" [option2]="ts.trPK('settings','camera')"
[isOption1]="true"></two-option-select> -->
<!-- <input [id]="attachmentname" type="file" name="attachment" style="display:none" (change)='loadAttachment($event)'
accept="jpg, jpeg, png, gif, pdf, doc, docx"> -->
<ion-button (click)="openFile()" slot="end" expand="block" fill="outline" class="uploader">
<ion-icon name="attach" slot="start" ></ion-icon>
{{'general,select-attachment' | translate}}
</ion-button>
<!-- <div class="uploader-icons">
<ion-item lines="none">
<p slot="start" class="file-name"> <img [src]="attachmentImg" /> {{file.name}}</p>
<p slot="end" class="delete-cont"><img [src]="deleteImg" (click)="deleteFiles(i)"></p>
</ion-item>
</div> -->
<ion-slides>
<ion-slide>
<ion-grid class=" gridAH" *ngIf="inputFiles.length>0">
<ion-row>
<ion-col lines="none" size="3" *ngFor="let file of inputFiles; let i = index">
<div class="image-container">
<div class="uploaded">
<div class="closed" (click)="deleteFiles(i)">X</div>
<img [src]="getImgContent(file.data) " />
</div>
</div>
</ion-col>
</ion-row>
</ion-grid>
</ion-slide>
</ion-slides>
<div *ngIf="errorMsg" class="error">
{{errorMsg}}
</div>