You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
176 lines
6.3 KiB
TypeScript
176 lines
6.3 KiB
TypeScript
import { Component, OnInit, OnDestroy } from '@angular/core';
|
|
import { Subject } from 'rxjs';
|
|
import { takeUntil, take } from 'rxjs/operators';
|
|
import { Store } from '@ngrx/store';
|
|
|
|
import { Settings } from '../../../shared/models/RTLconfig';
|
|
import { GetInfo, Balance, ChannelsTransaction, AddressType } from '../../../shared/models/lndModels';
|
|
import { Authentication } from '../../../shared/models/RTLconfig';
|
|
import { LoggerService } from '../../../shared/services/logger.service';
|
|
|
|
import { RTLEffects } from '../../../shared/store/rtl.effects';
|
|
import * as RTLActions from '../../../shared/store/rtl.actions';
|
|
import * as fromRTLReducer from '../../../shared/store/rtl.reducers';
|
|
|
|
@Component({
|
|
selector: 'rtl-send-receive-trans',
|
|
templateUrl: './send-receive-trans.component.html',
|
|
styleUrls: ['./send-receive-trans.component.scss']
|
|
})
|
|
export class SendReceiveTransComponent implements OnInit, OnDestroy {
|
|
public settings: Settings;
|
|
public addressTypes = [];
|
|
public flgLoadingWallet: Boolean | 'error' = true;
|
|
public selectedAddress: AddressType = {};
|
|
public blockchainBalance: Balance = {};
|
|
public information: GetInfo = {};
|
|
public authSettings: Authentication = {};
|
|
public newAddress = '';
|
|
public transaction: ChannelsTransaction = {};
|
|
public transTypes = [{id: '1', name: 'Target Confirmation Blocks'}, {id: '2', name: 'Fee'}];
|
|
public selTransType = '1';
|
|
public flgCustomAmount = '1';
|
|
private unsub: Array<Subject<void>> = [new Subject(), new Subject(), new Subject(), new Subject(), new Subject()];
|
|
|
|
constructor(private logger: LoggerService, private store: Store<fromRTLReducer.State>, private rtlEffects: RTLEffects) {}
|
|
|
|
ngOnInit() {
|
|
this.store.select('rtlRoot')
|
|
.pipe(takeUntil(this.unsub[0]))
|
|
.subscribe((rtlStore: fromRTLReducer.State) => {
|
|
rtlStore.effectErrors.forEach(effectsErr => {
|
|
if (effectsErr.action === 'FetchBalance/blockchain') {
|
|
this.flgLoadingWallet = 'error';
|
|
}
|
|
});
|
|
this.settings = rtlStore.settings;
|
|
this.information = rtlStore.information;
|
|
this.addressTypes = rtlStore.addressTypes;
|
|
this.authSettings = rtlStore.authSettings;
|
|
|
|
this.blockchainBalance = rtlStore.blockchainBalance;
|
|
if (undefined === this.blockchainBalance.total_balance) {
|
|
this.blockchainBalance.total_balance = '0';
|
|
}
|
|
if (undefined === this.blockchainBalance.confirmed_balance) {
|
|
this.blockchainBalance.confirmed_balance = '0';
|
|
}
|
|
if (undefined === this.blockchainBalance.unconfirmed_balance) {
|
|
this.blockchainBalance.unconfirmed_balance = '0';
|
|
}
|
|
if (this.flgLoadingWallet !== 'error') {
|
|
this.flgLoadingWallet = false;
|
|
}
|
|
|
|
this.logger.info(rtlStore);
|
|
});
|
|
|
|
}
|
|
|
|
onGenerateAddress() {
|
|
this.store.dispatch(new RTLActions.OpenSpinner('Getting New Address...'));
|
|
this.store.dispatch(new RTLActions.GetNewAddress(this.selectedAddress));
|
|
this.rtlEffects.setNewAddress
|
|
.pipe(takeUntil(this.unsub[1]))
|
|
.subscribe(newAddress => {
|
|
this.newAddress = newAddress;
|
|
});
|
|
}
|
|
|
|
onSendFunds() {
|
|
const confirmationMsg = {
|
|
'BTC Address': this.transaction.address,
|
|
};
|
|
if (!+this.flgCustomAmount) {
|
|
confirmationMsg['Sweep All'] = 'True';
|
|
this.transaction.sendAll = true;
|
|
} else {
|
|
confirmationMsg['Amount (' + this.information.smaller_currency_unit + ')'] = this.transaction.amount;
|
|
this.transaction.sendAll = false;
|
|
}
|
|
if (this.selTransType === '1') {
|
|
delete this.transaction.fees;
|
|
confirmationMsg['Target Confirmation Blocks'] = this.transaction.blocks;
|
|
} else {
|
|
delete this.transaction.blocks;
|
|
confirmationMsg['Fee (' + this.information.smaller_currency_unit + '/Byte)'] = this.transaction.fees;
|
|
}
|
|
this.store.dispatch(new RTLActions.OpenConfirmation({ width: '70%', data:
|
|
{type: 'CONFIRM', message: JSON.stringify(confirmationMsg), noBtnText: 'Cancel', yesBtnText: 'Send'}
|
|
}));
|
|
|
|
this.rtlEffects.closeConfirm
|
|
.pipe(takeUntil(this.unsub[2]))
|
|
.subscribe(confirmRes => {
|
|
if (confirmRes) {
|
|
if (this.transaction.sendAll && !+this.authSettings.rtlSSO) {
|
|
this.store.dispatch(new RTLActions.OpenConfirmation({ width: '70%', data:
|
|
{type: 'CONFIRM', titleMessage: 'Enter Login Password', noBtnText: 'Cancel', yesBtnText: 'Authorize', flgShowInput: true, getInputs: [
|
|
{placeholder: 'Enter Login Password', inputType: 'password', inputValue: ''}
|
|
]}
|
|
}));
|
|
this.rtlEffects.closeConfirm
|
|
.pipe(takeUntil(this.unsub[3]))
|
|
.subscribe(pwdConfirmRes => {
|
|
if (pwdConfirmRes) {
|
|
const pwd = pwdConfirmRes[0].inputValue;
|
|
this.store.dispatch(new RTLActions.IsAuthorized(window.btoa(pwd)));
|
|
this.rtlEffects.isAuthorizedRes
|
|
.pipe(take(1))
|
|
.subscribe(authRes => {
|
|
if (authRes !== 'ERROR') {
|
|
this.dispatchToSendFunds();
|
|
}
|
|
});
|
|
}
|
|
});
|
|
} else {
|
|
this.dispatchToSendFunds();
|
|
}
|
|
}
|
|
});
|
|
}
|
|
|
|
dispatchToSendFunds() {
|
|
this.store.dispatch(new RTLActions.OpenSpinner('Sending Funds...'));
|
|
this.store.dispatch(new RTLActions.SetChannelTransaction(this.transaction));
|
|
this.transaction = {address: '', amount: 0, blocks: 0, fees: 0};
|
|
}
|
|
|
|
get invalidValues(): boolean {
|
|
return (undefined === this.transaction.address || this.transaction.address === '')
|
|
|| (+this.flgCustomAmount && (undefined === this.transaction.amount || this.transaction.amount <= 0))
|
|
|| (this.selTransType === '1' && (undefined === this.transaction.blocks || this.transaction.blocks <= 0))
|
|
|| (this.selTransType === '2' && (undefined === this.transaction.fees || this.transaction.fees <= 0));
|
|
}
|
|
|
|
onCustomClicked() {
|
|
this.flgCustomAmount = '1';
|
|
}
|
|
|
|
onOptionChange(event) {
|
|
if (!+this.flgCustomAmount) {
|
|
delete this.transaction.amount;
|
|
}
|
|
}
|
|
|
|
resetData() {
|
|
this.transaction.address = '';
|
|
this.transaction.amount = 0;
|
|
this.transaction.blocks = 0;
|
|
this.transaction.fees = 0;
|
|
}
|
|
|
|
resetReceiveData() {
|
|
this.selectedAddress = {};
|
|
this.newAddress = '';
|
|
}
|
|
|
|
ngOnDestroy() {
|
|
this.unsub.forEach(completeSub => {
|
|
completeSub.next();
|
|
completeSub.complete();
|
|
});
|
|
}
|
|
}
|