mohiit1502/bookstore-angular
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

latest

Browse Source
This commit is contained in:
Le Deng
2017-03-11 10:20:03 -05:00
parent 180482ce47
commit b3579d50c8
16 changed files with 242 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
bookstore-api/.idea/workspace.xml generated
View File

@@ -1007,12 +1007,12 @@
<workItem from="1488378219247" duration="650000" />
<workItem from="1488461561430" duration="18419000" />
<workItem from="1488731165185" duration="30270000" />
<workItem from="1489159532831" duration="12188000" />
<workItem from="1489159532831" duration="12546000" />
</task>
<servers />
</component>
<component name="TimeTrackingManager">
<option name="totallyTimeSpent" value="104470000" />
<option name="totallyTimeSpent" value="104828000" />
</component>
<component name="ToolWindowManager">
<frame x="72" y="23" width="1280" height="797" extended-state="0" />

8
store-front/src/app/app.module.ts
View File

@@ -31,6 +31,9 @@ import { BookDetailComponent } from './components/book-detail/book-detail.compon
import { ShoppingCartComponent } from './components/shopping-cart/shopping-cart.component';
import { OrderComponent } from './components/order/order.component';
import { OrderSummaryComponent } from './components/order-summary/order-summary.component';
import { BestSellerComponent } from './components/best-seller/best-seller.component';
import { HoursComponent } from './components/hours/hours.component';
import { FaqComponent } from './components/faq/faq.component';
@NgModule({
declarations: [
@@ -44,7 +47,10 @@ import { OrderSummaryComponent } from './components/order-summary/order-summary.
BookDetailComponent,
ShoppingCartComponent,
OrderComponent,
OrderSummaryComponent
OrderSummaryComponent,
BestSellerComponent,
HoursComponent,
FaqComponent
],
imports: [
BrowserModule,

10
store-front/src/app/app.routing.ts
View File

@@ -12,6 +12,8 @@ import {BookDetailComponent} from './components/book-detail/book-detail.componen
import {ShoppingCartComponent} from './components/shopping-cart/shopping-cart.component';
import {OrderComponent} from './components/order/order.component';
import { OrderSummaryComponent } from './components/order-summary/order-summary.component';
import { HoursComponent } from './components/hours/hours.component';
import { FaqComponent } from './components/faq/faq.component';
const appRoutes: Routes = [
@@ -51,6 +53,14 @@ const appRoutes: Routes = [
{
path: 'orderSummary',
component: OrderSummaryComponent
},
{
path: 'hours',
component: HoursComponent
},
{
path: 'faq',
component: FaqComponent
}
];

0
store-front/src/app/components/best-seller/best-seller.component.css Normal file
View File

3
store-front/src/app/components/best-seller/best-seller.component.html Normal file
View File

@@ -0,0 +1,3 @@
<p>
best-seller works!
</p>

28
store-front/src/app/components/best-seller/best-seller.component.spec.ts Normal file
View File

@@ -0,0 +1,28 @@
/* tslint:disable:no-unused-variable */
import { async, ComponentFixture, TestBed } from '@angular/core/testing';
import { By } from '@angular/platform-browser';
import { DebugElement } from '@angular/core';
import { BestSellerComponent } from './best-seller.component';
describe('BestSellerComponent', () => {
let component: BestSellerComponent;
let fixture: ComponentFixture<BestSellerComponent>;
beforeEach(async(() => {
TestBed.configureTestingModule({
declarations: [ BestSellerComponent ]
})
.compileComponents();
}));
beforeEach(() => {
fixture = TestBed.createComponent(BestSellerComponent);
component = fixture.componentInstance;
fixture.detectChanges();
});
it('should create', () => {
expect(component).toBeTruthy();
});
});

15
store-front/src/app/components/best-seller/best-seller.component.ts Normal file
View File

@@ -0,0 +1,15 @@
import { Component, OnInit } from '@angular/core';
@Component({
selector: 'app-best-seller',
templateUrl: './best-seller.component.html',
styleUrls: ['./best-seller.component.css']
})
export class BestSellerComponent implements OnInit {
constructor() { }
ngOnInit() {
}
}

0
store-front/src/app/components/faq/faq.component.css Normal file
View File

72
store-front/src/app/components/faq/faq.component.html Normal file
View File

@@ -0,0 +1,72 @@
<div class="container">
<div class="row">
<div class="col-xs-8">
<h2 class="section-headline"><span>My Account</span></h2>
</div>
<div class="col-xs-4">
<img src="../../../assets/image/logo.png" class="img-responsive right" style="width:400px; z-index: 1;" />
</div>
<img class="img-responsive" src="../../../assets/image/wood.png" style="position: absolute;margin-top: 90px;z-index: -2;" />
</div>
<div class="row" style="margin-top: 120px;">
<div class="col-xs-9 col-xs-offset-3">
<h3>Shopping</h3>
<hr/>
<h4 class="question">Q: How do I place an order?</h4>
<p>A:&nbsp;First you need to set up an account, once that is created you are ready to place an order.</p>
<h4 class="question">Q: How do I set up an account?&nbsp;</h4>
<p>A: Click on the login button in the upper right hand corner of the main page and then click on create an
account.</p>
<h4 class="question">Q: How long does it take to process and ship orders?</h4>
<p>A: Please allow 1 - 3 business days (Monday-Friday) for order processing regardless of the shipping
method chosen. Once shipped you should receive your order within 2 - 10 business days. Please note that
2 day and Overnight services refer to business days (Monday - Friday).
</p>
<h4 class="question">Q: Are all of the items guaranteed in stock?</h4>
<p>A: We try to update the website as often as possible to reflect out of stock conditions. However, the
ability to order an item does not guarantee that it will be in stock when your order is processed. You
will be notified if an order is not available.
</p>
<h4 class="question">Q: Why can't I choose the size and color I want?</h4>
<p>A:&nbsp;If you are unable to select a specific size or color, it typically means that the item is out of
stock. Try checking back in 2 - 3 weeks to see if your size or color is available.
</p>
<h4 class="question">Q: I can't find a specific item on the website, are there items available that are not listed on the
website?</h4>
<p>A:&nbsp;The items that are currently shown on our website represent what is currently available to view
and order online. There is a wider selection of merchandise available at the UVM Bookstore and the
Catamount Store. Please visit our stores when you are in the Burlington area.
</p>
<h4 class="question">Q: How can I check the status of my order?</h4>
<p>A: If you have registered for an account at the UVM Bookstore, click on "My Account" and login with your
email address and password. You can view the status of any orders that were made while you were signed
in. You can also contact us at&nbsp;1.800.331.7305 with your name, order number, and a request for
status of your order. Our office hours are Monday - Friday 8am -4:30pm EST
</p>
<h4 class="question">Q: How can I cancel or change my order?</h4>
<p>A:&nbsp;You can cancel your order or make a change to it by contacting us at 1.999.999.9999 as soon as
possible after your order is placed with your name, order number, and a request for cancellation or a
description of the requested change. Our office hours are Monday Friday 8am 4:30pm. We will do our best
to cancel or modify your order, but we will not be able to complete the cancellation if your order has
been processed or shipped.
</p>
<h3>Shipping&nbsp;</h3>
<hr />
<p>The UVM Bookstore is proud to offer you competitive shipping rates. All of our shipments are
professionally packed to ensure the safety of your items in route.</p>
<h4 class="question">Q: How much is the shipping charge on orders?</h4>
<p>A: The shipping charge depends on the total amount of the merchandise ordered as well as the shipping
method chosen. There are some items that incur additional charges such as diploma frames $19.99 for an
oversized box and maple syrup $1.00 for double-boxing. The rate for chairs and rockers is $35.00 for
shipments east of the Mississippi and $45.00 west of the Mississippi.</p>
<h4 class="question">Q. What is your shipping method?</h4>
<p>A: We ship UPS, FedEx or US mail .
</p>
<h4 class="question">Q: When will I receive my order?</h4>
<p>A: On average, your order will be received in 7 - 10 working days. During August and January, delivery
time may take longer.&nbsp;</p>
</div>
</div>
</div>

28
store-front/src/app/components/faq/faq.component.spec.ts Normal file
View File

@@ -0,0 +1,28 @@
/* tslint:disable:no-unused-variable */
import { async, ComponentFixture, TestBed } from '@angular/core/testing';
import { By } from '@angular/platform-browser';
import { DebugElement } from '@angular/core';
import { FaqComponent } from './faq.component';
describe('FaqComponent', () => {
let component: FaqComponent;
let fixture: ComponentFixture<FaqComponent>;
beforeEach(async(() => {
TestBed.configureTestingModule({
declarations: [ FaqComponent ]
})
.compileComponents();
}));
beforeEach(() => {
fixture = TestBed.createComponent(FaqComponent);
component = fixture.componentInstance;
fixture.detectChanges();
});
it('should create', () => {
expect(component).toBeTruthy();
});
});

15
store-front/src/app/components/faq/faq.component.ts Normal file
View File

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

6
store-front/src/app/components/home/home.component.html
View File

@@ -15,21 +15,21 @@
<div class="col-xs-4">
<div class="panel panel-default">
<div class="panel-body">
<img src="../../../assets/image/bestseller.png" class="img-responsive" />
<a class="pointer" routerLink="/bookList" routerLinkActive="active"><img src="../../../assets/image/bestseller.png" class="img-responsive" /></a>
</div>
</div>
</div>
<div class="col-xs-4">
<div class="panel panel-default">
<div class="panel-body">
<img src="../../../assets/image/hours.png" class="img-responsive" />
<a class="pointer" routerLink="/hours" routerLinkActive="active"><img src="../../../assets/image/hours.png" class="img-responsive" /></a>
</div>
</div>
</div>
<div class="col-xs-4">
<div class="panel panel-default">
<div class="panel-body">
<img src="../../../assets/image/faq.png" class="img-responsive" />
<a class="pointer" routerLink="/faq" routerLinkActive="active"><img src="../../../assets/image/faq.png" class="img-responsive" /></a>
</div>
</div>
</div>

0
store-front/src/app/components/hours/hours.component.css Normal file
View File

16
store-front/src/app/components/hours/hours.component.html Normal file
View File

@@ -0,0 +1,16 @@
<div class="container">
<div class="row">
<div class="col-xs-8">
<h2 class="section-headline"><span>My Account</span></h2>
</div>
<div class="col-xs-4">
<img src="../../../assets/image/logo.png" class="img-responsive right" style="width:400px; z-index: 1;" />
</div>
<img class="img-responsive" src="../../../assets/image/wood.png" style="position: absolute;margin-top: 90px;z-index: -2;" />
</div>
<div class="row" style="margin-top: 120px;">
<div class="col-xs-9 col-xs-offset-3">
<img class="img-responsive" src="../../../assets/image/hours.png" />
</div>
</div>
</div>

28
store-front/src/app/components/hours/hours.component.spec.ts Normal file
View File

@@ -0,0 +1,28 @@
/* tslint:disable:no-unused-variable */
import { async, ComponentFixture, TestBed } from '@angular/core/testing';
import { By } from '@angular/platform-browser';
import { DebugElement } from '@angular/core';
import { HoursComponent } from './hours.component';
describe('HoursComponent', () => {
let component: HoursComponent;
let fixture: ComponentFixture<HoursComponent>;
beforeEach(async(() => {
TestBed.configureTestingModule({
declarations: [ HoursComponent ]
})
.compileComponents();
}));
beforeEach(() => {
fixture = TestBed.createComponent(HoursComponent);
component = fixture.componentInstance;
fixture.detectChanges();
});
it('should create', () => {
expect(component).toBeTruthy();
});
});

15
store-front/src/app/components/hours/hours.component.ts Normal file
View File

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