|
|
|
import { Component, OnInit, OnDestroy, Output, EventEmitter } from '@angular/core';
|
|
|
|
import { Subject } from 'rxjs';
|
|
|
|
import { takeUntil } from 'rxjs/operators';
|
|
|
|
import { Store } from '@ngrx/store';
|
|
|
|
import { faWrench, faPaintBrush, faServer } from '@fortawesome/free-solid-svg-icons';
|
|
|
|
|
|
|
|
import { CURRENCY_UNITS, UserPersonaEnum, ScreenSizeEnum, FIAT_CURRENCY_UNITS, NODE_SETTINGS } from '../../../services/consts-enums-functions';
|
|
|
|
import { LightningNode, Settings, RTLConfiguration, GetInfoRoot } from '../../../models/RTLconfig';
|
|
|
|
import { LoggerService } from '../../../services/logger.service';
|
|
|
|
import { CommonService } from '../../../services/common.service';
|
|
|
|
|
|
|
|
import * as RTLActions from '../../../../store/rtl.actions';
|
|
|
|
import * as fromRTLReducer from '../../../../store/rtl.reducers';
|
|
|
|
|
|
|
|
@Component({
|
|
|
|
selector: 'rtl-app-settings',
|
|
|
|
templateUrl: './app-settings.component.html',
|
|
|
|
styleUrls: ['./app-settings.component.scss']
|
|
|
|
})
|
|
|
|
export class AppSettingsComponent implements OnInit, OnDestroy {
|
|
|
|
public faWrench = faWrench;
|
|
|
|
public faPaintBrush = faPaintBrush;
|
|
|
|
public faServer = faServer;
|
|
|
|
public selNode: LightningNode;
|
|
|
|
public information: GetInfoRoot = {};
|
|
|
|
public userPersonas = [UserPersonaEnum.OPERATOR, UserPersonaEnum.MERCHANT];
|
|
|
|
public currencyUnits = FIAT_CURRENCY_UNITS;
|
|
|
|
public menus = NODE_SETTINGS.menus;
|
|
|
|
public selectedMenu = NODE_SETTINGS.menus[0];
|
|
|
|
public menuTypes = NODE_SETTINGS.menuTypes;
|
|
|
|
public themeModes = NODE_SETTINGS.modes;
|
|
|
|
public themeColors = NODE_SETTINGS.themes;
|
|
|
|
public fontSizes = NODE_SETTINGS.fontSize;
|
|
|
|
public selectedMenuType = NODE_SETTINGS.menuTypes[0];
|
|
|
|
public selectedFontSize = NODE_SETTINGS.fontSize[1];
|
|
|
|
public selectedThemeMode = NODE_SETTINGS.modes[0];
|
|
|
|
public selectedThemeColor = NODE_SETTINGS.themes[0].id;
|
|
|
|
public currencyUnit = 'BTC';
|
|
|
|
public smallerCurrencyUnit = 'Sats';
|
|
|
|
public showSettingOption = true;
|
|
|
|
public appConfig: RTLConfiguration;
|
|
|
|
public previousSettings: Settings;
|
|
|
|
public previousDefaultNode = 0;
|
|
|
|
public screenSize = '';
|
|
|
|
public screenSizeEnum = ScreenSizeEnum;
|
|
|
|
unsubs: Array<Subject<void>> = [new Subject(), new Subject()];
|
|
|
|
@Output('done') done: EventEmitter<void> = new EventEmitter();
|
|
|
|
|
|
|
|
constructor(private logger: LoggerService, private commonService: CommonService, private store: Store<fromRTLReducer.RTLState>) {
|
|
|
|
this.screenSize = this.commonService.getScreenSize();
|
|
|
|
}
|
|
|
|
|
|
|
|
ngOnInit() {
|
|
|
|
this.store.select('root')
|
|
|
|
.pipe(takeUntil(this.unsubs[0]))
|
|
|
|
.subscribe((rtlStore) => {
|
|
|
|
this.appConfig = rtlStore.appConfig;
|
|
|
|
this.selNode = rtlStore.selNode;
|
|
|
|
this.selectedMenu = this.menus.find(menu => menu.id === this.selNode.settings.menu);
|
|
|
|
this.selectedMenuType = this.menuTypes.find(menuType => this.selNode.settings.menuType === menuType.id);
|
|
|
|
this.selectedThemeMode = this.themeModes.find(themeMode => this.selNode.settings.themeMode === themeMode.id);
|
|
|
|
this.selectedThemeColor = this.selNode.settings.themeColor;
|
|
|
|
this.selectedFontSize = this.fontSizes.find(fontSize => fontSize.class === this.selNode.settings.fontSize);
|
|
|
|
if (window.innerWidth <= 768) {
|
|
|
|
this.selNode.settings.menu = 'vertical';
|
|
|
|
this.selNode.settings.flgSidenavOpened = false;
|
|
|
|
this.selNode.settings.flgSidenavPinned = false;
|
|
|
|
this.showSettingOption = false;
|
|
|
|
}
|
|
|
|
this.information = rtlStore.nodeData;
|
|
|
|
this.smallerCurrencyUnit = (undefined !== this.information && undefined !== this.information.smaller_currency_unit) ? this.information.smaller_currency_unit : 'Sats';
|
|
|
|
this.currencyUnit = (undefined !== this.information && undefined !== this.information.currency_unit) ? this.information.currency_unit : 'BTC';
|
|
|
|
this.previousSettings = JSON.parse(JSON.stringify(this.selNode.settings));
|
|
|
|
this.previousDefaultNode = this.appConfig.defaultNodeIndex;
|
|
|
|
this.logger.info(rtlStore);
|
|
|
|
});
|
|
|
|
}
|
|
|
|
|
|
|
|
onCurrencyChange(event: any) {
|
|
|
|
this.selNode.settings.currencyUnits = [...CURRENCY_UNITS, event.value];
|
|
|
|
this.store.dispatch(new RTLActions.SetChildNodeSettings({userPersona: this.selNode.settings.userPersona, channelBackupPath: this.selNode.settings.channelBackupPath, satsToBTC: this.selNode.settings.satsToBTC, selCurrencyUnit: event.value, currencyUnits: this.selNode.settings.currencyUnits}));
|
|
|
|
this.store.dispatch(new RTLActions.SetChildNodeSettingsCL({userPersona: this.selNode.settings.userPersona, channelBackupPath: this.selNode.settings.channelBackupPath, satsToBTC: this.selNode.settings.satsToBTC, selCurrencyUnit: event.value, currencyUnits: this.selNode.settings.currencyUnits}));
|
|
|
|
}
|
|
|
|
|
|
|
|
chooseMenuType() {
|
|
|
|
this.selNode.settings.menuType = this.selectedMenuType.id;
|
|
|
|
this.commonService.changeContainerWidth('menuType');
|
|
|
|
}
|
|
|
|
|
|
|
|
chooseFontSize() {
|
|
|
|
this.selNode.settings.fontSize = (this.fontSizes.filter(fontSize => fontSize.id === this.selectedFontSize.id)[0]).class;
|
|
|
|
}
|
|
|
|
|
|
|
|
toggleSettings(toggleField: string, event?: any) {
|
|
|
|
if(toggleField === 'menu') {
|
|
|
|
this.selNode.settings.flgSidenavOpened = (!event.checked) ? false : true;
|
|
|
|
setTimeout(() => {
|
|
|
|
this.selNode.settings.menu = (!event.checked) ? 'horizontal' : 'vertical';
|
|
|
|
}, 10);
|
|
|
|
} else {
|
|
|
|
this.selNode.settings[toggleField] = !this.selNode.settings[toggleField];
|
|
|
|
if(toggleField === 'flgSidenavOpened' || toggleField === 'flgSidenavPinned') {
|
|
|
|
this.commonService.changeContainerWidth(toggleField);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
changeThemeColor(newThemeColor: string) {
|
|
|
|
this.selectedThemeColor = newThemeColor;
|
|
|
|
this.selNode.settings.themeColor = newThemeColor;
|
|
|
|
}
|
|
|
|
|
|
|
|
chooseThemeMode() {
|
|
|
|
this.selNode.settings.themeMode = this.selectedThemeMode.id;
|
|
|
|
}
|
|
|
|
|
|
|
|
onUpdateSettings() {
|
|
|
|
let defaultNodeIndex = (this.previousDefaultNode !== this.appConfig.defaultNodeIndex) ? this.appConfig.defaultNodeIndex : null;
|
|
|
|
this.logger.info(this.selNode.settings);
|
|
|
|
this.store.dispatch(new RTLActions.OpenSpinner('Updating Settings...'));
|
|
|
|
this.store.dispatch(new RTLActions.SaveSettings({settings: this.selNode.settings, defaultNodeIndex: defaultNodeIndex}));
|
|
|
|
this.store.dispatch(new RTLActions.SetChildNodeSettings({userPersona: this.selNode.settings.userPersona, channelBackupPath: this.selNode.settings.channelBackupPath, satsToBTC: this.selNode.settings.satsToBTC, selCurrencyUnit: this.selNode.settings.currencyUnit, currencyUnits: this.selNode.settings.currencyUnits}));
|
|
|
|
this.store.dispatch(new RTLActions.SetChildNodeSettingsCL({userPersona: this.selNode.settings.userPersona, channelBackupPath: this.selNode.settings.channelBackupPath, satsToBTC: this.selNode.settings.satsToBTC, selCurrencyUnit: this.selNode.settings.currencyUnit, currencyUnits: this.selNode.settings.currencyUnits}));
|
|
|
|
this.done.emit();
|
|
|
|
}
|
|
|
|
|
|
|
|
onResetSettings() {
|
|
|
|
this.selNode.settings = this.previousSettings;
|
|
|
|
this.selectedMenu = this.menus.find(menu => menu.id === this.previousSettings.menu);
|
|
|
|
this.selectedMenuType = this.menuTypes.find(menuType => menuType.id === this.previousSettings.menuType);
|
|
|
|
this.selectedFontSize = this.fontSizes.find(fontSize => fontSize.class === this.previousSettings.fontSize);
|
|
|
|
this.selectedThemeMode = this.themeModes.find(themeMode => themeMode.id === this.previousSettings.themeMode);
|
|
|
|
this.selectedThemeColor = this.previousSettings.themeColor;
|
|
|
|
this.store.dispatch(new RTLActions.SetSelelectedNode({ lnNode: this.selNode, isInitialSetup: true }));
|
|
|
|
}
|
|
|
|
|
|
|
|
ngOnDestroy() {
|
|
|
|
this.unsubs.forEach(unsub => {
|
|
|
|
unsub.next();
|
|
|
|
unsub.complete();
|
|
|
|
});
|
|
|
|
}
|
|
|
|
|
|
|
|
}
|