asset-properties/asset-property-selector-drawer/asset-property-selector-drawer.component.ts

Description

Represents a drawer component for selecting asset properties. This is a thin wrapper around AssetPropertySelectorComponent that handles drawer-specific logic.

Example

Metadata

host	`{ }`
selector	`c8y-asset-property-selector-drawer-component`
standalone	`true`
imports	`C8yTranslatePipe` `FormsModule` `AssetPropertySelectorComponent`
templateUrl	`./asset-property-selector-drawer.component.html`

Relationships

Used by

No results matching.

Depends on

<div class="card-header separator">
  <span class="h4 card-title">{{ title | translate }}</span>
</div>

<div class="card-inner-scroll fit-h">
  <c8y-asset-property-selector
    [contextAsset]="contextAsset"
    [config]="config"
    [extraProperties]="extraProperties"
    [allowChangingContext]="allowChangingContext"
    [allowPropertiesFromMultipleAssets]="allowPropertiesFromMultipleAssets"
    [hideSelection]="hideSelection"
    [allowSearch]="allowSearch"
    [ngModel]="selectedProperties"
    (ngModelChange)="selectionChange($event)"
  ></c8y-asset-property-selector>
</div>

<div class="card-footer text-center p-24 separator flex-no-shrink">
  <button
    class="btn btn-default"
    title="{{ 'Cancel' | translate }}"
    type="button"
    (click)="onCancel()"
  >
    {{ 'Cancel' | translate }}
  </button>
  <button
    class="btn btn-primary"
    title="{{ 'Select' | translate }}"
    type="button"
    [disabled]="selectIsDisabled()"
    (click)="onSave()"
  >
    {{ 'Select' | translate }}
  </button>
</div>