Vladyslav_Prykhodko
5 years ago
committed by
Andrew Shvayka
Andrew Shvayka
8 changed files with 157 additions and 153 deletions
@ -0,0 +1,63 @@ |
|||||
|
<!-- |
||||
|
|
||||
|
Copyright © 2016-2021 The Thingsboard Authors |
||||
|
|
||||
|
Licensed under the Apache License, Version 2.0 (the "License"); |
||||
|
you may not use this file except in compliance with the License. |
||||
|
You may obtain a copy of the License at |
||||
|
|
||||
|
http://www.apache.org/licenses/LICENSE-2.0 |
||||
|
|
||||
|
Unless required by applicable law or agreed to in writing, software |
||||
|
distributed under the License is distributed on an "AS IS" BASIS, |
||||
|
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. |
||||
|
See the License for the specific language governing permissions and |
||||
|
limitations under the License. |
||||
|
|
||||
|
--> |
||||
|
<section [formGroup]="parentForm"> |
||||
|
<mat-form-field class="mat-block" fxFlex> |
||||
|
<mat-label>{{ isDeviceSetting ? ("device-profile.power-saving-mode" | translate) : " "}}</mat-label> |
||||
|
<mat-select formControlName="powerMode"> |
||||
|
<mat-option [value]="null" *ngIf="isDeviceSetting">{{ "device-profile.power-saving-mode-type.default" | translate }}</mat-option> |
||||
|
<mat-option *ngFor="let powerMod of powerMods" [value]="powerMod"> |
||||
|
{{ powerModeTranslationMap.get(powerMod) | translate}} |
||||
|
</mat-option> |
||||
|
</mat-select> |
||||
|
</mat-form-field> |
||||
|
<section class="mat-block" fxFlex *ngIf="parentForm.get('powerMode').value === 'E_DRX'"> |
||||
|
<mat-form-field class="mat-block" fxFlex> |
||||
|
<mat-label>{{ 'device-profile.edrx-cycle' | translate }}</mat-label> |
||||
|
<input matInput type="number" min="0" formControlName="edrxCycle" required> |
||||
|
<mat-error *ngIf="parentForm.get('edrxCycle').hasError('required')"> |
||||
|
{{ 'device-profile.edrx-cycle-required' | translate }} |
||||
|
</mat-error> |
||||
|
<mat-error *ngIf="parentForm.get('edrxCycle').hasError('pattern') || |
||||
|
parentForm.get('edrxCycle').hasError('min')"> |
||||
|
{{ 'device-profile.edrx-cycle-pattern' | translate }} |
||||
|
</mat-error> |
||||
|
</mat-form-field> |
||||
|
<mat-form-field class="mat-block" fxFlex> |
||||
|
<mat-label>{{ 'device-profile.paging-transmission-window' | translate }}</mat-label> |
||||
|
<input matInput type="number" min="0" formControlName="pagingTransmissionWindow" required> |
||||
|
<mat-error *ngIf="parentForm.get('pagingTransmissionWindow').hasError('required')"> |
||||
|
{{ 'device-profile.paging-transmission-window-required' | translate }} |
||||
|
</mat-error> |
||||
|
<mat-error *ngIf="parentForm.get('pagingTransmissionWindow').hasError('pattern') || |
||||
|
parentForm.get('pagingTransmissionWindow').hasError('min')"> |
||||
|
{{ 'device-profile.paging-transmission-window-pattern' | translate }} |
||||
|
</mat-error> |
||||
|
</mat-form-field> |
||||
|
</section> |
||||
|
<mat-form-field class="mat-block" fxFlex *ngIf="parentForm.get('powerMode').value === 'PSM'"> |
||||
|
<mat-label>{{ 'device-profile.psm-activity-timer' | translate }}</mat-label> |
||||
|
<input matInput type="number" min="0" formControlName="psmActivityTimer" required> |
||||
|
<mat-error *ngIf="parentForm.get('psmActivityTimer').hasError('required')"> |
||||
|
{{ 'device-profile.psm-activity-timer-required' | translate }} |
||||
|
</mat-error> |
||||
|
<mat-error *ngIf="parentForm.get('psmActivityTimer').hasError('pattern') || |
||||
|
parentForm.get('psmActivityTimer').hasError('min')"> |
||||
|
{{ 'device-profile.psm-activity-timer-pattern' | translate }} |
||||
|
</mat-error> |
||||
|
</mat-form-field> |
||||
|
</section> |
||||
@ -0,0 +1,75 @@ |
|||||
|
///
|
||||
|
/// Copyright © 2016-2021 The Thingsboard Authors
|
||||
|
///
|
||||
|
/// Licensed under the Apache License, Version 2.0 (the "License");
|
||||
|
/// you may not use this file except in compliance with the License.
|
||||
|
/// You may obtain a copy of the License at
|
||||
|
///
|
||||
|
/// http://www.apache.org/licenses/LICENSE-2.0
|
||||
|
///
|
||||
|
/// Unless required by applicable law or agreed to in writing, software
|
||||
|
/// distributed under the License is distributed on an "AS IS" BASIS,
|
||||
|
/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
||||
|
/// See the License for the specific language governing permissions and
|
||||
|
/// limitations under the License.
|
||||
|
///
|
||||
|
|
||||
|
import { Component, Input, OnDestroy, OnInit } from '@angular/core'; |
||||
|
import { FormGroup } from '@angular/forms'; |
||||
|
import { PowerMode, PowerModeTranslationMap } from '@home/components/profile/device/lwm2m/lwm2m-profile-config.models'; |
||||
|
import { takeUntil } from 'rxjs/operators'; |
||||
|
import { Subject } from 'rxjs'; |
||||
|
|
||||
|
@Component({ |
||||
|
selector: 'tb-power-mode-settings', |
||||
|
templateUrl: './power-mode-setting.component.html', |
||||
|
styleUrls: [] |
||||
|
}) |
||||
|
export class PowerModeSettingComponent implements OnInit, OnDestroy { |
||||
|
|
||||
|
powerMods = Object.values(PowerMode); |
||||
|
powerModeTranslationMap = PowerModeTranslationMap; |
||||
|
|
||||
|
private destroy$ = new Subject(); |
||||
|
|
||||
|
@Input() |
||||
|
parentForm: FormGroup; |
||||
|
|
||||
|
@Input() |
||||
|
isDeviceSetting = false; |
||||
|
|
||||
|
ngOnInit() { |
||||
|
this.parentForm.get('powerMode').valueChanges.pipe( |
||||
|
takeUntil(this.destroy$) |
||||
|
).subscribe((powerMode: PowerMode) => { |
||||
|
if (powerMode === PowerMode.E_DRX) { |
||||
|
this.parentForm.get('edrxCycle').enable({emitEvent: false}); |
||||
|
this.parentForm.get('pagingTransmissionWindow').enable({emitEvent: false}); |
||||
|
this.disablePSKMode(); |
||||
|
} else if (powerMode === PowerMode.PSM) { |
||||
|
this.parentForm.get('psmActivityTimer').enable({emitEvent: false}); |
||||
|
this.disableEdrxMode(); |
||||
|
} else { |
||||
|
this.disableEdrxMode(); |
||||
|
this.disablePSKMode(); |
||||
|
} |
||||
|
}); |
||||
|
} |
||||
|
|
||||
|
ngOnDestroy() { |
||||
|
this.destroy$.next(); |
||||
|
this.destroy$.complete(); |
||||
|
} |
||||
|
|
||||
|
private disablePSKMode() { |
||||
|
this.parentForm.get('psmActivityTimer').disable({emitEvent: false}); |
||||
|
this.parentForm.get('psmActivityTimer').reset(0, {emitEvent: false}); |
||||
|
} |
||||
|
|
||||
|
private disableEdrxMode() { |
||||
|
this.parentForm.get('edrxCycle').disable({emitEvent: false}); |
||||
|
this.parentForm.get('edrxCycle').reset(0, {emitEvent: false}); |
||||
|
this.parentForm.get('pagingTransmissionWindow').disable({emitEvent: false}); |
||||
|
this.parentForm.get('pagingTransmissionWindow').reset(0, {emitEvent: false}); |
||||
|
} |
||||
|
} |
||||
Loading…
Reference in new issue