34 lines
1.7 KiB
HTML
34 lines
1.7 KiB
HTML
|
<form (ngSubmit)="changeName(newFileName, $event)" #nameForm>
|
||
|
|
<ion-item class="ion-text-wrap item-media" (click)="fileClicked($event)"> <!-- [class.item-input]="editMode" -->
|
||
|
|
<img [src]="fileIcon" alt="{{fileExtension}}" role="presentation" slot="start" />
|
||
|
|
|
||
|
|
<ion-label>
|
||
|
|
<!-- File name and edit button (if editable). -->
|
||
|
|
<h3 *ngIf="!editMode">{{fileName}}</h3>
|
||
|
|
<!-- More data about the file. -->
|
||
|
|
<p *ngIf="size && !editMode">{{ size }}</p>
|
||
|
|
<p *ngIf="timemodified && !editMode">{{ timemodified }}</p>
|
||
|
|
</ion-label>
|
||
|
|
|
||
|
|
<!-- Form to edit the file's name. -->
|
||
|
|
<ion-input type="text" name="filename" [placeholder]="'core.filename' | translate" autocapitalize="none" autocorrect="off"
|
||
|
|
(click)="$event.stopPropagation()" [core-auto-focus] [(ngModel)]="newFileName" *ngIf="editMode">
|
||
|
|
</ion-input>
|
||
|
|
|
||
|
|
<div class="buttons" slot="end" *ngIf="manage">
|
||
|
|
<ion-button *ngIf="!editMode" fill="clear" [core-suppress-events] (onClick)="activateEdit($event)"
|
||
|
|
[attr.aria-label]="'core.edit' | translate" color="dark">
|
||
|
|
<ion-icon name="fas-pen" slot="icon-only"></ion-icon>
|
||
|
|
</ion-button>
|
||
|
|
|
||
|
|
<ion-button *ngIf="editMode" fill="clear" [attr.aria-label]="'core.save' | translate" color="success" type="submit">
|
||
|
|
<ion-icon name="fas-check" slot="icon-only"></ion-icon>
|
||
|
|
</ion-button>
|
||
|
|
|
||
|
|
<ion-button fill="clear" (click)="deleteFile($event)" [attr.aria-label]="'core.delete' | translate" color="danger">
|
||
|
|
<ion-icon name="fas-trash" slot="icon-only"></ion-icon>
|
||
|
|
</ion-button>
|
||
|
|
</div>
|
||
|
|
</ion-item>
|
||
|
|
</form>
|