tanshu/barker
1
0
Fork 0
Code Issues 1 Pull Requests Releases 4 Activity

Still in progress

Browse Source
This commit is contained in:
Amritanshu
2019-06-17 13:23:00 +05:30
parent 32500665b5
commit 63f5f60842
26 changed files with 520 additions and 432 deletions
Download Patch File Download Diff File Expand all files Collapse all files

37
bookie/src/app/guest-book/guest-book-list/guest-book-list.component.ts
View File

@ -1,14 +1,12 @@
import {AfterViewInit, Component, ElementRef, OnInit, ViewChild} from '@angular/core';
import { MatPaginator } from '@angular/material/paginator';
import { MatSort } from '@angular/material/sort';
import {GuestBookListDataSource} from './guest-book-list-datasource';
import {ActivatedRoute} from "@angular/router";
import {FormBuilder, FormGroup} from "@angular/forms";
import {debounceTime, distinctUntilChanged, map} from "rxjs/operators";
import {GuestBook} from "../guest-book";
import {Observable} from "rxjs";
import { Component, OnInit } from '@angular/core';
import { ActivatedRoute } from "@angular/router";
import { FormBuilder, FormGroup } from "@angular/forms";
import { BehaviorSubject } from "rxjs";
import { map } from "rxjs/operators";
import * as moment from 'moment';
import {GuestBookService} from "../guest-book.service";
import {GuestBook, GuestBookList} from "../guest-book";
import { GuestBookService } from "../guest-book.service";
import { GuestBookListDataSource } from './guest-book-list-datasource';
@Component({
selector: 'app-guest-book-list',
@ -16,17 +14,15 @@ import {GuestBookService} from "../guest-book.service";
styleUrls: ['./guest-book-list.component.css']
})
export class GuestBookListComponent implements OnInit {
@ViewChild(MatPaginator, { static: true }) paginator: MatPaginator;
@ViewChild(MatSort, { static: true }) sort: MatSort;
dataSource: GuestBookListDataSource;
filter: Observable<string>;
form: FormGroup;
list: GuestBook[];
data: BehaviorSubject<GuestBook[]>;
/** Columns displayed in the table. Columns IDs can be added, removed, or reordered. */
displayedColumns = ['sno', 'name', 'phone', 'pax', 'action'];
constructor(private route: ActivatedRoute, private fb: FormBuilder, private ser: GuestBookService) {
this.createForm();
this.data = new BehaviorSubject([]);
this.listenToDateChange();
}
@ -41,18 +37,19 @@ export class GuestBookListComponent implements OnInit {
map(x => moment(x).format('DD-MMM-YYYY'))
).subscribe(x => {
return this.ser.list(x)
.subscribe((list: GuestBook[]) => {
this.list = list;
this.dataSource = new GuestBookListDataSource(this.paginator, this.sort, this.list);
.subscribe((list: GuestBookList) => {
console.log("date changed");
this.data.next(list.list);
});
});
}
ngOnInit() {
this.route.data
.subscribe((data: { list: GuestBook[] }) => {
this.list = data.list;
.subscribe((data: { list: GuestBookList }) => {
this.data.next(data.list.list);
this.form.setValue({"date": moment(data.list.date, 'DD-MMM-YYYY').toDate()});
});
this.dataSource = new GuestBookListDataSource(this.paginator, this.sort, this.list);
this.dataSource = new GuestBookListDataSource(this.data);
}
}