+
+
+
+
+
+
+
+
+
diff --git a/bookie/src/app/guest-book/guest-book-list/guest-book-list.component.ts b/bookie/src/app/guest-book/guest-book-list/guest-book-list.component.ts
new file mode 100644
index 0000000..720af3a
--- /dev/null
+++ b/bookie/src/app/guest-book/guest-book-list/guest-book-list.component.ts
@@ -0,0 +1,58 @@
+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 * as moment from 'moment';
+import {GuestBookService} from "../guest-book.service";
+
+@Component({
+ selector: 'app-guest-book-list',
+ templateUrl: './guest-book-list.component.html',
+ 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| S. No | +{{row.serial}} | +Name | +{{row.name}} | +Phone | +{{row.phone}} | +Pax | +{{row.pax}} | +
|---|
+
+
+ Role
+
+
+
+
+
+
+
+
+
+
diff --git a/bookie/src/app/role/role-detail/role-detail.component.ts b/bookie/src/app/role/role-detail/role-detail.component.ts
new file mode 100644
index 0000000..c3a782f
--- /dev/null
+++ b/bookie/src/app/role/role-detail/role-detail.component.ts
@@ -0,0 +1,108 @@
+import {AfterViewInit, Component, ElementRef, OnInit, ViewChild} from '@angular/core';
+import {ActivatedRoute, Router} from '@angular/router';
+
+import {RoleService} from '../role.service';
+import {Role} from '../role';
+import {ToasterService} from '../../core/toaster.service';
+import {ConfirmDialogComponent} from '../../shared/confirm-dialog/confirm-dialog.component';
+import { MatDialog } from '@angular/material/dialog';
+import {FormArray, FormBuilder, FormGroup} from '@angular/forms';
+
+@Component({
+ selector: 'app-role-detail',
+ templateUrl: './role-detail.component.html',
+ styleUrls: ['./role-detail.component.css']
+})
+export class RoleDetailComponent implements OnInit, AfterViewInit {
+ @ViewChild('nameElement', { static: true }) nameElement: ElementRef;
+ form: FormGroup;
+ item: Role;
+
+ constructor(
+ private route: ActivatedRoute,
+ private router: Router,
+ private fb: FormBuilder,
+ private toaster: ToasterService,
+ private dialog: MatDialog,
+ private ser: RoleService
+ ) {
+ this.createForm();
+ }
+
+ createForm() {
+ this.form = this.fb.group({
+ name: '',
+ permissions: this.fb.array([])
+ });
+ }
+
+ ngOnInit() {
+ this.route.data
+ .subscribe((data: { item: Role }) => {
+ this.item = data.item;
+ this.form.get('name').setValue(this.item.name);
+ this.form.setControl('permissions', this.fb.array(
+ this.item.permissions.map(
+ x => this.fb.group({
+ permission: x.enabled
+ })
+ )
+ ));
+ });
+ }
+
+ ngAfterViewInit() {
+ setTimeout(() => {
+ this.nameElement.nativeElement.focus();
+ }, 0);
+ }
+
+ save() {
+ this.ser.saveOrUpdate(this.getItem())
+ .subscribe(
+ (result) => {
+ this.toaster.show('Success', '');
+ this.router.navigateByUrl('/roles/list');
+ },
+ (error) => {
+ this.toaster.show('Danger', error.error);
+ }
+ );
+ }
+
+ delete() {
+ this.ser.delete(this.item.id)
+ .subscribe(
+ (result) => {
+ this.toaster.show('Success', '');
+ this.router.navigateByUrl('/Roles');
+ },
+ (error) => {
+ this.toaster.show('Danger', error.error);
+ }
+ );
+ }
+
+ confirmDelete(): void {
+ const dialogRef = this.dialog.open(ConfirmDialogComponent, {
+ width: '250px',
+ data: {title: 'Delete Role?', content: 'Are you sure? This cannot be undone.'}
+ });
+
+ dialogRef.afterClosed().subscribe((result: boolean) => {
+ if (result) {
+ this.delete();
+ }
+ });
+ }
+
+ getItem(): Role {
+ const formModel = this.form.value;
+ this.item.name = formModel.name;
+ const array = this.form.get('permissions') as FormArray;
+ this.item.permissions.forEach((item, index) => {
+ item.enabled = array.controls[index].value.permission;
+ });
+ return this.item;
+ }
+}
diff --git a/bookie/src/app/role/role-list-resolver.service.ts b/bookie/src/app/role/role-list-resolver.service.ts
new file mode 100644
index 0000000..88e98f9
--- /dev/null
+++ b/bookie/src/app/role/role-list-resolver.service.ts
@@ -0,0 +1,18 @@
+import {Injectable} from '@angular/core';
+import {ActivatedRouteSnapshot, Resolve, Router, RouterStateSnapshot} from '@angular/router';
+import {Role} from './role';
+import {Observable} from 'rxjs/internal/Observable';
+import {RoleService} from './role.service';
+
+@Injectable({
+ providedIn: 'root'
+})
+export class RoleListResolver implements Resolve-
+
- {{permission}} +
{{data.title}}
+
+ {{data.content}}
+
+
+
+
+
diff --git a/bookie/src/app/shared/confirm-dialog/confirm-dialog.component.ts b/bookie/src/app/shared/confirm-dialog/confirm-dialog.component.ts
new file mode 100644
index 0000000..0d7ca32
--- /dev/null
+++ b/bookie/src/app/shared/confirm-dialog/confirm-dialog.component.ts
@@ -0,0 +1,16 @@
+import {Component, Inject} from '@angular/core';
+import { MAT_DIALOG_DATA, MatDialogRef } from '@angular/material/dialog';
+
+@Component({
+ selector: 'app-confirm-dialog',
+ templateUrl: './confirm-dialog.component.html',
+ styleUrls: ['./confirm-dialog.component.css']
+})
+export class ConfirmDialogComponent {
+
+ constructor(
+ public dialogRef: MatDialogRef
+
+
+ User
+
+
+
+
+
+
+
+
+
+
diff --git a/bookie/src/app/user/user-detail/user-detail.component.ts b/bookie/src/app/user/user-detail/user-detail.component.ts
new file mode 100644
index 0000000..289c494
--- /dev/null
+++ b/bookie/src/app/user/user-detail/user-detail.component.ts
@@ -0,0 +1,121 @@
+import {AfterViewInit, Component, ElementRef, OnInit, ViewChild} from '@angular/core';
+import {ActivatedRoute, Router} from '@angular/router';
+
+import {UserService} from '../user.service';
+import {User} from '../user';
+import {ToasterService} from '../../core/toaster.service';
+import {ConfirmDialogComponent} from '../../shared/confirm-dialog/confirm-dialog.component';
+import { MatDialog } from '@angular/material/dialog';
+import {FormArray, FormBuilder, FormGroup} from '@angular/forms';
+
+@Component({
+ selector: 'app-user-detail',
+ templateUrl: './user-detail.component.html',
+ styleUrls: ['./user-detail.component.css']
+})
+export class UserDetailComponent implements OnInit, AfterViewInit {
+ @ViewChild('nameElement', { static: true }) nameElement: ElementRef;
+ form: FormGroup;
+ item: User;
+ hide: boolean;
+
+ constructor(
+ private route: ActivatedRoute,
+ private router: Router,
+ private fb: FormBuilder,
+ private toaster: ToasterService,
+ private dialog: MatDialog,
+ private ser: UserService
+ ) {
+ this.hide = true;
+ this.createForm();
+ }
+
+ createForm() {
+ this.form = this.fb.group({
+ name: '',
+ password: '',
+ lockedOut: '',
+ roles: this.fb.array([])
+ });
+ }
+
+ ngOnInit() {
+ this.route.data
+ .subscribe((data: { item: User }) => {
+ this.showItem(data.item);
+ });
+ }
+
+ showItem(item: User) {
+ this.item = item;
+ this.form.get('name').setValue(item.name);
+ this.form.get('password').setValue('');
+ this.form.get('lockedOut').setValue(item.lockedOut);
+ this.form.setControl('roles', this.fb.array(
+ item.roles.map(
+ x => this.fb.group({
+ role: x.enabled
+ })
+ )
+ ));
+ }
+
+
+ ngAfterViewInit() {
+ setTimeout(() => {
+ this.nameElement.nativeElement.focus();
+ }, 0);
+ }
+
+ save() {
+ this.ser.saveOrUpdate(this.getItem())
+ .subscribe(
+ (result) => {
+ this.toaster.show('Success', '');
+ this.router.navigateByUrl('/users/list');
+ },
+ (error) => {
+ this.toaster.show('Danger', error.error);
+ }
+ );
+ }
+
+ delete() {
+ this.ser.delete(this.item.id)
+ .subscribe(
+ (result) => {
+ this.toaster.show('Success', '');
+ this.router.navigateByUrl('/Users');
+ },
+ (error) => {
+ this.toaster.show('Danger', error.error);
+ }
+ );
+ }
+
+ confirmDelete(): void {
+ const dialogRef = this.dialog.open(ConfirmDialogComponent, {
+ width: '250px',
+ data: {title: 'Delete User?', content: 'Are you sure? This cannot be undone.'}
+ });
+
+ dialogRef.afterClosed().subscribe((result: boolean) => {
+ if (result) {
+ this.delete();
+ }
+ });
+ }
+
+ getItem(): User {
+ const formModel = this.form.value;
+ this.item.name = formModel.name;
+ this.item.password = formModel.password;
+ this.item.lockedOut = formModel.lockedOut;
+ const array = this.form.get('roles') as FormArray;
+ this.item.roles.forEach((item, index) => {
+ item.enabled = array.controls[index].value.role;
+ });
+ return this.item;
+ }
+}
diff --git a/bookie/src/app/user/user-list-resolver.service.ts b/bookie/src/app/user/user-list-resolver.service.ts
new file mode 100644
index 0000000..44ddc1a
--- /dev/null
+++ b/bookie/src/app/user/user-list-resolver.service.ts
@@ -0,0 +1,18 @@
+import {Injectable} from '@angular/core';
+import {ActivatedRouteSnapshot, Resolve, Router, RouterStateSnapshot} from '@angular/router';
+import {User} from './user';
+import {Observable} from 'rxjs/internal/Observable';
+import {UserService} from './user.service';
+
+@Injectable({
+ providedIn: 'root'
+})
+export class UserListResolver implements Resolve-
+
- {{role}} +