Globus7-angular NPM

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