dendi-wang/thingsboard
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Cleared code to access form values

Browse Source
This commit is contained in:
Vladyslav_Prykhodko 2020-06-11 10:09:14 +03:00
parent a2aa854378
commit 809375aa91
5 changed files with 138 additions and 137 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

224
ui-ngx/src/app/modules/home/pages/admin/security-settings.component.html
View File

@ -28,117 +28,121 @@
</mat-progress-bar> </mat-progress-bar>
<div style="height: 4px;" *ngIf="!(isLoading$ | async)"></div> <div style="height: 4px;" *ngIf="!(isLoading$ | async)"></div>
<mat-card-content style="padding-top: 16px;"> <mat-card-content style="padding-top: 16px;">
<form [formGroup]="securitySettingsFormGroup" (ngSubmit)="save()"> <form [formGroup]="securitySettingsFormGroup" (ngSubmit)="save()" autocomplete="off">
<fieldset [disabled]="isLoading$ | async"> <fieldset [disabled]="isLoading$ | async">
<mat-expansion-panel [expanded]="true"> <div class="mat-accordion-container">
<mat-expansion-panel-header> <mat-accordion multi="true">
<mat-panel-title> <mat-expansion-panel [expanded]="true">
<div class="tb-panel-title" translate>admin.general-policy</div> <mat-expansion-panel-header>
</mat-panel-title> <mat-panel-title>
</mat-expansion-panel-header> <div class="tb-panel-title" translate>admin.general-policy</div>
<mat-form-field class="mat-block"> </mat-panel-title>
<mat-label translate>admin.max-failed-login-attempts</mat-label> </mat-expansion-panel-header>
<input matInput type="number" <mat-form-field class="mat-block">
formControlName="maxFailedLoginAttempts" <mat-label translate>admin.max-failed-login-attempts</mat-label>
step="1" <input matInput type="number"
min="0"/> formControlName="maxFailedLoginAttempts"
<mat-error *ngIf="securitySettingsFormGroup.get('maxFailedLoginAttempts').hasError('min')"> step="1"
{{ 'admin.minimum-max-failed-login-attempts-range' | translate }} min="0"/>
</mat-error> <mat-error *ngIf="securitySettingsFormGroup.get('maxFailedLoginAttempts').hasError('min')">
</mat-form-field> {{ 'admin.minimum-max-failed-login-attempts-range' | translate }}
<mat-form-field class="mat-block"> </mat-error>
<mat-label translate>admin.user-lockout-notification-email</mat-label> </mat-form-field>
<input matInput type="email" <mat-form-field class="mat-block">
formControlName="userLockoutNotificationEmail"/> <mat-label translate>admin.user-lockout-notification-email</mat-label>
</mat-form-field> <input matInput type="email"
</mat-expansion-panel> formControlName="userLockoutNotificationEmail"/>
<mat-expansion-panel [expanded]="true"> </mat-form-field>
<mat-expansion-panel-header> </mat-expansion-panel>
<mat-panel-title> <mat-expansion-panel [expanded]="true">
<div class="tb-panel-title" translate>admin.password-policy</div> <mat-expansion-panel-header>
</mat-panel-title> <mat-panel-title>
</mat-expansion-panel-header> <div class="tb-panel-title" translate>admin.password-policy</div>
<section formGroupName="passwordPolicy"> </mat-panel-title>
<mat-form-field class="mat-block"> </mat-expansion-panel-header>
<mat-label translate>admin.minimum-password-length</mat-label> <section formGroupName="passwordPolicy">
<input matInput type="number" <mat-form-field class="mat-block">
formControlName="minimumLength" <mat-label translate>admin.minimum-password-length</mat-label>
step="1" <input matInput type="number"
min="5" formControlName="minimumLength"
max="50" step="1"
required/> min="5"
<mat-error *ngIf="securitySettingsFormGroup.get('passwordPolicy').get('minimumLength').hasError('required')"> max="50"
{{ 'admin.minimum-password-length-required' | translate }} required/>
</mat-error> <mat-error *ngIf="securitySettingsFormGroup.get('passwordPolicy.minimumLength').hasError('required')">
<mat-error *ngIf="securitySettingsFormGroup.get('passwordPolicy').get('minimumLength').hasError('min')"> {{ 'admin.minimum-password-length-required' | translate }}
{{ 'admin.minimum-password-length-range' | translate }} </mat-error>
</mat-error> <mat-error *ngIf="securitySettingsFormGroup.get('passwordPolicy.minimumLength').hasError('min')">
<mat-error *ngIf="securitySettingsFormGroup.get('passwordPolicy').get('minimumLength').hasError('max')"> {{ 'admin.minimum-password-length-range' | translate }}
{{ 'admin.minimum-password-length-range' | translate }} </mat-error>
</mat-error> <mat-error *ngIf="securitySettingsFormGroup.get('passwordPolicy.minimumLength').hasError('max')">
</mat-form-field> {{ 'admin.minimum-password-length-range' | translate }}
<mat-form-field class="mat-block"> </mat-error>
<mat-label translate>admin.minimum-uppercase-letters</mat-label> </mat-form-field>
<input matInput type="number" <mat-form-field class="mat-block">
formControlName="minimumUppercaseLetters" <mat-label translate>admin.minimum-uppercase-letters</mat-label>
step="1" <input matInput type="number"
min="0"/> formControlName="minimumUppercaseLetters"
<mat-error *ngIf="securitySettingsFormGroup.get('passwordPolicy').get('minimumUppercaseLetters').hasError('min')"> step="1"
{{ 'admin.minimum-uppercase-letters-range' | translate }} min="0"/>
</mat-error> <mat-error *ngIf="securitySettingsFormGroup.get('passwordPolicy.minimumUppercaseLetters').hasError('min')">
</mat-form-field> {{ 'admin.minimum-uppercase-letters-range' | translate }}
<mat-form-field class="mat-block"> </mat-error>
<mat-label translate>admin.minimum-lowercase-letters</mat-label> </mat-form-field>
<input matInput type="number" <mat-form-field class="mat-block">
formControlName="minimumLowercaseLetters" <mat-label translate>admin.minimum-lowercase-letters</mat-label>
step="1" <input matInput type="number"
min="0"/> formControlName="minimumLowercaseLetters"
<mat-error *ngIf="securitySettingsFormGroup.get('passwordPolicy').get('minimumLowercaseLetters').hasError('min')"> step="1"
{{ 'admin.minimum-lowercase-letters-range' | translate }} min="0"/>
</mat-error> <mat-error *ngIf="securitySettingsFormGroup.get('passwordPolicy.minimumLowercaseLetters').hasError('min')">
</mat-form-field> {{ 'admin.minimum-lowercase-letters-range' | translate }}
<mat-form-field class="mat-block"> </mat-error>
<mat-label translate>admin.minimum-digits</mat-label> </mat-form-field>
<input matInput type="number" <mat-form-field class="mat-block">
formControlName="minimumDigits" <mat-label translate>admin.minimum-digits</mat-label>
step="1" <input matInput type="number"
min="0"/> formControlName="minimumDigits"
<mat-error *ngIf="securitySettingsFormGroup.get('passwordPolicy').get('minimumDigits').hasError('min')"> step="1"
{{ 'admin.minimum-digits-range' | translate }} min="0"/>
</mat-error> <mat-error *ngIf="securitySettingsFormGroup.get('passwordPolicy.minimumDigits').hasError('min')">
</mat-form-field> {{ 'admin.minimum-digits-range' | translate }}
<mat-form-field class="mat-block"> </mat-error>
<mat-label translate>admin.minimum-special-characters</mat-label> </mat-form-field>
<input matInput type="number" <mat-form-field class="mat-block">
formControlName="minimumSpecialCharacters" <mat-label translate>admin.minimum-special-characters</mat-label>
step="1" <input matInput type="number"
min="0"/> formControlName="minimumSpecialCharacters"
<mat-error *ngIf="securitySettingsFormGroup.get('passwordPolicy').get('minimumSpecialCharacters').hasError('min')"> step="1"
{{ 'admin.minimum-special-characters-range' | translate }} min="0"/>
</mat-error> <mat-error *ngIf="securitySettingsFormGroup.get('passwordPolicy.minimumSpecialCharacters').hasError('min')">
</mat-form-field> {{ 'admin.minimum-special-characters-range' | translate }}
<mat-form-field class="mat-block"> </mat-error>
<mat-label translate>admin.password-expiration-period-days</mat-label> </mat-form-field>
<input matInput type="number" <mat-form-field class="mat-block">
formControlName="passwordExpirationPeriodDays" <mat-label translate>admin.password-expiration-period-days</mat-label>
step="1" <input matInput type="number"
min="0"/> formControlName="passwordExpirationPeriodDays"
<mat-error *ngIf="securitySettingsFormGroup.get('passwordPolicy').get('passwordExpirationPeriodDays').hasError('min')"> step="1"
{{ 'admin.password-expiration-period-days-range' | translate }} min="0"/>
</mat-error> <mat-error *ngIf="securitySettingsFormGroup.get('passwordPolicy.passwordExpirationPeriodDays').hasError('min')">
</mat-form-field> {{ 'admin.password-expiration-period-days-range' | translate }}
<mat-form-field class="mat-block"> </mat-error>
<mat-label translate>admin.password-reuse-frequency-days</mat-label> </mat-form-field>
<input matInput type="number" <mat-form-field class="mat-block">
formControlName="passwordReuseFrequencyDays" <mat-label translate>admin.password-reuse-frequency-days</mat-label>
step="1" <input matInput type="number"
min="0"/> formControlName="passwordReuseFrequencyDays"
<mat-error *ngIf="securitySettingsFormGroup.get('passwordPolicy').get('passwordReuseFrequencyDays').hasError('min')"> step="1"
{{ 'admin.password-reuse-frequency-days-range' | translate }} min="0"/>
</mat-error> <mat-error *ngIf="securitySettingsFormGroup.get('passwordPolicy.passwordReuseFrequencyDays').hasError('min')">
</mat-form-field> {{ 'admin.password-reuse-frequency-days-range' | translate }}
</section> </mat-error>
</mat-expansion-panel> </mat-form-field>
</section>
</mat-expansion-panel>
</mat-accordion>
</div>
<div fxLayout="row" fxLayoutAlign="end center" style="width: 100%;" class="layout-wrap"> <div fxLayout="row" fxLayoutAlign="end center" style="width: 100%;" class="layout-wrap">
<button mat-button mat-raised-button color="primary" [disabled]="(isLoading$ | async) || securitySettingsFormGroup.invalid || !securitySettingsFormGroup.dirty" <button mat-button mat-raised-button color="primary" [disabled]="(isLoading$ | async) || securitySettingsFormGroup.invalid || !securitySettingsFormGroup.dirty"
type="submit">{{'action.save' | translate}} type="submit">{{'action.save' | translate}}

