Dialog

reddit my essay writing service com Essaywriter Review reddit.com prestigious medical paper writing service
how to write an essay english pdf essay writers free how to write gitignore
how to write an essay in english about covid 45 www.paperhelp.nyc how to write letters in english

Per la creazione di una list page, aprire Visual Studio Code

  • Andare in src/app/main/api-gest-console/modules ed entrare nella sezione in cui si intende lavorare ex. “aig-standard/component”
  • Creare una carella con il nome del componente ex. “city-new-update-dialog
  • Creare le tre sezione principali di un componente (HTML,SCSS,TS) ex. “city-new-update-dialog.component.ts”“city-new-update-dialog.component.html” – “city-new-update-dialog.component.ts”

Typescript

Nel Typescript del componente inserire quanto segue ex.

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

@Component({
    templateUrl: './city-new-update-modal.component.html',
    styleUrls: ['./city-new-update-modal.component.scss']
})
export class AigCityNewUpdateModalComponent implements OnInit {
    constructor(
        public matDialogRef: MatDialogRef<AigCityNewUpdateModalComponent>,
        @Inject(MAT_DIALOG_DATA) public data: any
    ) { }

    ngOnInit(): void { 
    }
}

HTML

Nel Html del componente inserire quanto segue ex.

<div class="dialog-content-wrapper">
    <mat-toolbar matDialogTitle class="mat-accent m-0">
        <mat-toolbar-row fxLayout="row" fxLayoutAlign="space-between center">
            <span *ngIf="data.city.id" class="title dialog-title">Update City </span>
            <span *ngIf="!data.city.id" class="title dialog-title">Create New City </span>
            <button mat-icon-button (click)="matDialogRef.close()" aria-label="Close dialog">
                <mat-icon>close</mat-icon>
            </button>
        </mat-toolbar-row>
    </mat-toolbar>

    <div mat-dialog-content class="p-24 pb-0 m-0" fusePerfectScrollbar>
        <aig-city-new-update-form [city]="data.city"></aig-city-new-update-form>
    </div>
</div>

SCSS

Nel SCSS del componente inserire quanto segue ex.

Per formattare eventuali errori di copia/incolla, usare la combinazione di tasti ALT+MAIUSC+F