281 lines
9.0 KiB
TypeScript
281 lines
9.0 KiB
TypeScript
import { Component, OnInit } from '@angular/core';
|
|
import { ActivatedRoute, Router } from '@angular/router';
|
|
import { DomSanitizer, SafeUrl } from '@angular/platform-browser';
|
|
import { ReceiptService } from '../receipt.service';
|
|
import { Order} from '../order/order.model';
|
|
import { Observable } from 'rxjs';
|
|
import { faCheck, faHourglass, faArrowUpRightFromSquare } from '@fortawesome/free-solid-svg-icons';
|
|
|
|
import { NotifierService } from '../notifier.service';
|
|
|
|
import { LanguageService } from '../language.service';
|
|
import { LanguageData } from '../language.model';
|
|
|
|
var QRCode = require('easyqrcodejs');
|
|
var URLSafeBase64 = require('urlsafe-base64');
|
|
var Buffer = require('buffer/').Buffer;
|
|
|
|
@Component({
|
|
selector: 'app-invoice',
|
|
templateUrl: './invoice.component.html',
|
|
styleUrls: ['./invoice.component.css']
|
|
})
|
|
|
|
export class InvoiceComponent implements OnInit {
|
|
faCheck = faCheck;
|
|
faHourglass = faHourglass;
|
|
faArrowUpRightFromSquare = faArrowUpRightFromSquare;
|
|
orderId;
|
|
public orderUpdate: Observable<Order>;
|
|
public nameUpdate: Observable<string>;
|
|
name: string = '';
|
|
error: boolean = false;
|
|
codeString: string = 'Test';
|
|
invString: string = '';
|
|
public isWCOrder : boolean = false;
|
|
zcashUrl: SafeUrl = '';
|
|
externalURL: string = '';
|
|
order:Order = {
|
|
_id: '',
|
|
address: '',
|
|
session: '',
|
|
timestamp: '',
|
|
closed: false,
|
|
currency: '',
|
|
price: 0,
|
|
total: 0,
|
|
totalZec: 0,
|
|
paid: false,
|
|
externalInvoice: '',
|
|
shortCode: '',
|
|
lines: [
|
|
{
|
|
qty: 1,
|
|
name: '',
|
|
cost:0
|
|
}
|
|
]
|
|
};
|
|
// -------------------------------------
|
|
//
|
|
// Language Support
|
|
//
|
|
vE = {
|
|
invoiceInvoiceLbl : '',
|
|
invoiceOrderId : '',
|
|
invoiceOrderDate : '',
|
|
invoiceZcashPrice : '',
|
|
invoiceQtyLbl : '',
|
|
invoiceOrderPrice : '',
|
|
invoiceInvoiceTotal : '',
|
|
invoicePaymentConfirmed : '',
|
|
invoicePaymentPending : '',
|
|
invoiceScanQrcode : '',
|
|
invoiceCantScan : '',
|
|
invoiceUseThis : '',
|
|
invoiceWalletLink : '',
|
|
invoiceDotOr : '',
|
|
invoiceCopyAddress : '',
|
|
invoiceCopyAmount : '',
|
|
invoiceCopyMemo : '',
|
|
invoiceReturnToshop : '',
|
|
invoiceCopyNotavail : '',
|
|
invoiceNotservClose : '',
|
|
invoiceNotservError : '',
|
|
invoiceCopyaddressError : '',
|
|
invoiceCopyamountError : '',
|
|
invoiceCopymemoError : '',
|
|
invoiceInvalidId : '',
|
|
invoiceInfoNotavail : ''
|
|
};
|
|
//
|
|
constructor(
|
|
private _ActiveRoute:ActivatedRoute,
|
|
private router: Router,
|
|
private sanitizer: DomSanitizer,
|
|
public receiptService: ReceiptService,
|
|
private notifierService : NotifierService,
|
|
private languageService : LanguageService
|
|
) {
|
|
this.orderId = this._ActiveRoute.snapshot.paramMap.get("orderId");
|
|
console.log('constructor - orderId -> ' + this.orderId);
|
|
this.orderUpdate = receiptService.orderUpdate;
|
|
this.nameUpdate = receiptService.nameUpdate;
|
|
receiptService.getOrderById(this.orderId!).subscribe(response => {
|
|
if (response.status == 200){
|
|
this.error = false;
|
|
if( response.body!.order.session.substring(0,1) == 'X') {
|
|
this.invString = response.body!.order.externalInvoice;
|
|
this.codeString = `zcash:${this.order.address}?amount=${this.order.totalZec.toFixed(8)}&memo=${URLSafeBase64.encode(Buffer.from('ZGo Order::'.concat(this.orderId!).concat(" Invoice: ").concat(this.invString)))}`;
|
|
} else {
|
|
this.codeString = `zcash:${response.body!.order.address}?amount=${response.body!.order.totalZec.toFixed(8)}&memo=${URLSafeBase64.encode(Buffer.from('ZGo Order::'.concat(this.orderId!)))}`;
|
|
}
|
|
var qrcode = new QRCode(document.getElementById("payment-qr"), {
|
|
text: this.codeString,
|
|
logo: "/assets/zcash.png",
|
|
width: 180,
|
|
height: 180,
|
|
logoWidth: 50,
|
|
logoHeight: 50,
|
|
correctLevel: QRCode.CorrectLevel.H
|
|
});
|
|
this.error = false;
|
|
} else {
|
|
this.error = true;
|
|
this.codeString = 'Test';
|
|
}
|
|
});
|
|
this.orderUpdate.subscribe(order => {
|
|
this.order = order;
|
|
if ( order.session.substring(0,1) == 'W') {
|
|
this.isWCOrder = true;
|
|
}
|
|
this.zcashUrl = this.sanitizer.bypassSecurityTrustUrl(this.codeString);
|
|
});
|
|
this.nameUpdate.subscribe(name => {
|
|
this.name = name;
|
|
});
|
|
}
|
|
|
|
ngOnInit(): void {
|
|
this.chgUILanguage();
|
|
}
|
|
|
|
backToShop() {
|
|
if ( this.isWCOrder ) {
|
|
// console.log('External Invoice -> ' + this.order.externalInvoice );
|
|
const b64URL:string = this.order.externalInvoice.substring(0,this.order.externalInvoice.indexOf("-"));
|
|
// console.log('encodedURL -> ' + b64URL );
|
|
const shopURL: string = Buffer.from(b64URL, 'base64').toString();
|
|
const tmp_orderid = this.order.externalInvoice.substring(this.order.externalInvoice.indexOf('-')+1);
|
|
const wc_order_key = tmp_orderid.substring(tmp_orderid.indexOf('-')+1);
|
|
const wc_orderid = tmp_orderid.substring(0,tmp_orderid.indexOf('-'));
|
|
// console.log('wc_order_id -> ' + wc_orderid);
|
|
// console.log('wc_order_key -> ' + wc_order_key);
|
|
// console.log('new URL -> ' + shopURL + '/checkout/order-received/' + wc_orderid + '/?key=' + wc_order_key);
|
|
if ( shopURL ) {
|
|
// console.log('Opening URL....' + shopURL);
|
|
window.open( shopURL + '/checkout/order-received/' + wc_orderid + '/?key=' + wc_order_key,"_blank");
|
|
}
|
|
}
|
|
}
|
|
|
|
getIconStyle(order : Order) {
|
|
if( order.paid )
|
|
return "font-size: 14px; color: #72cc50; margin-bottom: -2px;";
|
|
return "color: #FB4F14; margin-bottom: -2px; cursor: pointer;";
|
|
|
|
}
|
|
|
|
copyAddress() {
|
|
if (!navigator.clipboard) {
|
|
// alert("Copy functionality not supported");
|
|
this.notifierService
|
|
.showNotification(
|
|
this.vE.invoiceCopyNotavail,
|
|
this.vE.invoiceNotservClose,
|
|
'error',
|
|
this.vE.invoiceNotservError);
|
|
}
|
|
try {
|
|
navigator.clipboard.writeText(this.order.address);
|
|
} catch (err) {
|
|
this.notifierService
|
|
.showNotification(
|
|
this.vE.invoiceCopyaddressError,
|
|
this.vE.invoiceNotservClose,
|
|
'error',
|
|
this.vE.invoiceNotservError);
|
|
// console.error("Error", err);
|
|
}
|
|
}
|
|
|
|
copyAmount() {
|
|
if (!navigator.clipboard) {
|
|
// alert("Copy functionality not supported");
|
|
this.notifierService
|
|
.showNotification(
|
|
this.vE.invoiceCopyNotavail,
|
|
this.vE.invoiceNotservClose,
|
|
'error',
|
|
this.vE.invoiceNotservError);
|
|
}
|
|
try {
|
|
navigator.clipboard.writeText(this.order.totalZec.toString());
|
|
} catch (err) {
|
|
this.notifierService
|
|
.showNotification(
|
|
this.vE.invoiceCopyamountError,
|
|
this.vE.invoiceNotservClose,
|
|
'error',
|
|
this.vE.invoiceNotservError);
|
|
// console.error("Error", err);
|
|
}
|
|
}
|
|
|
|
copyMemo() {
|
|
if (!navigator.clipboard) {
|
|
// alert("Copy functionality not supported");
|
|
this.notifierService
|
|
.showNotification(
|
|
this.vE.invoiceCopyNotavail,
|
|
this.vE.invoiceNotservClose,
|
|
'error',
|
|
this.vE.invoiceNotservError);
|
|
}
|
|
try {
|
|
navigator.clipboard.writeText("ZGo Order::" + this.order._id);
|
|
} catch (err) {
|
|
this.notifierService
|
|
.showNotification(
|
|
this.vE.invoiceCopymemoError,
|
|
this.vE.invoiceNotservClose,
|
|
'error',
|
|
this.vE.invoiceNotservError);
|
|
// console.error("Error", err);
|
|
}
|
|
}
|
|
|
|
chgUILanguage(){
|
|
console.log('INVOICE.chgUILanguage Called ');
|
|
this.languageService.getViewElements('invoice').subscribe(
|
|
response => {
|
|
console.log('Received >> ', response );
|
|
console.log('Language Code : ', response.language);
|
|
console.log('Component Name : ',response.component);
|
|
console.log('Language data : ',response.data);
|
|
|
|
this.vE.invoiceInvoiceLbl = response.data.invoice_invoice_lbl;
|
|
this.vE.invoiceOrderId = response.data.invoice_order_id;
|
|
this.vE.invoiceOrderDate = response.data.invoice_order_date;
|
|
this.vE.invoiceZcashPrice = response.data.invoice_zcash_price;
|
|
this.vE.invoiceQtyLbl = response.data.invoice_qty_lbl;
|
|
this.vE.invoiceOrderPrice = response.data.invoice_order_price;
|
|
this.vE.invoiceInvoiceTotal = response.data.invoice_invoice_total;
|
|
this.vE.invoicePaymentConfirmed = response.data.invoice_payment_confirmed;
|
|
this.vE.invoicePaymentPending = response.data.invoice_payment_pending;
|
|
this.vE.invoiceScanQrcode = response.data.invoice_scan_qrcode;
|
|
this.vE.invoiceCantScan = response.data.invoice_cant_scan;
|
|
this.vE.invoiceUseThis = response.data.invoice_use_this;
|
|
this.vE.invoiceWalletLink = response.data.invoice_wallet_link;
|
|
this.vE.invoiceDotOr = response.data.invoice_dot_or;
|
|
this.vE.invoiceCopyAddress = response.data.invoice_copy_address;
|
|
this.vE.invoiceCopyAmount = response.data.invoice_copy_amount;
|
|
this.vE.invoiceCopyMemo = response.data.invoice_copy_memo;
|
|
this.vE.invoiceReturnToshop = response.data.invoice_return_toshop;
|
|
this.vE.invoiceCopyNotavail = response.data.invoice_copy_notavail;
|
|
this.vE.invoiceNotservClose = response.data.invoice_notserv_close;
|
|
this.vE.invoiceNotservError = response.data.invoice_notserv_error;
|
|
this.vE.invoiceCopyaddressError = response.data.invoice_copyaddress_error;
|
|
this.vE.invoiceCopyamountError = response.data.invoice_copyamount_error;
|
|
this.vE.invoiceCopymemoError = response.data.invoice_copymemo_error;
|
|
this.vE.invoiceInvalidId = response.data.invoice_invalid_id;
|
|
this.vE.invoiceInfoNotavail = response.data.invoice_info_notavail;
|
|
|
|
},
|
|
error => { console.log('Error >> ',error); }
|
|
);
|
|
}
|
|
|
|
}
|