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:55:27 -05:00
parent d826f575f8
commit 0e0762ec86
4 changed files with 20 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
store-front/package.json
View File

@@ -21,6 +21,7 @@
"@angular/platform-browser": "^2.3.1", "@angular/platform-browser": "^2.3.1",
"@angular/platform-browser-dynamic": "^2.3.1", "@angular/platform-browser-dynamic": "^2.3.1",
"@angular/router": "^3.3.1", "@angular/router": "^3.3.1",
"@types/lodash": "^4.14.55",
"angular2-datatable": "^0.5.3", "angular2-datatable": "^0.5.3",
"bootstrap": "^3.3.7", "bootstrap": "^3.3.7",
"core-js": "^2.4.1", "core-js": "^2.4.1",

18
store-front/src/app/components/book-list/book-list.component.html
View File

@@ -12,17 +12,29 @@
<div class="row"> <div class="row">
<div class="col-md-3"></div> <div class="col-md-3"></div>
<div class="col-md-9"> <div class="col-md-9">
<table class="table" [mfData]="data | dataFilter : filterQuery" #mf="mfDataTable" [mfRowsOnPage]="rowsOnPage" [(mfSortBy)]="sortBy" [(mfSortOrder)]="sortOrder"> <table class="table" [mfData]="bookList | dataFilter : filterQuery" #mf="mfDataTable" [mfRowsOnPage]="rowsOnPage" [(mfSortBy)]="sortBy" [(mfSortOrder)]="sortOrder">
<thead> <thead>
<tr> <tr>
<th colspan="5"> <th colspan="5">
Filter by name: <div class="row">
<div class="col-md-9">
Filter by Title:
<input class="form-control" [(ngModel)]="filterQuery" /> <input class="form-control" [(ngModel)]="filterQuery" />
</div>
<div class="col-md-3">
<label class="label-control">Rows on page</label>
<select class="form-control input-sm" [(ngModel)]="rowsOnPage">
<option [ngValue]="5">5</option>
<option [ngValue]="10">10</option>
<option [ngValue]="15">15</option>
</select>
</div>
</div>
</th> </th>
</tr> </tr>
</thead> </thead>
<tbody> <tbody>
<tr *ngFor="let book of bookList"> <tr *ngFor="let book of mf.data">
<div class="row"> <div class="row">
<div class="col-md-3"> <div class="col-md-3">
<a href="#"> <a href="#">

2
store-front/src/app/components/book-list/data-filter.pipe.ts
View File

@@ -8,7 +8,7 @@ export class DataFilterPipe implements PipeTransform {
transform(array: any[], query: string): any { transform(array: any[], query: string): any {
if (query) { if (query) {
return _.filter(array, row=>row.name.indexOf(query) > -1); return _.filter(array, row=>row.title.indexOf(query) > -1);
} }
return array; return array;
} }

12
store-front/src/app/constants/app-const.ts
View File

@@ -1,4 +1,4 @@
export class AppConst implements OnInit { export class AppConst{
public static serverPath='http://127.0.0.1:8181'; public static serverPath='http://127.0.0.1:8181';
public static usStates = { public static usStates = {
@@ -62,15 +62,5 @@ export class AppConst implements OnInit {
"WI": "Wisconsin", "WI": "Wisconsin",
"WY": "Wyoming" "WY": "Wyoming"
} }
constructor () {
console.log("test");
for (let s in this.usStates) {
this.stateList.push(s);
console.log(s);
}
}
ngOnInit() {
}
} }