asset-properties/custom-properties-drawer/custom-properties-drawer.component.ts

Description

Represents a drawer component for selecting asset properties. This is a thin wrapper around the LibraryPropertiesTabsComponent.

Example

Metadata

host	`{ }`
selector	`c8y-custom-properties-drawer-component`
standalone	`true`
imports	`C8yTranslatePipe` `AssetPropertyTabsComponent`
templateUrl	`./custom-properties-drawer.component.html`

Relationships

Used by

No results matching.

Depends on

C8yTranslatePipe
AssetPropertyTabsComponent

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

<c8y-asset-property-tabs
  [asset]="asset"
  [config]="config"
  [selectedProperties]="selectedProperties"
  [hiddenTabs]="hiddenTabs"
  [tabsOutletName]="'assetPropertiesDrawerTabs'"
  [showSearch]="true"
  (selectedPropertiesChange)="onSelectedProperties($event)"
></c8y-asset-property-tabs>

<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>