libs/depiction/src/lib/datasetlist/timeseries/simple-timeseries-entry/simple-timeseries-entry.component.ts
Implements the abstract ListEntryComponent, which has the following functions:
| selector | n52-simple-timeseries-entry |
| styleUrls | ./simple-timeseries-entry.component.css |
| templateUrl | ./simple-timeseries-entry.component.html |
Properties |
|
Methods |
|
Inputs |
Outputs |
constructor(servicesConnector: HelgolandServicesConnector, internalIdHandler: InternalIdHandler, translateSrvc: TranslateService)
|
||||||||||||
|
Parameters :
|
| datasetId | |
Type : string
|
|
|
Inherited from
ListEntryComponent
|
|
|
Defined in
ListEntryComponent:15
|
|
| selected | |
Type : boolean
|
|
|
Inherited from
ListEntryComponent
|
|
|
Defined in
ListEntryComponent:18
|
|
| onDeleteDataset | |
Type : EventEmitter<boolean>
|
|
|
Inherited from
ListEntryComponent
|
|
|
Defined in
ListEntryComponent:21
|
|
| onSelectDataset | |
Type : EventEmitter<boolean>
|
|
|
Inherited from
ListEntryComponent
|
|
|
Defined in
ListEntryComponent:24
|
|
| Protected loadDataset | ||||||
loadDataset(lang?: string)
|
||||||
|
Parameters :
Returns :
void
|
| Protected setDataset | ||||||
setDataset(timeseries: HelgolandTimeseries)
|
||||||
|
Parameters :
Returns :
void
|
| Protected setParameters |
setParameters()
|
|
Returns :
void
|
| Protected Abstract loadDataset | ||||||
loadDataset(lang?: string)
|
||||||
|
Inherited from
ListEntryComponent
|
||||||
|
Defined in
ListEntryComponent:64
|
||||||
|
Parameters :
Returns :
void
|
| Public ngOnDestroy |
ngOnDestroy()
|
|
Inherited from
ListEntryComponent
|
|
Defined in
ListEntryComponent:45
|
|
Returns :
void
|
| Public ngOnInit |
ngOnInit()
|
|
Inherited from
ListEntryComponent
|
|
Defined in
ListEntryComponent:37
|
|
Returns :
void
|
| Protected onLanguageChanged | ||||||
onLanguageChanged(langChangeEvent: LangChangeEvent)
|
||||||
|
Inherited from
ListEntryComponent
|
||||||
|
Defined in
ListEntryComponent:58
|
||||||
|
Parameters :
Returns :
void
|
| Public removeDataset |
removeDataset()
|
|
Inherited from
ListEntryComponent
|
|
Defined in
ListEntryComponent:49
|
|
Returns :
void
|
| Public toggleSelection |
toggleSelection()
|
|
Inherited from
ListEntryComponent
|
|
Defined in
ListEntryComponent:53
|
|
Returns :
void
|
| Public categoryLabel |
Type : string
|
| Public dataset |
Type : HelgolandTimeseries
|
| Public phenomenonLabel |
Type : string
|
| Public platformLabel |
Type : string
|
| Public procedureLabel |
Type : string
|
| Public uom |
Type : string
|
| Protected internalId |
Type : InternalDatasetId
|
|
Inherited from
ListEntryComponent
|
|
Defined in
ListEntryComponent:28
|
| Private langChangeSubscription |
Type : Subscription
|
|
Inherited from
ListEntryComponent
|
|
Defined in
ListEntryComponent:30
|
| Public loading |
Type : boolean
|
|
Inherited from
ListEntryComponent
|
|
Defined in
ListEntryComponent:26
|
import { Component } from '@angular/core';
import {
DatasetFilter,
DatasetType,
HelgolandTimeseries,
InternalIdHandler,
HelgolandServicesConnector,
} from '@helgoland/core';
import { TranslateService } from '@ngx-translate/core';
import { ListEntryComponent } from '../../list-entry.component';
/**
* Implements the abstract ListEntryComponent, which has the following functions:
* - can be selected and is selectable internally, with a corresponding output event
* - can be deleted, which also triggers an output event
* - translatable, so it triggers the methode onLanguageChanged when the language is switched
*/
@Component({
selector: 'n52-simple-timeseries-entry',
templateUrl: './simple-timeseries-entry.component.html',
styleUrls: ['./simple-timeseries-entry.component.css']
})
export class SimpleTimeseriesEntryComponent extends ListEntryComponent {
public dataset: HelgolandTimeseries;
public platformLabel: string;
public phenomenonLabel: string;
public procedureLabel: string;
public categoryLabel: string;
public uom: string;
constructor(
protected servicesConnector: HelgolandServicesConnector,
protected internalIdHandler: InternalIdHandler,
protected translateSrvc: TranslateService
) {
super(internalIdHandler, translateSrvc);
}
protected loadDataset(lang?: string): void {
const params: DatasetFilter = {};
if (lang) { params.lang = lang; }
this.loading = true;
this.servicesConnector.getDataset(this.internalId, { ...params, type: DatasetType.Timeseries })
.subscribe(dataset => this.setDataset(dataset));
}
protected setDataset(timeseries: HelgolandTimeseries) {
this.dataset = timeseries;
this.setParameters();
this.loading = false;
}
protected setParameters() {
this.platformLabel = this.dataset.platform.label;
this.phenomenonLabel = this.dataset.parameters.phenomenon.label;
this.procedureLabel = this.dataset.parameters.procedure.label;
this.categoryLabel = this.dataset.parameters.category.label;
this.uom = this.dataset.uom;
}
}
<span>Platform: {{platformLabel}}</span>
<span>Phenomenon: {{phenomenonLabel}}</span>
<span>Procedure: {{procedureLabel}}</span>
<span>Category: {{categoryLabel}}</span>
<span>Uom: {{uom}}</span>
<button (click)="toggleSelection()">select</button>
<button (click)="removeDataset()">remove</button>
./simple-timeseries-entry.component.css