5
ui-ngx/src/app/modules/home/pages/admin/security-settings.component.scss
View File

@ -14,10 +14,7 @@
* limitations under the License. * limitations under the License.
*/ */
:host { :host {
mat-expansion-panel { .mat-accordion-container {
margin-bottom: 16px; margin-bottom: 16px;
} }
.tb-panel-title {
}
} }

4
ui-ngx/src/app/shared/components/dialog/node-script-test-dialog.component.ts
View File

@ -174,8 +174,8 @@ export class NodeScriptTestDialogComponent extends DialogComponent<NodeScriptTes
const inputParams: TestScriptInputParams = { const inputParams: TestScriptInputParams = {
argNames: this.data.argNames, argNames: this.data.argNames,
scriptType: this.data.scriptType, scriptType: this.data.scriptType,
msgType: this.nodeScriptTestFormGroup.get('payload').get('msgType').value, msgType: this.nodeScriptTestFormGroup.get('payload.msgType').value,
msg: this.nodeScriptTestFormGroup.get('payload').get('msg').value, msg: this.nodeScriptTestFormGroup.get('payload.msg').value,
metadata: this.nodeScriptTestFormGroup.get('metadata').value, metadata: this.nodeScriptTestFormGroup.get('metadata').value,
script: this.nodeScriptTestFormGroup.get('script').value script: this.nodeScriptTestFormGroup.get('script').value
}; };

