common-ui/src/lib/inputs/editable-input/editable-input.component.html
2021-08-11 22:22:57 +03:00

24 lines
726 B
HTML

<div *ngIf="!editing">
{{ value }}
</div>
<form (submit)="saveValue()" *ngIf="editing">
<div [class]="'red-input-group ' + class">
<input [(ngModel)]="newValue" name="name" />
</div>
</form>
<iqser-circle-button
(action)="editing = true"
*ngIf="!editing"
[tooltip]="editTooltip"
[type]="buttonsType"
class="edit-button"
icon="red:edit"
></iqser-circle-button>
<ng-container *ngIf="editing">
<iqser-circle-button (action)="saveValue()" [tooltip]="saveTooltip" [type]="buttonsType" icon="red:check"></iqser-circle-button>
<iqser-circle-button (action)="editing = false" [tooltip]="cancelTooltip" [type]="buttonsType" icon="red:close"></iqser-circle-button>
</ng-container>