53 lines
1.6 KiB
HTML
53 lines
1.6 KiB
HTML
|
<!-- Chip -->
|
|||
|
|
<div>
|
|||
|
|
<h4 *ngIf="title">{{ title }}</h4>
|
|||
|
|
<mat-menu #triggerMenu="matMenu">
|
|||
|
|
<ng-container
|
|||
|
|
[ngTemplateOutlet]="triggerTemplate">
|
|||
|
|
</ng-container>
|
|||
|
|
</mat-menu>
|
|||
|
|
<os-icon-container
|
|||
|
|
iconTooltip="{{ 'Edit' | translate }}"
|
|||
|
|
icon="create"
|
|||
|
|
[swap]="true"
|
|||
|
|
[showIcon]="!editMode && canBeEdited && hasExtension"
|
|||
|
|
(iconAction)="changeEditMode()">
|
|||
|
|
<mat-basic-chip *ngIf="canBeEdited" [matMenuTriggerFor]="triggerMenu" [ngClass]="classes" class="pointer" disableRipple>
|
|||
|
|
{{ chipValue || '–' }}
|
|||
|
|
</mat-basic-chip>
|
|||
|
|
<mat-basic-chip *ngIf="!canBeEdited" [ngClass]="classes" disableRipple>
|
|||
|
|
{{ chipValue }}
|
|||
|
|
</mat-basic-chip>
|
|||
|
|
</os-icon-container>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<!-- Extension field -->
|
|||
|
|
<div
|
|||
|
|
*ngIf="hasExtension && editMode"
|
|||
|
|
class="spacer-top-10 extension-container"
|
|||
|
|
>
|
|||
|
|
<mat-form-field>
|
|||
|
|
<input
|
|||
|
|
matInput
|
|||
|
|
[(ngModel)]="inputControl"
|
|||
|
|
placeholder="{{ extensionLabel }}"
|
|||
|
|
/>
|
|||
|
|
</mat-form-field>
|
|||
|
|
<os-search-value-selector
|
|||
|
|
*ngIf="searchList"
|
|||
|
|
ngDefaultControl
|
|||
|
|
[formControl]="extensionFieldForm.get('list')"
|
|||
|
|
[fullWidth]="true"
|
|||
|
|
[InputListValues]="searchList"
|
|||
|
|
[listname]="searchListLabel"
|
|||
|
|
></os-search-value-selector>
|
|||
|
|
|
|||
|
|
<button mat-button (click)="changeEditMode(true)">{{ 'Save' | translate }}</button>
|
|||
|
|
<button mat-button (click)="changeEditMode()">{{ 'Cancel' | translate }}</button>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<!-- Optional template for the menu -->
|
|||
|
|
<ng-template #triggerTemplate>
|
|||
|
|
<ng-content select=".trigger-menu"></ng-content>
|
|||
|
|
</ng-template>
|