### File

`src/app/shared/dialog/confirm-dialog/confirm-dialog.component.ts`

### Implements

`OnInit`

### Metadata

selector | `hi-confirm-dialog`
styleUrls | `./confirm-dialog.component.scss`
templateUrl | `./confirm-dialog.component.html`

### Index

###### Properties
confirmButtonText message title
###### Methods
ngOnInit onCancel onConfirm

### Constructor

`constructor(data: any, dialogRef: MatDialogRef<ConfirmDialogComponent>)`
Defined in src/app/shared/dialog/confirm-dialog/confirm-dialog.component.ts:13
Parameters :
Name | Type | Optional
data | `any` | No
dialogRef | `MatDialogRef<ConfirmDialogComponent>` | No

### Methods

ngOnInit
`ngOnInit()`
Defined in src/app/shared/dialog/confirm-dialog/confirm-dialog.component.ts:20
Returns : `void`

onCancel
`onCancel()`
Defined in src/app/shared/dialog/confirm-dialog/confirm-dialog.component.ts:32
Returns : `void`

onConfirm
`onConfirm()`
Defined in src/app/shared/dialog/confirm-dialog/confirm-dialog.component.ts:28
Returns : `void`

### Properties

confirmButtonText
Type : `string`
Defined in src/app/shared/dialog/confirm-dialog/confirm-dialog.component.ts:13

message
Type : `string`
Defined in src/app/shared/dialog/confirm-dialog/confirm-dialog.component.ts:12

title
Type : `string`
Defined in src/app/shared/dialog/confirm-dialog/confirm-dialog.component.ts:11

    import { Component, OnInit, Inject } from '@angular/core';
    import { MatDialogRef } from '@angular/material/dialog';
    import { MAT_DIALOG_DATA } from '@angular/material/dialog';

    @Component({
      selector: 'hi-confirm-dialog',
      templateUrl: './confirm-dialog.component.html',
      styleUrls: ['./confirm-dialog.component.scss'],
    })
    export class ConfirmDialogComponent implements OnInit {
      title: string;
      message: string;
      confirmButtonText: string;

      constructor(
        @Inject(MAT_DIALOG_DATA) protected data: any,
        protected dialogRef: MatDialogRef<ConfirmDialogComponent>
      ) {}

      ngOnInit() {
        this.title = (this.data && this.data.title) || 'Confirmation';
        this.message =
          (this.data && this.data.message) || 'Are you sure about this?';
        this.confirmButtonText =
          (this.data && this.data.confirmButtonText) || 'Continue';
      }

      onConfirm() {
        this.dialogRef.close(true);
      }

      onCancel() {
        this.dialogRef.close();
      }
    }

    <!--
      ~ Licensed to the Apache Software Foundation (ASF) under one
      ~ or more contributor license agreements.  See the NOTICE file
      ~ distributed with this work for additional information
      ~ regarding copyright ownership.  The ASF licenses this file
      ~ to you under the Apache License, Version 2.0 (the
      ~ "License"); you may not use this file except in compliance
      ~ with the License.  You may obtain a copy of the License at
      ~
      ~     http://www.apache.org/licenses/LICENSE-2.0
      ~
      ~ Unless required by applicable law or agreed to in writing,
      ~ software distributed under the License is distributed on an
      ~ "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
      ~ KIND, either express or implied.  See the License for the
      ~ specific language governing permissions and limitations
      ~ under the License.
      -->

    <form (ngSubmit)="onCancel()" #inputForm="ngForm">
      <h1 mat-dialog-title>{{ title }}</h1>
      <div mat-dialog-content>
        <section>
          {{ message }}
        </section>
      </div>
      <div mat-dialog-actions>
        <button
          mat-button
          type="submit"
          color="primary"
          [disabled]="!inputForm.form.valid"
        >
          Cancel
        </button>
        <button mat-button type="button" (click)="onConfirm()">
          {{ confirmButtonText }}
        </button>
      </div>
    </form>

`./confirm-dialog.component.scss`

Legend
Html element
Component
Html element with directive

# results matching ""

# No results matching ""