/globus7-angular

Webapp de início rápido com Angular, Typescript, Sass, Progressive Web Apps e Material Angular.

Primary LanguageTypeScript

Globus7 Angular

Webapp de início rápido com Angular, Typescript, Sass, Progressive Web Apps e Material Angular.

Features

  • Angular CLI version 1.4.9.
  • Typescript ~2.4.2
  • Material Angular ^5.0.0-rc.2
  • Service Worker Precache ^5.2.0
  • Bootstrap ^4.0.0-alpha.6

Instalando o globus7-angular

Você pode obtê-lo em npm.

npm install globus7-angular --save

Dialog Notification

Exemplo de notificações.

import { DialogNotificationService } from './components/dialog-notification/dialog-notification.service';
  • Alerta simples
this.dialogNotification.alert('Teste', 'Mensagem de teste.');
  • Alertas com arrays de mensagens
this.dialogNotification.warnings('Teste', ['Mensagem de teste 1', 'Mensagem de teste 2', 'Mensagem de teste 3']);
  • Alertas confirmação
this.dialogNotification.confirm('Confirmação', 'Mensagem de teste.');
  • Getting Started
import { Component, OnInit } from '@angular/core';
import { DialogNotificationService } from './components/dialog-notification/dialog-notification.service';

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})
export class AppComponent implements OnInit {
  constructor(
    public dialogNotification: DialogNotificationService
  ){

  }

  ngOnInit() {
  }

  public alerta(){
    this.dialogNotification.alert('Alerta', 'Mensagem de teste.');
  }

  public warnings(){
    this.dialogNotification.warnings('Alertas', ['Mensagem de teste 1.', 'Mensagem de teste 2.', 'Mensagem de teste 3.']);
  }

  public confirmar(){
    this.dialogNotification.confirm('Confirmação', 'Mensagem de teste.');
  }
}

Servidor de desenvolvimento

Execute ng serve para um servidor dev. Navegue para http://localhost:4200/. O aplicativo irá recarregar automaticamente se você alterar qualquer um dos arquivos de origem

License

MIT License