From ee09c1f71043a4a5370e90eae1e89ea810bd1396 Mon Sep 17 00:00:00 2001
From: Rene Vergara A <rvergara59@protonmail.com>
Date: Mon, 1 Aug 2022 21:29:07 -0500
Subject: [PATCH] Payment service component added - initial testing version

---
 src/app/app-routing.module.ts                 |  2 ++
 src/app/app.module.ts                         |  4 ++-
 src/app/pmtservice/pmtservice.component.css   |  0
 src/app/pmtservice/pmtservice.component.html  |  1 +
 .../pmtservice/pmtservice.component.spec.ts   | 23 ++++++++++++
 src/app/pmtservice/pmtservice.component.ts    | 36 +++++++++++++++++++
 src/app/pmtservice/pmtservice.model.ts        |  7 ++++
 src/app/pmtservice/url.txt                    |  1 +
 8 files changed, 73 insertions(+), 1 deletion(-)
 create mode 100644 src/app/pmtservice/pmtservice.component.css
 create mode 100644 src/app/pmtservice/pmtservice.component.html
 create mode 100644 src/app/pmtservice/pmtservice.component.spec.ts
 create mode 100644 src/app/pmtservice/pmtservice.component.ts
 create mode 100644 src/app/pmtservice/pmtservice.model.ts
 create mode 100644 src/app/pmtservice/url.txt

diff --git a/src/app/app-routing.module.ts b/src/app/app-routing.module.ts
index 0d0bdac..b9348ce 100644
--- a/src/app/app-routing.module.ts
+++ b/src/app/app-routing.module.ts
@@ -8,6 +8,7 @@ import { InvoiceComponent } from './invoice/invoice.component';
 import { ListOrdersComponent } from './listorders/listorders.component';
 import { AuthGuardService } from './auth-guard.service';
 import { NodeResolverService } from './node-resolver.service';
+import { PmtserviceComponent } from './pmtservice/pmtservice.component';
 
 const routes: Routes = [
 	{ path: '', component: LoginComponent, resolve: { response: NodeResolverService} },
@@ -17,6 +18,7 @@ const routes: Routes = [
 	{ path: 'biz', component: BusinessComponent, canActivate: [AuthGuardService]}, 
 	{ path: 'receipt/:orderId', component: ReceiptComponent},
 	{ path: 'invoice/:orderId', component: InvoiceComponent},
+	{ path: 'pmtservice', component: PmtserviceComponent},
 	{ path: 'login', component: LoginComponent, resolve: { response: NodeResolverService}}
 ];
 
diff --git a/src/app/app.module.ts b/src/app/app.module.ts
index 9183d10..d8373c9 100644
--- a/src/app/app.module.ts
+++ b/src/app/app.module.ts
@@ -45,6 +45,7 @@ import { FontAwesomeModule } from '@fortawesome/angular-fontawesome';
 import { PromptInvoiceComponent } from './prompt-invoice/prompt-invoice.component';
 import { PromptReceiptComponent } from './prompt-receipt/prompt-receipt.component';
 import { NotifierComponent } from './notifier/notifier.component';
+import { PmtserviceComponent } from './pmtservice/pmtservice.component';
 
 @NgModule({
     declarations: [
@@ -71,7 +72,8 @@ import { NotifierComponent } from './notifier/notifier.component';
         InvoiceComponent,
         PromptInvoiceComponent,
         PromptReceiptComponent,
-        NotifierComponent
+        NotifierComponent,
+        PmtserviceComponent
     ],
     imports: [
         BrowserModule,
diff --git a/src/app/pmtservice/pmtservice.component.css b/src/app/pmtservice/pmtservice.component.css
new file mode 100644
index 0000000..e69de29
diff --git a/src/app/pmtservice/pmtservice.component.html b/src/app/pmtservice/pmtservice.component.html
new file mode 100644
index 0000000..d7bbf3a
--- /dev/null
+++ b/src/app/pmtservice/pmtservice.component.html
@@ -0,0 +1 @@
+<p>{{ pmtData.ownerId }}</p>
diff --git a/src/app/pmtservice/pmtservice.component.spec.ts b/src/app/pmtservice/pmtservice.component.spec.ts
new file mode 100644
index 0000000..8b1c67b
--- /dev/null
+++ b/src/app/pmtservice/pmtservice.component.spec.ts
@@ -0,0 +1,23 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { PmtserviceComponent } from './pmtservice.component';
+
+describe('PmtserviceComponent', () => {
+  let component: PmtserviceComponent;
+  let fixture: ComponentFixture<PmtserviceComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      declarations: [ PmtserviceComponent ]
+    })
+    .compileComponents();
+
+    fixture = TestBed.createComponent(PmtserviceComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/src/app/pmtservice/pmtservice.component.ts b/src/app/pmtservice/pmtservice.component.ts
new file mode 100644
index 0000000..543dc24
--- /dev/null
+++ b/src/app/pmtservice/pmtservice.component.ts
@@ -0,0 +1,36 @@
+import { Component, OnInit } from '@angular/core';
+import { Router, ActivatedRoute, Params } from "@angular/router";
+import { PmtData } from "./pmtservice.model"
+
+@Component({
+  selector: 'app-pmtservice',
+  templateUrl: './pmtservice.component.html',
+  styleUrls: ['./pmtservice.component.css']
+})
+
+export class PmtserviceComponent implements OnInit {
+
+
+  public pmtData : PmtData = {
+      ownerId :'',
+      invoice: '',
+      amount: 0,
+      currency: '',
+      shortcode: ''
+  };
+
+  constructor(private activatedRoute: ActivatedRoute) {}
+
+  ngOnInit() {
+    this.activatedRoute.queryParams.subscribe((params) => {
+      this.pmtData.ownerId = params["ownerid"];
+      this.pmtData.invoice = params["invoice"];
+      this.pmtData.amount = params["amount"];
+      this.pmtData.currency = params["currency"];
+      this.pmtData.shortcode = params["shortcode"];
+
+      console.log(this.pmtData);
+    });
+  }
+
+}
diff --git a/src/app/pmtservice/pmtservice.model.ts b/src/app/pmtservice/pmtservice.model.ts
new file mode 100644
index 0000000..bcf64a0
--- /dev/null
+++ b/src/app/pmtservice/pmtservice.model.ts
@@ -0,0 +1,7 @@
+export interface PmtData {
+	ownerId: string;
+	invoice: string;
+	amount: number;
+	currency: string;
+	shortcode: string;
+}
diff --git a/src/app/pmtservice/url.txt b/src/app/pmtservice/url.txt
new file mode 100644
index 0000000..1d562d8
--- /dev/null
+++ b/src/app/pmtservice/url.txt
@@ -0,0 +1 @@
+http://localhost:4200/pmtservice?ownerid=Rene&amount=30&currency=USD&invoice=INV-003234&shortcode=abcde
\ No newline at end of file