/// /// Copyright © 2016-2023 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, OnDestroy, OnInit } from '@angular/core'; import { Store } from '@ngrx/store'; import { AppState } from '@core/core.state'; import { PageComponent } from '@shared/components/page.component'; import { Router } from '@angular/router'; import { UntypedFormBuilder, UntypedFormGroup, Validators } from '@angular/forms'; import { AdminSettings, MailServerSettings, smtpPortPattern } from '@shared/models/settings.models'; import { AdminService } from '@core/http/admin.service'; import { ActionNotificationShow } from '@core/notification/notification.actions'; import { TranslateService } from '@ngx-translate/core'; import { HasConfirmForm } from '@core/guards/confirm-on-exit.guard'; import { isDefinedAndNotNull, isString } from '@core/utils'; import { Subject } from 'rxjs'; import { takeUntil } from 'rxjs/operators'; @Component({ selector: 'tb-mail-server', templateUrl: './mail-server.component.html', styleUrls: ['./mail-server.component.scss', './settings-card.scss'] }) export class MailServerComponent extends PageComponent implements OnInit, OnDestroy, HasConfirmForm { mailSettings: UntypedFormGroup; adminSettings: AdminSettings; smtpProtocols = ['smtp', 'smtps']; showChangePassword = false; tlsVersions = ['TLSv1', 'TLSv1.1', 'TLSv1.2', 'TLSv1.3']; private destroy$ = new Subject(); constructor(protected store: Store, private router: Router, private adminService: AdminService, private translate: TranslateService, public fb: UntypedFormBuilder) { super(store); } ngOnInit() { this.buildMailServerSettingsForm(); this.adminService.getAdminSettings('mail').subscribe( (adminSettings) => { this.adminSettings = adminSettings; if (this.adminSettings.jsonValue && isString(this.adminSettings.jsonValue.enableTls)) { this.adminSettings.jsonValue.enableTls = (this.adminSettings.jsonValue.enableTls as any) === 'true'; } this.showChangePassword = isDefinedAndNotNull(this.adminSettings.jsonValue.showChangePassword) ? this.adminSettings.jsonValue.showChangePassword : true ; delete this.adminSettings.jsonValue.showChangePassword; this.mailSettings.reset(this.adminSettings.jsonValue); this.enableMailPassword(!this.showChangePassword); this.enableProxyChanged(); } ); } ngOnDestroy() { this.destroy$.next(); this.destroy$.complete(); super.ngOnDestroy(); } buildMailServerSettingsForm() { this.mailSettings = this.fb.group({ mailFrom: ['', [Validators.required]], smtpProtocol: ['smtp'], smtpHost: ['localhost', [Validators.required]], smtpPort: ['25', [Validators.required, Validators.pattern(smtpPortPattern), Validators.maxLength(5)]], timeout: ['10000', [Validators.required, Validators.pattern(/^[0-9]{1,6}$/), Validators.maxLength(6)]], enableTls: [false], tlsVersion: [], enableProxy: [false, []], proxyHost: ['', [Validators.required]], proxyPort: ['', [Validators.required, Validators.min(1), Validators.max(65535)]], proxyUser: [''], proxyPassword: [''], username: [''], changePassword: [false], password: [''] }); this.registerDisableOnLoadFormControl(this.mailSettings.get('smtpProtocol')); this.registerDisableOnLoadFormControl(this.mailSettings.get('enableTls')); this.registerDisableOnLoadFormControl(this.mailSettings.get('enableProxy')); this.registerDisableOnLoadFormControl(this.mailSettings.get('changePassword')); this.mailSettings.get('enableProxy').valueChanges.pipe( takeUntil(this.destroy$) ).subscribe(() => { this.enableProxyChanged(); }); this.mailSettings.get('changePassword').valueChanges.pipe( takeUntil(this.destroy$) ).subscribe((value) => { this.enableMailPassword(value); }); } enableProxyChanged(): void { const enableProxy: boolean = this.mailSettings.get('enableProxy').value; if (enableProxy) { this.mailSettings.get('proxyHost').enable(); this.mailSettings.get('proxyPort').enable(); } else { this.mailSettings.get('proxyHost').disable(); this.mailSettings.get('proxyPort').disable(); } } enableMailPassword(enable: boolean) { if (enable) { this.mailSettings.get('password').enable({emitEvent: false}); } else { this.mailSettings.get('password').disable({emitEvent: false}); } } sendTestMail(): void { this.adminSettings.jsonValue = {...this.adminSettings.jsonValue, ...this.mailSettingsFormValue}; this.adminService.sendTestMail(this.adminSettings).subscribe( () => { this.store.dispatch(new ActionNotificationShow({ message: this.translate.instant('admin.test-mail-sent'), type: 'success' })); } ); } save(): void { this.adminSettings.jsonValue = {...this.adminSettings.jsonValue, ...this.mailSettingsFormValue}; this.adminService.saveAdminSettings(this.adminSettings).subscribe( (adminSettings) => { this.adminSettings = adminSettings; this.showChangePassword = true; this.mailSettings.reset(this.adminSettings.jsonValue); } ); } confirmForm(): UntypedFormGroup { return this.mailSettings; } private get mailSettingsFormValue(): MailServerSettings { const formValue = this.mailSettings.value; delete formValue.changePassword; return formValue; } }