File

projects/cobbler-frontend/src/app/common/dialog-text-input/dialog-text-input.component.ts

Metadata

Index

Properties
Methods

Constructor

constructor()

Methods

onNoClick
onNoClick()
Returns : void
onYesClick
onYesClick()
Returns : string

Properties

Public data
Type : string
Readonly dialogRef
Default value : inject(MatDialogRef<DialogTextInputComponent>)
import { Component, inject } from '@angular/core';
import { FormsModule } from '@angular/forms';
import { MatButtonModule } from '@angular/material/button';
import { MatDialogModule, MatDialogRef } from '@angular/material/dialog';
import { MatFormFieldModule } from '@angular/material/form-field';
import { MatInputModule } from '@angular/material/input';

export interface DialogTextInputData {
  text: string;
}

@Component({
  selector: 'cobbler-dialog-text-input',
  standalone: true,
  imports: [
    MatDialogModule,
    MatFormFieldModule,
    MatButtonModule,
    MatInputModule,
    FormsModule,
  ],
  templateUrl: './dialog-text-input.component.html',
  styleUrl: './dialog-text-input.component.scss',
})
export class DialogTextInputComponent {
  readonly dialogRef = inject(MatDialogRef<DialogTextInputComponent>);
  public data: string;

  constructor() {
    this.data = '';
  }

  onNoClick(): void {
    this.dialogRef.close();
  }

  onYesClick(): string {
    return this.data;
  }
}
<h2 mat-dialog-title>Add new Option:</h2>
<mat-dialog-content>
  <mat-form-field>
    <mat-label>New Option</mat-label>
    <input matInput [(ngModel)]="data" cdkFocusInitial />
  </mat-form-field>
</mat-dialog-content>
<mat-dialog-actions>
  <button mat-button (click)="onNoClick()">No Thanks</button>
  <button mat-button [mat-dialog-close]="onYesClick()">Ok</button>
</mat-dialog-actions>
Legend
Html element
Component
Html element with directive

results matching ""

    No results matching ""