hello works!
diff --git a/src/app/hello/hello.component.spec.ts b/src/app/hello/hello.component.spec.ts new file mode 100644 index 0000000..d28a4a2 --- /dev/null +++ b/src/app/hello/hello.component.spec.ts @@ -0,0 +1,25 @@ +import { ComponentFixture, TestBed } from '@angular/core/testing'; + +import { HelloComponent } from './hello.component'; + +describe('HelloComponent', () => { + let component: HelloComponent; + let fixture: ComponentFixturenot-found works!
diff --git a/src/app/not-found/not-found.component.spec.ts b/src/app/not-found/not-found.component.spec.ts new file mode 100644 index 0000000..9d41c99 --- /dev/null +++ b/src/app/not-found/not-found.component.spec.ts @@ -0,0 +1,25 @@ +import { ComponentFixture, TestBed } from '@angular/core/testing'; + +import { NotFoundComponent } from './not-found.component'; + +describe('NotFoundComponent', () => { + let component: NotFoundComponent; + let fixture: ComponentFixture
+
\ No newline at end of file
diff --git a/src/app/pay/pay.component.spec.ts b/src/app/pay/pay.component.spec.ts
new file mode 100644
index 0000000..dc2f4d9
--- /dev/null
+++ b/src/app/pay/pay.component.spec.ts
@@ -0,0 +1,25 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { PayComponent } from './pay.component';
+
+describe('PayComponent', () => {
+ let component: PayComponent;
+ let fixture: ComponentFixture
+
\ No newline at end of file
diff --git a/src/app/payment/payment.component.ts b/src/app/payment/payment.component.ts
index afbabcc..4305c82 100644
--- a/src/app/payment/payment.component.ts
+++ b/src/app/payment/payment.component.ts
@@ -1,4 +1,6 @@
import { Component, OnInit } from '@angular/core';
+import { ActivatedRoute } from '@angular/router';
+import { BackendService, IInvoice, CryptoUnits, PaymentStatus } from '../backend.service';
@Component({
selector: 'app-payment',
@@ -7,9 +9,50 @@ import { Component, OnInit } from '@angular/core';
})
export class PaymentComponent implements OnInit {
- constructor() { }
+ paymentSelector = '';
+ choosenPaymentMethod = CryptoUnits.BITCOIN;
+ ready = false;
+ invoice: IInvoice | null = null;
+
+ constructor(
+ private backend: BackendService,
+ private route: ActivatedRoute
+ ) { }
ngOnInit(): void {
+ this.route.params.subscribe(params => {
+ this.paymentSelector = params.id;
+ this.backend.subscribeTo(this.paymentSelector);
+ this.get();
+ });
+ }
+
+ async get() {
+ this.invoice = await this.backend.getInvoice(this.paymentSelector);
+ this.ready = true;
+ }
+
+ getAmount() {
+ return this.invoice?.paymentMethods.find(item => {
+ return item.method === CryptoUnits.BITCOIN;
+ })?.amount.toFixed(8);
+ }
+
+ getStatus() {
+ switch (this.invoice?.status) {
+ case PaymentStatus.PENDING:
+ return 'Pending';
+ case PaymentStatus.PARTIALLY:
+ return 'Partly';
+ case PaymentStatus.UNCONFIRMED:
+ return 'Unconfirmed';
+ case PaymentStatus.DONE:
+ return 'Paid';
+ case PaymentStatus.CANCELLED:
+ return 'Cancelled';
+ default:
+ return 'Unknown';
+ }
}
}
diff --git a/src/routes.ts b/src/routes.ts
new file mode 100644
index 0000000..74cce43
--- /dev/null
+++ b/src/routes.ts
@@ -0,0 +1,17 @@
+import { NgModule } from "@angular/core";
+import { RouterModule, Routes } from "@angular/router";
+import { HelloComponent } from "./app/hello/hello.component";
+import { NotFoundComponent } from "./app/not-found/not-found.component";
+import { PayComponent } from "./app/pay/pay.component";
+
+const routes: Routes = [
+ { path: 'pay/:id', component: PayComponent, data: { title: 'Payment' } },
+ { path: '', component: HelloComponent },
+ { path: '**', component: NotFoundComponent }
+]
+
+@NgModule({
+ imports: [RouterModule.forRoot(routes)],
+ exports: [RouterModule]
+ })
+ export class AppRoutingModule {}
\ No newline at end of file
Send to
-