Changeset e29cc2e for trip-planner-front/src/app/planner/planner.component.ts

Timestamp:

11/25/21 22:08:24 (3 years ago)

Author:

Ema <ema_spirova@…>

Branches:

master

Children:

8d391a1

Parents:

59329aa

Message:

primeNG components

File:

• trip-planner-front/src/app/planner/planner.component.ts (modified) (3 diffs)

trip-planner-front/src/app/planner/planner.component.ts

@@ -2 +2 @@
 import { Planner } from '../_models/planner';
 import { PlannerService } from '../_services/planner.service';
-import {MatDialog, MatDialogRef, MAT_DIALOG_DATA} from '@angular/material/dialog';
 import { CreateInitialPlannerComponent } from '../create-initial-planner/create-initial-planner.component';
 import { Router } from '@angular/router';
 import { PlannerDto } from '../_models/dto/plannerDto';
 import { FormBuilder, FormGroup, Validators } from '@angular/forms';
+import { DialogService, DynamicDialogRef } from 'primeng/dynamicdialog';
+import { PrimeNGConfig } from 'primeng/api';
 
 
@@ -19 +20 @@
   plannerDto: PlannerDto;
   editForm: FormGroup;
+  ref: DynamicDialogRef;
 
 
-
-  constructor(private plannerService: PlannerService, private dialog: MatDialog, private router: Router,
-    private fb : FormBuilder) { 
+  constructor(private plannerService: PlannerService, private router: Router,
+    private fb: FormBuilder, private dialogService: DialogService, private primengConfig: PrimeNGConfig) {
     this.planners = [];
     this.plannerDto = new PlannerDto();
     this.editForm = fb.group({
       title: fb.control('initial value', Validators.required)
-  });
-  };
- 
-  openDialog(): void {
-    const dialogRef = this.dialog.open(CreateInitialPlannerComponent, {
-      width: '250px',
-      data: {}
     });
+    this.ref = new DynamicDialogRef;   
   }
-  
+
   ngOnInit(): void {
+
+    this.primengConfig.ripple = true;
+
     this.plannerService.getAllPlanners().subscribe(
       data => {
@@ -45 +43 @@
     );
   }
-  
-  onClickEditPlannerGet(id: number){
+
+  onClickEditPlannerGet(id: number) {
     console.log(id);
-        this.plannerService.getPlannerById(id).subscribe(
-            data => {          
-              this.router.navigate(['edit/planner/', id]);
-            }
-     );
-    
+    this.plannerService.getPlannerById(id).subscribe(
+      data => {
+        this.router.navigate(['edit/planner/', id]);
+      }
+    );
+
   }
-
-  
+  show() {
+    this.ref = this.dialogService.open(CreateInitialPlannerComponent, {
+      header: 'Create initial planner',
+      width: '70%',
+      contentStyle: { "max-height": "500px", "overflow": "auto" },
+      baseZIndex: 10000
+    });
+  }
 }