1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
|
import { Component, OnInit } from '@angular/core';
import { Observable } from 'rxjs/Observable';
import { XDSConfigService } from '../../../@core-xds/services/xds-config.service';
import { IXDServerCfg } from '../../../@core-xds/services/xdsagent.service';
import { AlertService, IAlert } from '../../../@core-xds/services/alert.service';
import { NotificationsComponent } from '../../notifications/notifications.component';
// Import RxJs required methods
import 'rxjs/add/operator/map';
import 'rxjs/add/operator/catch';
@Component({
selector: 'xds-config-xds',
styleUrls: ['./config-xds.component.scss'],
templateUrl: './config-xds.component.html',
})
export class ConfigXdsComponent {
// TODO: cleanup agentStatus$: Observable<IAgentStatus>;
applying = false;
xdsServerUrl = '';
server: IXDServerCfg = { id: '', url: 'http://localhost:8000', connRetry: 10, connected: false };
configFormChanged = false;
constructor(
private XdsConfigSvr: XDSConfigService,
private alert: AlertService,
) {
// FIXME support multiple servers
this._updateServerCfg(this.XdsConfigSvr.getCurServer());
this.XdsConfigSvr.onCurServer().subscribe(svr => this._updateServerCfg(svr));
}
private _updateServerCfg(svr: IXDServerCfg) {
if (!svr || svr.url === '') {
return;
}
this.xdsServerUrl = svr.url;
this.server = Object.assign({}, svr);
}
isApplyBtnEnable(): boolean {
return this.xdsServerUrl !== '' && (!this.server.connected || this.configFormChanged);
}
onSubmit() {
if (!this.configFormChanged && this.server.connected) {
return;
}
this.configFormChanged = false;
this.applying = true;
this.server.url = this.xdsServerUrl;
this.XdsConfigSvr.setCurServer(this.server)
.subscribe(cfg => {
this.alert.info('XDS Server successfully connected (' + cfg.url + ')');
this.server = Object.assign({}, cfg);
this.applying = false;
},
err => {
this.applying = false;
this.alert.error(err);
});
}
}
|