18
ui-ngx/src/app/shared/components/time/timewindow-panel.component.html
View File

@ -48,9 +48,9 @@
<tb-timeinterval <tb-timeinterval
formControlName="timewindowMs" formControlName="timewindowMs"
predefinedName="timewindow.last" predefinedName="timewindow.last"
[fxShow]="timewindowForm.get('history').get('historyType').value === historyTypes.LAST_INTERVAL" [fxShow]="timewindowForm.get('history.historyType').value === historyTypes.LAST_INTERVAL"
[required]="timewindow.selectedTab === timewindowTypes.HISTORY && [required]="timewindow.selectedTab === timewindowTypes.HISTORY &&
timewindowForm.get('history').get('historyType').value === historyTypes.LAST_INTERVAL" timewindowForm.get('history.historyType').value === historyTypes.LAST_INTERVAL"
style="padding-top: 8px;"></tb-timeinterval> style="padding-top: 8px;"></tb-timeinterval>
</section> </section>
</mat-radio-button> </mat-radio-button>
@ -59,9 +59,9 @@
<span translate>timewindow.time-period</span> <span translate>timewindow.time-period</span>
<tb-datetime-period <tb-datetime-period
formControlName="fixedTimewindow" formControlName="fixedTimewindow"
[fxShow]="timewindowForm.get('history').get('historyType').value === historyTypes.FIXED" [fxShow]="timewindowForm.get('history.historyType').value === historyTypes.FIXED"
[required]="timewindow.selectedTab === timewindowTypes.HISTORY && [required]="timewindow.selectedTab === timewindowTypes.HISTORY &&
timewindowForm.get('history').get('historyType').value === historyTypes.FIXED" timewindowForm.get('history.historyType').value === historyTypes.FIXED"
style="padding-top: 8px;"></tb-datetime-period> style="padding-top: 8px;"></tb-datetime-period>
</section> </section>
</mat-radio-button> </mat-radio-button>
@ -89,7 +89,7 @@
</mat-form-field> </mat-form-field>
</section> </section>
</section> </section>
<section fxLayout="row" [fxShow]="timewindowForm.get('aggregation').get('type').value === aggregationTypes.NONE"> <section fxLayout="row" [fxShow]="timewindowForm.get('aggregation.type').value === aggregationTypes.NONE">
<section fxLayout="column" [fxShow]="isEdit"> <section fxLayout="column" [fxShow]="isEdit">
<label class="tb-small hide-label" translate>timewindow.hide</label> <label class="tb-small hide-label" translate>timewindow.hide</label>
<mat-checkbox [ngModelOptions]="{standalone: true}" [(ngModel)]="timewindow.hideAggInterval" <mat-checkbox [ngModelOptions]="{standalone: true}" [(ngModel)]="timewindow.hideAggInterval"
@ -101,13 +101,13 @@
<span translate>aggregation.limit</span> <span translate>aggregation.limit</span>
<mat-slider fxFlex formControlName="limit" <mat-slider fxFlex formControlName="limit"
thumbLabel thumbLabel
[value]="timewindowForm.get('aggregation').get('limit').value" [value]="timewindowForm.get('aggregation.limit').value"
min="{{minDatapointsLimit()}}" min="{{minDatapointsLimit()}}"
max="{{maxDatapointsLimit()}}"> max="{{maxDatapointsLimit()}}">
</mat-slider> </mat-slider>
<mat-form-field style="max-width: 80px;"> <mat-form-field style="max-width: 80px;">
<input matInput formControlName="limit" type="number" step="1" <input matInput formControlName="limit" type="number" step="1"
[value]="timewindowForm.get('aggregation').get('limit').value" [value]="timewindowForm.get('aggregation.limit').value"
min="{{minDatapointsLimit()}}" min="{{minDatapointsLimit()}}"
max="{{maxDatapointsLimit()}}"/> max="{{maxDatapointsLimit()}}"/>
</mat-form-field> </mat-form-field>
@ -116,7 +116,7 @@
</section> </section>
</div> </div>
<div formGroupName="realtime" <div formGroupName="realtime"
*ngIf="aggregation && timewindowForm.get('aggregation').get('type').value !== aggregationTypes.NONE && *ngIf="aggregation && timewindowForm.get('aggregation.type').value !== aggregationTypes.NONE &&
timewindow.selectedTab === timewindowTypes.REALTIME" class="mat-content mat-padding" fxLayout="column"> timewindow.selectedTab === timewindowTypes.REALTIME" class="mat-content mat-padding" fxLayout="column">
<tb-timeinterval <tb-timeinterval
formControlName="interval" formControlName="interval"
@ -128,7 +128,7 @@
</tb-timeinterval> </tb-timeinterval>
</div> </div>
<div formGroupName="history" <div formGroupName="history"
*ngIf="aggregation && timewindowForm.get('aggregation').get('type').value !== aggregationTypes.NONE && *ngIf="aggregation && timewindowForm.get('aggregation.type').value !== aggregationTypes.NONE &&
timewindow.selectedTab === timewindowTypes.HISTORY" class="mat-content mat-padding" fxLayout="column"> timewindow.selectedTab === timewindowTypes.HISTORY" class="mat-content mat-padding" fxLayout="column">
<tb-timeinterval <tb-timeinterval
formControlName="interval" formControlName="interval"

