404 Page Not Found
diff --git a/Frontend/src/app/pages/404/page-not-found.component.ts b/Frontend/src/app/pages/404/page-not-found.component.ts
new file mode 100644
index 0000000..bdc0aaa
--- /dev/null
+++ b/Frontend/src/app/pages/404/page-not-found.component.ts
@@ -0,0 +1,15 @@
+import { Component } from '@angular/core';
+import { ActivatedRoute, Router} from '@angular/router';
+
+@Component({
+ selector: 'page-not-found',
+ templateUrl: './page-not-found.component.html',
+ styleUrls: [ './page-not-found.scss'],
+})
+
+export class PageNotFoundComponent {
+ constructor(private router: Router, private activatedRoute: ActivatedRoute){
+ console.log("404 : %s",router.url)
+ }
+
+}
diff --git a/Frontend/src/app/pages/404/page-not-found.scss b/Frontend/src/app/pages/404/page-not-found.scss
new file mode 100644
index 0000000..4d5ad22
--- /dev/null
+++ b/Frontend/src/app/pages/404/page-not-found.scss
@@ -0,0 +1,14 @@
+@import '../../../assets/scss/var';
+.s-page-not-found {
+ position: fixed;
+ top:0;
+ left:0;
+ width:100%;
+ height:60px;
+ display:flex;
+ align-items: center;
+ padding:15px;
+ background-color: $s-c-primary ;
+ color:$s-c-inverse-text;
+ font-size: $s-f-medium-size;
+}
diff --git a/Frontend/src/app/pages/book_stats/book_stats.component.html b/Frontend/src/app/pages/book_stats/book_stats.component.html
new file mode 100644
index 0000000..1e0f545
--- /dev/null
+++ b/Frontend/src/app/pages/book_stats/book_stats.component.html
@@ -0,0 +1,20 @@
+
+
+
diff --git a/Frontend/src/app/pages/book_stats/book_stats.component.ts b/Frontend/src/app/pages/book_stats/book_stats.component.ts
new file mode 100644
index 0000000..59e0197
--- /dev/null
+++ b/Frontend/src/app/pages/book_stats/book_stats.component.ts
@@ -0,0 +1,34 @@
+import { Component, OnInit } from "@angular/core";
+import { BookService } from "../../services/api/book.service";
+import { Router } from "@angular/router";
+import { NgxChartsModule } from "@swimlane/ngx-charts";
+
+@Component({
+ selector: "s-book_stats-pg",
+ templateUrl: "./book_stats.component.html",
+ styleUrls: ["./book_stats.scss"]
+})
+export class BookStatsComponent {
+ public bookByQuantityData = [];
+ public barColorScheme = { domain: ["#007cbb"] };
+
+ constructor(
+ private router: Router,
+ private bookService: BookService
+ ) {}
+ ngOnInit() {
+ var me = this;
+ this.getPageData();
+ }
+
+ getPageData() {
+ var me = this;
+ me.bookService
+ .getBookStatsByQuantityOrdered()
+ .subscribe(function(countryData) {
+ console.log(countryData);
+ me.bookByQuantityData = countryData.items;
+ console.log("Received Orders By Country");
+ });
+ }
+}
diff --git a/Frontend/src/app/pages/book_stats/book_stats.scss b/Frontend/src/app/pages/book_stats/book_stats.scss
new file mode 100644
index 0000000..c361af6
--- /dev/null
+++ b/Frontend/src/app/pages/book_stats/book_stats.scss
@@ -0,0 +1,16 @@
+@import '../../../assets/scss/var';
+h4{margin-top: 16px;}
+.s-product-dash-pg {
+ margin: 0px;
+ display:flex;
+ flex-wrap:wrap;
+ flex-direction:row;
+ justify-content:center;
+ .chart-box{
+ margin:16px;
+ padding:0 16px;
+ background-color: #fff;
+ border:1px solid #ccc;
+ border-radius: 2px;
+ }
+}
diff --git a/Frontend/src/app/pages/books/books.component.html b/Frontend/src/app/pages/books/books.component.html
new file mode 100644
index 0000000..1ebab13
--- /dev/null
+++ b/Frontend/src/app/pages/books/books.component.html
@@ -0,0 +1,21 @@
+
+
+
+
+
+Products By Quantity Ordered
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/Frontend/src/app/pages/customers/customers.component.ts b/Frontend/src/app/pages/customers/customers.component.ts
new file mode 100644
index 0000000..a3e82b0
--- /dev/null
+++ b/Frontend/src/app/pages/customers/customers.component.ts
@@ -0,0 +1,63 @@
+import { Component, OnInit,TemplateRef, ViewChild,HostListener } from '@angular/core';
+import { Router } from '@angular/router';
+import { CustomerService } from '../../services/api/customer.service';
+
+@Component({
+ selector: 's-customers-pg',
+ templateUrl: './customers.component.html',
+ styleUrls: [ './customers.scss'],
+})
+
+export class CustomersComponent implements OnInit {
+
+ columns:any[];
+ rows:any[];
+ pageSize:number=10;
+ currentPage:number=0;
+ isLastPageLoaded:boolean=false;
+ isLoading:boolean=false;
+
+ constructor(private router: Router, private customerService: CustomerService) { }
+
+ ngOnInit() {
+ let me = this;
+ me.getPageData();
+
+ this.columns=[
+ {prop:"id" , name: "ID" , width:50 },
+ {prop:"firstName", name: "First Name" , width:120 },
+ {prop:"lastName" , name: "Last Name" , width:120 },
+ {prop:"company" , name: "Company" , width:120 },
+ {prop:"email" , name: "Email" , width:200 },
+ {prop:"phone" , name: "Phone" , width:160 },
+ {prop:"address" , name: "Address" , width:220 },
+ ];
+ }
+
+ getPageData(isAppend:boolean=false) {
+
+ if (this.isLastPageLoaded===false){
+ let me = this;
+ me.isLoading=true;
+ this.customerService.getCustomers(this.currentPage,this.pageSize).subscribe((data) => {
+ me.isLastPageLoaded=data.last;
+ me.currentPage = data.currentPageNumber+1;
+ if (isAppend===true){
+ me.rows = me.rows.concat(data.items);
+ }
+ else{
+ me.rows = data.items;
+ }
+ me.isLoading=false;
+ });
+ }
+ }
+
+ onScroll() {
+ console.log("bottom")
+ if (this.isLoading===false){
+ this.getPageData(true);
+ }
+ }
+
+}
diff --git a/Frontend/src/app/pages/customers/customers.scss b/Frontend/src/app/pages/customers/customers.scss
new file mode 100644
index 0000000..56b34cb
--- /dev/null
+++ b/Frontend/src/app/pages/customers/customers.scss
@@ -0,0 +1,4 @@
+@import '../../../assets/scss/var';
+
+
+
diff --git a/Frontend/src/app/pages/dashboard/dashboard.component.html b/Frontend/src/app/pages/dashboard/dashboard.component.html
new file mode 100644
index 0000000..6c46b1d
--- /dev/null
+++ b/Frontend/src/app/pages/dashboard/dashboard.component.html
@@ -0,0 +1 @@
+Loading...
+
+
+
+
+
diff --git a/Frontend/src/app/pages/employees/employees.component.ts b/Frontend/src/app/pages/employees/employees.component.ts
new file mode 100644
index 0000000..cf22a8f
--- /dev/null
+++ b/Frontend/src/app/pages/employees/employees.component.ts
@@ -0,0 +1,40 @@
+import { Component, OnInit,TemplateRef, ViewChild } from '@angular/core';
+import { Router } from '@angular/router';
+import { EmployeeService } from '../../services/api/employee.service';
+
+
+@Component({
+ selector : 's-employees-pg',
+ templateUrl: './employees.component.html',
+ styleUrls : [ './employees.scss'],
+})
+
+export class EmployeesComponent implements OnInit {
+
+ columns:any[];
+ rows:any[];
+
+ constructor(private router: Router, private employeeService: EmployeeService) { }
+
+ ngOnInit() {
+ var me = this;
+ me.getPageData();
+
+ this.columns=[
+ {prop:"id" , name: "ID" , width:50 },
+ {prop:"firstName" , name: "First Name" , width:120 },
+ {prop:"lastName" , name: "Last Name" , width:120 },
+ {prop:"email" , name: "Email" , width:250 },
+ {prop:"phone" , name: "Phone" , width:160 },
+ {prop:"department", name: "Department" , width:220 }
+ ];
+ }
+
+ getPageData() {
+ var me = this;
+ this.employeeService.getEmployees().subscribe((data) => {
+ this.rows = data.items;
+ });
+ }
+
+}
diff --git a/Frontend/src/app/pages/employees/employees.scss b/Frontend/src/app/pages/employees/employees.scss
new file mode 100644
index 0000000..56b34cb
--- /dev/null
+++ b/Frontend/src/app/pages/employees/employees.scss
@@ -0,0 +1,4 @@
+@import '../../../assets/scss/var';
+
+
+
diff --git a/Frontend/src/app/pages/login/login.component.html b/Frontend/src/app/pages/login/login.component.html
new file mode 100644
index 0000000..5bba224
--- /dev/null
+++ b/Frontend/src/app/pages/login/login.component.html
@@ -0,0 +1,15 @@
+
+
diff --git a/Frontend/src/app/pages/login/login.component.ts b/Frontend/src/app/pages/login/login.component.ts
new file mode 100644
index 0000000..95c0455
--- /dev/null
+++ b/Frontend/src/app/pages/login/login.component.ts
@@ -0,0 +1,59 @@
+import { Component, OnInit } from "@angular/core";
+import { LoginService } from "../../services/api/login.service";
+import { Router } from "@angular/router";
+import { UserInfoService } from "app/services/user-info.service";
+
+@Component({
+ selector: "s-login-pg",
+ templateUrl: "./login.component.html",
+ styleUrls: ["./login.scss"]
+})
+export class LoginComponent implements OnInit {
+ model: any = {};
+ errMsg: string = "";
+ constructor(
+ private router: Router,
+ private loginService: LoginService,
+ private userInfoService: UserInfoService
+ ) {}
+
+ ngOnInit() {
+ this.loginService.logout(false);
+ }
+
+ login() {
+ this.userInfoService.storeUserInfo(
+ `${this.model.username}:${this.model.password}`
+ );
+ this.loginService
+ .checkLogin(this.model.username, this.model.password)
+ .subscribe(
+ resp => {
+ if (!resp.success) {
+ this.errMsg = "Username or password is incorrect";
+ return;
+ }
+ this.router.navigate([resp.landingPage]);
+ },
+ errResponse => {
+ switch (errResponse.status) {
+ case 401:
+ this.errMsg = "Username or password is incorrect";
+ break;
+ case 404:
+ this.errMsg = "Service not found";
+ case 408:
+ this.errMsg = "Request Timedout";
+ case 500:
+ this.errMsg = "Internal Server Error";
+ default:
+ this.errMsg = "Server Error";
+ }
+ }
+ );
+ }
+
+ onSignUp() {
+ this.router.navigate(["signup"]);
+ }
+}
diff --git a/Frontend/src/app/pages/login/login.scss b/Frontend/src/app/pages/login/login.scss
new file mode 100644
index 0000000..3b7bfa1
--- /dev/null
+++ b/Frontend/src/app/pages/login/login.scss
@@ -0,0 +1,47 @@
+@import '../../../assets/scss/var';
+:host {
+ display:flex;
+ flex-direction: row;
+ justify-content: center;
+}
+
+.s-login-pg{
+ width:400px;
+ display:flex;
+ padding:0;
+ margin:48px 16px 16px 16px;
+ flex-direction: column;
+ align-items: center;
+ background-color: white;
+ border: 1px solid #ccc;
+ border-radius: 2px;
+ box-shadow: 0 1px 3px rgba(0,0,0,0.05), 0 1px 2px rgba(0,0,0,0.15);
+ .s-login-pg-head{
+ width:100%;
+ height:220px;
+ display:flex;
+ flex-direction: column;
+ align-items: center;
+ background-color: #998;
+ padding:16px;
+ color:white;
+ }
+ .s-login-pg-form{
+ width:100%;
+ height:200px;
+ display:flex;
+ flex-direction: column;
+ align-items: center;
+ margin:24px 16px;
+ input{
+ margin: 16px;
+ }
+ }
+ .s-login-pg-foot{
+ width:100%;
+ min-height:40px;
+ display:flex;
+ flex-direction: column;
+ align-items: center;
+ }
+}
diff --git a/Frontend/src/app/pages/logout/logout.component.html b/Frontend/src/app/pages/logout/logout.component.html
new file mode 100644
index 0000000..0e8721f
--- /dev/null
+++ b/Frontend/src/app/pages/logout/logout.component.html
@@ -0,0 +1,5 @@
+
+ 
+
+
+ The A-team presents: Bookstore
+
+
+
+{{errMsg}}
+
+
diff --git a/Frontend/src/app/pages/logout/logout.component.ts b/Frontend/src/app/pages/logout/logout.component.ts
new file mode 100644
index 0000000..febaa1a
--- /dev/null
+++ b/Frontend/src/app/pages/logout/logout.component.ts
@@ -0,0 +1,15 @@
+import { Component } from '@angular/core';
+import { ActivatedRoute, Router} from '@angular/router';
+import { UserInfoService, LoginInfoInStorage} from '../../services/user-info.service';
+
+@Component({
+ selector : 's-logout-pg',
+ templateUrl: './logout.component.html',
+ styleUrls : [ './logout.scss'],
+})
+
+export class LogoutComponent {
+ constructor(private userInfoService: UserInfoService){
+ this.userInfoService.removeUserInfo();
+ }
+}
diff --git a/Frontend/src/app/pages/logout/logout.scss b/Frontend/src/app/pages/logout/logout.scss
new file mode 100644
index 0000000..f7471e9
--- /dev/null
+++ b/Frontend/src/app/pages/logout/logout.scss
@@ -0,0 +1,7 @@
+@import '../../../assets/scss/var';
+:host {
+ display:flex;
+ flex-direction: row;
+ justify-content: center;
+ background-color: $s-bg-gray;
+}
diff --git a/Frontend/src/app/pages/order_details/order_details.component.html b/Frontend/src/app/pages/order_details/order_details.component.html
new file mode 100644
index 0000000..9789a90
--- /dev/null
+++ b/Frontend/src/app/pages/order_details/order_details.component.html
@@ -0,0 +1,86 @@
+You are now signed out
+You may Sign in again
+ +
+
+
+ +
diff --git a/Frontend/src/app/pages/order_details/order_details.component.ts b/Frontend/src/app/pages/order_details/order_details.component.ts
new file mode 100644
index 0000000..564b058
--- /dev/null
+++ b/Frontend/src/app/pages/order_details/order_details.component.ts
@@ -0,0 +1,96 @@
+import { Component, OnInit,TemplateRef, ViewChild } from '@angular/core';
+import { OrderService } from '../../services/api/order.service';
+import { Router, ActivatedRoute, Params } from '@angular/router';
+import { FormBuilder, FormGroup , FormControl,Validators} from '@angular/forms';
+import 'rxjs/add/operator/switchMap';
+
+@Component({
+ selector: 's-orders-pg',
+ templateUrl: './order_details.component.html',
+ styleUrls: [ './order_details.scss'],
+})
+
+export class OrderDetailsComponent implements OnInit {
+ public orderId:number;
+ public frmOrderDetail: FormGroup;
+ public orderDetailsRec:any={id:'',orderLine:[]};
+ public isOrderOnHold:boolean = false;
+
+ public rows=[];
+ public columns =[
+ {prop:"productName" , name: "Product" , width:200 },
+ {prop:"productCode" , name: "Code" , width:70 },
+ {prop:"category" , name: "Category" , width:100 },
+ {prop:"listPrice" , name: "List Price" , width:70 }
+ ];
+
+ constructor(
+ private route: ActivatedRoute,
+ private router: Router,
+ private formBuilder: FormBuilder,
+ private orderService: OrderService
+ ) {
+
+ }
+
+ ngOnInit(): void {
+
+ this.frmOrderDetail = this.formBuilder.group({
+ customerName : ['',Validators.required],
+ customerEmail : ['',Validators.required],
+ customerCompany: ['',Validators.required],
+ orderStatus : ['',Validators.required],
+ orderDate : ['',Validators.required],
+ paymentType : [''],
+ paidDate : [''],
+ shipAddress1 : ['',Validators.required],
+ shipAddress2 : ['',Validators.required],
+ shipCity : ['',Validators.required],
+ shipCountry : ['',Validators.required],
+ shipState : ['',Validators.required],
+ shippedDate : ['',Validators.required],
+ shippedFee : ['',Validators.required],
+ });
+ this.getData();
+
+ }
+
+ getData(){
+ var me = this;
+ this.route.params
+ .switchMap( function(params: Params){
+ me.orderId = params['id'];
+ return me.orderService.getOrderDetails(params['id'])
+ })
+ .subscribe(function(resp){
+ console.log("Order details", resp[0]);
+ me.frmOrderDetail.setValue({
+ customerName : [resp[0].customerName],
+ customerEmail : [resp[0].customerEmail],
+ customerCompany: [resp[0].customerCompany],
+ orderStatus : [resp[0].orderStatus],
+ orderDate : [resp[0].orderDate],
+ paymentType : [resp[0].paymentType],
+ paidDate : [resp[0].paidDate],
+ shipAddress1 : [resp[0].shipAddress1],
+ shipAddress2 : [resp[0].shipAddress2],
+ shipCity : [resp[0].shipCity],
+ shipCountry : [resp[0].shipCountry],
+ shipState : [resp[0].shipState],
+ shippedDate : [resp[0].shippedDate],
+ shippedFee : [resp[0].shippingFee]
+ });
+ me.orderDetailsRec = resp[0];
+
+
+
+ });
+ }
+
+ goBack(){
+ console.log("Back");
+ }
+
+
+
+}
diff --git a/Frontend/src/app/pages/order_details/order_details.scss b/Frontend/src/app/pages/order_details/order_details.scss
new file mode 100644
index 0000000..b32c586
--- /dev/null
+++ b/Frontend/src/app/pages/order_details/order_details.scss
@@ -0,0 +1,5 @@
+@import '../../../assets/scss/var';
+.order-detail-pg{
+ width:750px;
+}
+
diff --git a/Frontend/src/app/pages/order_stats/order_stats.component.html b/Frontend/src/app/pages/order_stats/order_stats.component.html
new file mode 100644
index 0000000..c8c49f0
--- /dev/null
+++ b/Frontend/src/app/pages/order_stats/order_stats.component.html
@@ -0,0 +1,41 @@
++ +
+
diff --git a/Frontend/src/app/pages/order_stats/order_stats.component.ts b/Frontend/src/app/pages/order_stats/order_stats.component.ts
new file mode 100644
index 0000000..d3bac65
--- /dev/null
+++ b/Frontend/src/app/pages/order_stats/order_stats.component.ts
@@ -0,0 +1,53 @@
+import { Component, OnInit } from '@angular/core';
+import { OrderService } from '../../services/api/order.service';
+import { Router } from '@angular/router';
+import { NgxChartsModule} from '@swimlane/ngx-charts';
+import 'rxjs/add/operator/mergeMap';
+
+
+@Component({
+ selector: 's-order_stats-pg',
+ templateUrl: './order_stats.component.html',
+ styleUrls: [ './order_stats.scss'],
+})
+
+export class OrderStatsComponent implements OnInit {
+ view: any[] = [460, 180];
+ ordersByStatusData : any[] = [];
+ ordersByPaymentData: any[] = [];
+ ordersByCountryData: any[] = [];
+ colorScheme = {
+ domain: ['#007cbb', '#61c673', '#ff8e28', '#ef2e2e']
+ };
+ barColorScheme = {
+ domain: ['#007cbb']
+ }
+
+ constructor(private router: Router, private orderService: OrderService) { }
+
+ ngOnInit() {
+ var me = this;
+ this.getPageData()
+ }
+
+ getPageData() {
+ var me = this;
+
+
+ me.orderService.getOrderStats("status")
+ .mergeMap(function(statusData) {
+ me.ordersByStatusData = statusData.items;
+ console.log("Received Orders By Status");
+ return me.orderService.getOrderStats("paytype");
+ }).mergeMap( function(payTypeData) {
+ me.ordersByPaymentData = payTypeData.items;
+ console.log("Received Orders By Payment Type");
+ return me.orderService.getOrderStats("country")
+ }).subscribe(function(countryData){
+ me.ordersByCountryData = countryData.items;
+ console.log("Received Orders By Country");
+ });
+ }
+
+
+}
diff --git a/Frontend/src/app/pages/order_stats/order_stats.scss b/Frontend/src/app/pages/order_stats/order_stats.scss
new file mode 100644
index 0000000..9f89333
--- /dev/null
+++ b/Frontend/src/app/pages/order_stats/order_stats.scss
@@ -0,0 +1,16 @@
+@import '../../../assets/scss/var';
+h4{margin-top: 16px;}
+.s-order-dash-pg {
+ margin: 0px;
+ display:flex;
+ flex-wrap:wrap;
+ flex-direction:row;
+ justify-content:center;
+ .chart-box{
+ margin:16px;
+ padding:0 16px;
+ background-color: #fff;
+ border:1px solid #ccc;
+ border-radius: 2px;
+ }
+}
diff --git a/Frontend/src/app/pages/orders/orders.component.html b/Frontend/src/app/pages/orders/orders.component.html
new file mode 100644
index 0000000..4abca09
--- /dev/null
+++ b/Frontend/src/app/pages/orders/orders.component.html
@@ -0,0 +1,42 @@
+
+
+
+
+
+ Orders by Status
+
+
+
+
+
+ Orders By Payment Type
+
+
+
+
+
+Orders By Country
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ ${v.city}, ${v.state} ${v.postalCode}
${v.country}` + }); + return newRow; + }); + + let returnObj = Object.assign({},jsonResp,{ + items:items + }) + customerListSubject.next(returnObj); // incidentList is a Subject and emits an event thats being listened to by the components + }); + + return customerListSubject; + } +} diff --git a/Frontend/src/app/services/api/employee.service.ts b/Frontend/src/app/services/api/employee.service.ts new file mode 100644 index 0000000..ab9a149 --- /dev/null +++ b/Frontend/src/app/services/api/employee.service.ts @@ -0,0 +1,22 @@ +import { Injectable, Inject } from '@angular/core'; +import { Observable, ReplaySubject, Subject } from 'rxjs'; +import { ApiRequestService } from './api-request.service'; +import { TranslateService } from './translate.service'; +import { HttpParams} from "@angular/common/http"; + +@Injectable() +export class EmployeeService { + constructor( + private apiRequest: ApiRequestService, + private translate:TranslateService + ) {} + + getEmployees(page?:number, size?:number): Observable
- entityList = testRestTemplate.getForEntity("/api/ang/configurations", List.class);
-
- assertThat(entityList).isNotNull();
- assertThat(entityList.getStatusCode()).isEqualTo(HttpStatus.OK);
- assertThat(entityList.getBody().size()).isGreaterThan(2);
- }
-
- @Test
- public void should_post_return_406_for_missing_fields() throws Exception {
-
- // given
- ConfigurationDto request = new ConfigurationDto();
-
- // when
- ResponseEntity
- entityList = testRestTemplate.getForEntity("/api/ang/configurations", List.class);
+
+ assertThat(entityList).isNotNull();
+ assertThat(entityList.getStatusCode()).isEqualTo(HttpStatus.OK);
+ assertThat(entityList.getBody().size()).isGreaterThan(2);
+ }
+
+ @Test
+ public void should_post_return_406_for_missing_fields() throws Exception {
+
+ // given
+ ConfigurationDto request = new ConfigurationDto();
+
+ // when
+ ResponseEntity