Módulo de Diálogo

Un módulo de diálogos para ser utilizado con la función MatDialog de Angular Materials. También consulte el DynamicFormModule para un diálogo que utiliza la funcionalidad de formulario dinámico.

PayloadDialogComponent

Un componente para mostrar diferentes tipos de contenido. Si se pasa un arreglo de contenido al componente, entonces aparece un menú en la esquina inferior derecha para alternar entre ellos.

image 2024 01 02 15 31 16 175

Ejemplo de uso:

let dialogRef = this.dialog.open(PayloadDialogComponent, {
    data: {
        title: 'Title',
        missingValueString: 'N/A',
        content: [
            { title: 'Content 1', payload: '123' },
            { title: 'Content 2', payload: '<note><to>Tove</to><from>Jani</from><heading>Reminder</heading><body>Don\'t forget me this weekend!</body></note>' }
        ],
        summaryDetails: [
            { id: 'name', description: 'Name', value: 'John Smith', type: ListCardItemDisplayType. STRING },
            { id: 'dob', description: 'Date', value: 'Yesterday', type: ListCardItemDisplayType. STRING }
        ]
    },
    height: '50%',
    width: '50%',
});

Confirmar Diálogo Componente

Un componente simple que devolverá verdadero o falso dependiendo de si el usuario confirma o cancela en el diálogo.

confirm dialog example

Ejemplo de uso:

const dialogRef = this.dialog.open(ConfirmDialogComponent, {
    data: {
        title: 'Do you confirm',
        description: 'Confirming cannot be undone',
        confirmActionText: 'Confirm',
        cancelActionText: 'Cancel'
        }
    });

    dialogRef.afterClosed().subscribe((isConfirmed: Boolean) => {
        console.log('Did the user confirm?', isConfirmed);
    });