mgr/dashboard: telemetry activate: show ident fields when checked

Signed-off-by: Aaryan Porwal <aaryanporwal2233@gmail.com>
This commit is contained in:
Aaryan Porwal 2021-06-07 03:38:37 +05:30
parent 0637672919
commit ad5b3f2005
3 changed files with 32 additions and 1 deletions

View File

@ -126,12 +126,14 @@
<input type="checkbox"
class="custom-control-input"
id="channel_ident"
formControlName="channel_ident">
formControlName="channel_ident"
(click)="toggleIdent()">
<label class="custom-control-label"
for="channel_ident"></label>
</div>
</div>
</div>
<ng-container *ngIf="showContactInfo">
<legend>
<ng-container i18n>Contact Information</ng-container>
<cd-helper i18n>Submitting any contact information is completely optional and disabled by default.</cd-helper>
@ -161,6 +163,7 @@
i18n-placeholder>
</div>
</div>
</ng-container>
<legend i18n>Advanced Settings</legend>
<div class="form-group row">
<label class="cd-col-form-label"

View File

@ -80,6 +80,29 @@ describe('TelemetryComponent', () => {
expect(component).toBeTruthy();
});
it('should show/hide ident fields on checking/unchecking', () => {
const getContactField = () =>
fixture.debugElement.nativeElement.querySelector('input[id=contact]');
const getDescriptionField = () =>
fixture.debugElement.nativeElement.querySelector('input[id=description]');
// Initially hidden.
expect(getContactField()).toBeFalsy();
expect(getDescriptionField()).toBeFalsy();
// Show fields.
component.toggleIdent();
fixture.detectChanges();
expect(getContactField()).toBeTruthy();
expect(getDescriptionField()).toBeTruthy();
// Hide fields.
component.toggleIdent();
fixture.detectChanges();
expect(getContactField()).toBeFalsy();
expect(getDescriptionField()).toBeFalsy();
});
it('should set module enability to true correctly', () => {
expect(component.moduleEnabled).toBeTruthy();
});

View File

@ -42,6 +42,7 @@ export class TelemetryComponent extends CdForm implements OnInit {
sendToUrl = '';
sendToDeviceUrl = '';
step = 1;
showContactInfo = false;
constructor(
public actionLabels: ActionLabelsI18n,
@ -137,6 +138,10 @@ export class TelemetryComponent extends CdForm implements OnInit {
);
}
toggleIdent() {
this.showContactInfo = !this.showContactInfo;
}
updateConfig() {
const config = {};
_.forEach(Object.values(this.options), (option) => {