36 lines
1.1 KiB
HTML
36 lines
1.1 KiB
HTML
<ng-container *ngIf="!editing">
|
|
<div *ngIf="showPreview">
|
|
{{ value }}
|
|
</div>
|
|
|
|
<div class="flex">
|
|
<iqser-circle-button
|
|
(action)="editing = true"
|
|
[tooltip]="editTooltip"
|
|
[type]="buttonsType"
|
|
class="edit-button"
|
|
icon="iqser:edit"
|
|
></iqser-circle-button>
|
|
|
|
<ng-content select="[slot=editing]"></ng-content>
|
|
</div>
|
|
</ng-container>
|
|
|
|
<ng-container *ngIf="editing">
|
|
<form (submit)="saveValue()">
|
|
<div [class]="'iqser-input-group ' + class">
|
|
<input (ngModelChange)="newValue = $event" [ngModel]="value" [placeholder]="placeholder" name="name" />
|
|
</div>
|
|
</form>
|
|
|
|
<div class="flex">
|
|
<iqser-circle-button (action)="saveValue()" [tooltip]="saveTooltip" [type]="buttonsType" icon="iqser:check"></iqser-circle-button>
|
|
<iqser-circle-button
|
|
(action)="editing = false"
|
|
[tooltip]="cancelTooltip"
|
|
[type]="buttonsType"
|
|
icon="iqser:close"
|
|
></iqser-circle-button>
|
|
</div>
|
|
</ng-container>
|