UMA-44 Add component placeholders

Author: trojanc

myadmin-angular/projects/creditcard-payment-app/src/app/app-routing.module.ts

@@ -1,10 +1,21 @@
 import { NgModule } from '@angular/core';
 import { Routes, RouterModule } from '@angular/router';
-import {PaymentSearchComponentComponent} from "./components/payment-search-component/payment-search-component.component";
+import {StudentInputComponentComponent} from "./components/student-input-component/student-input-component.component";
+import {QualInputComponentComponent} from "./components/qual-input-component/qual-input-component.component";
+import {ApplyPaymentComponentComponent} from "./components/apply-payment-component/apply-payment-component.component";
+import {TpPaymentComponentComponent} from "./components/tp-payment-component/tp-payment-component.component";
+import {NonTpPaymentComponentComponent} from "./components/non-tp-payment-component/non-tp-payment-component.component";
+import {SummaryComponentComponent} from "./components/summary-component/summary-component.component";
 
 const routes: Routes = [
-  { path: '', redirectTo: '/search', pathMatch: 'full'},
-  { path: 'search', component: PaymentSearchComponentComponent},];
+  { path: '', redirectTo: '/qualInput', pathMatch: 'full'},
+  { path: 'studentInput', component: StudentInputComponentComponent},
+  { path: 'qualInput', component: QualInputComponentComponent},
+  { path: 'applyPayment', component: ApplyPaymentComponentComponent},
+  { path: 'tpPayment', component: TpPaymentComponentComponent},
+  { path: 'nonTpPayment', component: NonTpPaymentComponentComponent},
+  { path: 'summary', component: SummaryComponentComponent},
+];
 
 @NgModule({
   imports: [RouterModule.forRoot(routes)],

myadmin-angular/projects/creditcard-payment-app/src/app/app.module.ts

@@ -14,7 +14,12 @@ import '@clr/icons/shapes/all-shapes';
 import {MyadminLibModule, HttpErrorInterceptor} from "myadmin-lib";
 
 import { HTTP_INTERCEPTORS } from '@angular/common/http';
-import { PaymentSearchComponentComponent } from './components/payment-search-component/payment-search-component.component';
+import { QualInputComponentComponent } from './components/qual-input-component/qual-input-component.component';
+import { StudentInputComponentComponent } from './components/student-input-component/student-input-component.component';
+import { SummaryComponentComponent } from './components/summary-component/summary-component.component';
+import { ApplyPaymentComponentComponent } from './components/apply-payment-component/apply-payment-component.component';
+import { NonTpPaymentComponentComponent } from './components/non-tp-payment-component/non-tp-payment-component.component';
+import { TpPaymentComponentComponent } from './components/tp-payment-component/tp-payment-component.component';
 /** Http interceptor providers in outside-in order */
 export const HttpInterceptorProviders = [
   { provide: HTTP_INTERCEPTORS, useClass: HttpErrorInterceptor, multi: true }
@@ -24,7 +29,12 @@ export const HttpInterceptorProviders = [
 @NgModule({
   declarations: [
     AppComponent,
-    PaymentSearchComponentComponent,
+    QualInputComponentComponent,
+    StudentInputComponentComponent,
+    SummaryComponentComponent,
+    ApplyPaymentComponentComponent,
+    NonTpPaymentComponentComponent,
+    TpPaymentComponentComponent,
   ],
   imports: [
     BrowserModule,

myadmin-angular/projects/creditcard-payment-app/src/app/components/apply-payment-component/apply-payment-component.component.html

@@ -0,0 +1,3 @@
+<p>
+  apply-payment-component works!
+</p>

myadmin-angular/projects/creditcard-payment-app/src/app/components/payment-search-component/payment-search-component.component.scss renamed to myadmin-angular/projects/creditcard-payment-app/src/app/components/apply-payment-component/apply-payment-component.component.scss

@@ -0,0 +1,15 @@
+import { Component, OnInit } from '@angular/core';
+
+@Component({
+  selector: 'unisa-apply-payment-component',
+  templateUrl: './apply-payment-component.component.html',
+  styleUrls: ['./apply-payment-component.component.scss']
+})
+export class ApplyPaymentComponentComponent implements OnInit {
+
+  constructor() { }
+
+  ngOnInit() {
+  }
+
+}

myadmin-angular/projects/creditcard-payment-app/src/app/components/apply-payment-component/apply-payment-component.component.ts

@@ -0,0 +1,3 @@
+<p>
+  non-tp-payment-component works!
+</p>

myadmin-angular/projects/creditcard-payment-app/src/app/components/non-tp-payment-component/non-tp-payment-component.component.html

@@ -0,0 +1,15 @@
+import { Component, OnInit } from '@angular/core';
+
+@Component({
+  selector: 'unisa-non-tp-payment-component',
+  templateUrl: './non-tp-payment-component.component.html',
+  styleUrls: ['./non-tp-payment-component.component.scss']
+})
+export class NonTpPaymentComponentComponent implements OnInit {
+
+  constructor() { }
+
+  ngOnInit() {
+  }
+
+}

myadmin-angular/projects/creditcard-payment-app/src/app/components/non-tp-payment-component/non-tp-payment-component.component.scss

@@ -0,0 +1,3 @@
+<p>
+  qual-input-component works!
+</p>

myadmin-angular/projects/creditcard-payment-app/src/app/components/non-tp-payment-component/non-tp-payment-component.component.ts

@@ -0,0 +1,15 @@
+import { Component, OnInit } from '@angular/core';
+
+@Component({
+  selector: 'unisa-qual-input-component',
+  templateUrl: './qual-input-component.component.html',
+  styleUrls: ['./qual-input-component.component.scss']
+})
+export class QualInputComponentComponent implements OnInit {
+
+  constructor() { }
+
+  ngOnInit() {
+  }
+
+}

myadmin-angular/projects/creditcard-payment-app/src/app/components/payment-search-component/payment-search-component.component.html

@@ -0,0 +1,3 @@
+<p>
+  student-input-component works!
+</p>

myadmin-angular/projects/creditcard-payment-app/src/app/components/payment-search-component/payment-search-component.component.ts

@@ -0,0 +1,15 @@
+import { Component, OnInit } from '@angular/core';
+
+@Component({
+  selector: 'unisa-student-input-component',
+  templateUrl: './student-input-component.component.html',
+  styleUrls: ['./student-input-component.component.scss']
+})
+export class StudentInputComponentComponent implements OnInit {
+
+  constructor() { }
+
+  ngOnInit() {
+  }
+
+}

myadmin-angular/projects/creditcard-payment-app/src/app/components/qual-input-component/qual-input-component.component.html

@@ -0,0 +1,3 @@
+<p>
+  summary-component works!
+</p>

myadmin-angular/projects/creditcard-payment-app/src/app/components/qual-input-component/qual-input-component.component.scss

@@ -0,0 +1,15 @@
+import { Component, OnInit } from '@angular/core';
+
+@Component({
+  selector: 'unisa-summary-component',
+  templateUrl: './summary-component.component.html',
+  styleUrls: ['./summary-component.component.scss']
+})
+export class SummaryComponentComponent implements OnInit {
+
+  constructor() { }
+
+  ngOnInit() {
+  }
+
+}

myadmin-angular/projects/creditcard-payment-app/src/app/components/qual-input-component/qual-input-component.component.ts

@@ -0,0 +1,3 @@
+<p>
+  tp-payment-component works!
+</p>

myadmin-angular/projects/creditcard-payment-app/src/app/components/student-input-component/student-input-component.component.html

@@ -0,0 +1,15 @@
+import { Component, OnInit } from '@angular/core';
+
+@Component({
+  selector: 'unisa-tp-payment-component',
+  templateUrl: './tp-payment-component.component.html',
+  styleUrls: ['./tp-payment-component.component.scss']
+})
+export class TpPaymentComponentComponent implements OnInit {
+
+  constructor() { }
+
+  ngOnInit() {
+  }
+
+}