ngOnInit() {
     this.enableRealTime$ = combineLatest(
         this.newUrlStateNotificationService.onUrlStateChange$.pipe(
             map((urlService: NewUrlStateNotificationService) => urlService.isRealTimeMode())
         ),
         this.webAppSettingDataService.useActiveThreadChart()
     ).pipe(
         map(([isRealTimeMode, useActiveThreadChart]: boolean[]) => isRealTimeMode && useActiveThreadChart)
     );
     this.webAppSettingDataService.getVersion().subscribe((version: string) => {
         this.analyticsService.trackEvent(TRACKED_EVENT_LIST.VERSION, version);
     });
 }

 ngOnInit() {
     this.funcImagePath = this.webAppSettingDataService.getImagePathMakeFunc();
     this.browserInfoList = [
         {
             downloadLink: 'https://www.google.com/chrome',
             name: 'chrome',
             displayName: 'Google Chrome'
         }, {
             downloadLink: 'https://www.mozilla.org/en/firefox/new',
             name: 'firefox',
             displayName: 'Mozilla Firefox'
         }, {
             downloadLink: 'https://support.apple.com/en-us/HT204416',
             name: 'safari',
             displayName: 'Apple Safari'
         }, {
             downloadLink: 'https://www.microsoft.com/en-us/windows/microsoft-edge',
             name: 'edge',
             displayName: 'Microsoft Edge'
         }, {
             downloadLink: 'https://whale.naver.com/en/',
             name: 'whale',
             displayName: 'Naver Whale'
         }
     ];
     this.i18nText$ = this.translateService.get('SUPPORT.INSTALL_GUIDE');
 }

            return text.split('|').map((textElem: string) => {
                const i = textElem.indexOf(':');
                const textType = textElem.substr(0, i).replace(/\[|\]/g, '');
                const textInfoArr = textElem.substr(i + 1).replace(/\{|\}/g, '').split('\\').map((textInfo: string) => {
                    return textInfo.split('=')[1];
                });

                switch (textType) {
                    case 'ICON':
                        return `<span class="fas ${textInfoArr[0]}" style="${textInfoArr[1]}"></span>`;
                    case 'TEXT':
                        return textInfoArr[0];
                    case 'IMAGE':
                        const path = this.webAppSettingDataService.getImagePath();
                        const extension = this.webAppSettingDataService.getImageExt();

                        return `<img src="${path}${textInfoArr[0]}${extension}">`;
                    case 'LINK':
                        return `<a href="${textInfoArr[0]}" target="${textInfoArr[1]}" style="${textInfoArr[2]}">${textInfoArr[3]}</a>`;
                    default:
                        return text;
                }
            }).join(' ');

 this.activatedRoute.data.subscribe((urlData: any) => {
     const params = this.getUrlParams();
     if (params.period) {
         this.urlRouteManagerService.move({
             url: [
                 urlData['path'] || params.startPath,
                 params.application,
                 params.period
             ],
             needServerTimeRequest: true
         });
     } else {
         this.urlRouteManagerService.move({
             url: [
                 urlData['path'] || params.startPath,
                 params.application,
                 this.webAppSettingDataService.getUserDefaultPeriod().getValueWithTime()
             ],
             needServerTimeRequest: true
         });
     }
 });

 onChangeBound(bound: number[]): void {
     this.analyticsService.trackEvent(TRACKED_EVENT_LIST.SET_BOUND_IN_CONFIGURATION, `Inbound: ${bound[0]}, Outbound: ${bound[1]}`);
     this.webAppSettingDataService.setUserDefaultInbound(bound[0]);
     this.webAppSettingDataService.setUserDefaultOutbound(bound[1]);
 }

 ngOnInit() {
     this.inboundList = this.webAppSettingDataService.getInboundList();
     this.outboundList = this.webAppSettingDataService.getOutboundList();
     this.selectedInbound = this.webAppSettingDataService.getUserDefaultInbound();
     this.selectedOutbound = this.webAppSettingDataService.getUserDefaultOutbound();
 }

 ngOnInit() {
     this.isApplicationInspectorActivated$ = this.webAppSettingDataService.isApplicationInspectorActivated();
 }

 ngOnInit() {
     this.logoPath = this.webAppSettingDataService.getLogoPath();
 }

 onChangeUserDefaultPeriod(value: Period): void {
     this.analyticsService.trackEvent(TRACKED_EVENT_LIST.SET_SEARCH_PERIOD_IN_CONFIGURATION, value.getValueWithTime());
     this.webAppSettingDataService.setUserDefaultPeriod(value);
 }

 ngOnInit() {
     this.periodList = this.webAppSettingDataService.getPeriodList(UrlPath.MAIN);
     this.userDefaultPeriod = this.webAppSettingDataService.getUserDefaultPeriod();
 }