24
ui-ngx/src/app/shared/components/time/timewindow-panel.component.ts
View File

@ -174,11 +174,11 @@ export class TimewindowPanelComponent extends PageComponent implements OnInit {
} }
minRealtimeAggInterval() { minRealtimeAggInterval() {
return this.timeService.minIntervalLimit(this.timewindowForm.get('realtime').get('timewindowMs').value); return this.timeService.minIntervalLimit(this.timewindowForm.get('realtime.timewindowMs').value);
} }
maxRealtimeAggInterval() { maxRealtimeAggInterval() {
return this.timeService.maxIntervalLimit(this.timewindowForm.get('realtime').get('timewindowMs').value); return this.timeService.maxIntervalLimit(this.timewindowForm.get('realtime.timewindowMs').value);
} }
minHistoryAggInterval() { minHistoryAggInterval() {
@ -203,31 +203,31 @@ export class TimewindowPanelComponent extends PageComponent implements OnInit {
onHideIntervalChanged() { onHideIntervalChanged() {
if (this.timewindow.hideInterval) { if (this.timewindow.hideInterval) {
this.timewindowForm.get('history').get('historyType').disable({emitEvent: false}); this.timewindowForm.get('history.historyType').disable({emitEvent: false});
this.timewindowForm.get('history').get('timewindowMs').disable({emitEvent: false}); this.timewindowForm.get('history.timewindowMs').disable({emitEvent: false});
this.timewindowForm.get('history').get('fixedTimewindow').disable({emitEvent: false}); this.timewindowForm.get('history.fixedTimewindow').disable({emitEvent: false});
} else { } else {
this.timewindowForm.get('history').get('historyType').enable({emitEvent: false}); this.timewindowForm.get('history.historyType').enable({emitEvent: false});
this.timewindowForm.get('history').get('timewindowMs').enable({emitEvent: false}); this.timewindowForm.get('history.timewindowMs').enable({emitEvent: false});
this.timewindowForm.get('history').get('fixedTimewindow').enable({emitEvent: false}); this.timewindowForm.get('history.fixedTimewindow').enable({emitEvent: false});
} }
this.timewindowForm.markAsDirty(); this.timewindowForm.markAsDirty();
} }
onHideAggregationChanged() { onHideAggregationChanged() {
if (this.timewindow.hideAggregation) { if (this.timewindow.hideAggregation) {
this.timewindowForm.get('aggregation').get('type').disable({emitEvent: false}); this.timewindowForm.get('aggregation.type').disable({emitEvent: false});
} else { } else {
this.timewindowForm.get('aggregation').get('type').enable({emitEvent: false}); this.timewindowForm.get('aggregation.type').enable({emitEvent: false});
} }
this.timewindowForm.markAsDirty(); this.timewindowForm.markAsDirty();
} }
onHideAggIntervalChanged() { onHideAggIntervalChanged() {
if (this.timewindow.hideAggInterval) { if (this.timewindow.hideAggInterval) {
this.timewindowForm.get('aggregation').get('limit').disable({emitEvent: false}); this.timewindowForm.get('aggregation.limit').disable({emitEvent: false});
} else { } else {
this.timewindowForm.get('aggregation').get('limit').enable({emitEvent: false}); this.timewindowForm.get('aggregation.limit').enable({emitEvent: false});
} }
this.timewindowForm.markAsDirty(); this.timewindowForm.markAsDirty();
} }