packages/data/src/lib/files/assetgroup-select/assetgroup-select.component.ts
selector | ec-assetgroup-select |
templateUrl | ./assetgroup-select.component.html |
Properties |
|
Methods |
Inputs |
Outputs |
constructor(fileService: FileService)
|
||||||
Parameters :
|
assetGroupID | |
Type : string
|
|
assetGroups | |
Type : string[]
|
|
disableLegacy | |
Type : boolean
|
|
placeholder | |
Default value : 'select assetgroup..'
|
|
readOnly | |
Type : boolean
|
|
groupChanged | |
Type : EventEmitter<string>
|
|
ngOnInit |
ngOnInit()
|
Returns :
void
|
Public fileService |
Type : FileService
|
import { Component, EventEmitter, Input, OnInit, Output } from '@angular/core';
import { FileService } from '../file.service';
// TODO: add demo + doc
@Component({
selector: 'ec-assetgroup-select',
templateUrl: './assetgroup-select.component.html',
})
export class AssetgroupSelectComponent implements OnInit {
@Input() placeholder = 'select assetgroup..';
@Input() assetGroupID: string;
@Input() assetGroups: string[];
@Input() disableLegacy: boolean;
@Input() readOnly: boolean;
@Output() groupChanged: EventEmitter<string> = new EventEmitter();
constructor(public fileService: FileService) {}
ngOnInit() {
this.fileService.assetGroupList().then((assetGroups) => (this.assetGroups = assetGroups));
}
}
<select class="input assetgroup-select" (change)="groupChanged.emit($event.target.value)">
<option *ngIf="!assetGroupID">{{placeholder}}</option>
<option [disabled]="readOnly" *ngFor="let assetGroup of assetGroups" [selected]="assetGroupID===assetGroup">{{assetGroup}}</option>
<!-- <option [disabled]="readOnly||disableLegacy" value="legacyAsset" [selected]="assetGroupID==='legacyAsset'">legacy Assets</option> -->
</select>