andrewarosario

const webpush = require('web-push');

const pushSubscription = {
  endpoint: '< Push Subscription URL >',
  keys: {
    p256dh: '< User Public Encryption Key >',
    auth: '< User Auth Secret >'
  }
};

andrewarosario

const payload = {
  title: 'Nova Notificação',
  body: 'Mensagem da Notificação',
  icon: 'src/assets/img/cat-icon.png',
  badge: 'src/assets/img/cat-badge.png',
  image: 'src/assets/img/wallpaper.jpg',
  sound: 'src/sound/notification.mp3'
};

webpush.sendNotification(pushSubscription, payload);

andrewarosario

const payload = {
  title: 'Título da notificação',
  body: 'Corpo da notificação',
  requireInteraction: true,
  tag: 'message-1',
  renotify: true,
  timestamp: Date.parse('01 Jan 2021 00:00:00')
};

webpush.sendNotification(pushSubscription, payload);

andrewarosario

const payload = {
  title: 'Novo Comentário!',
  body: 'Você recebeu um incrível comentário. O que deseja fazer?',
  icon: 'src/assets/img/cat-icon.png',
  actions: [
    {
      action: 'like',
      title: '👍 Like',
    },
    {

andrewarosario

const payload = {
  title: 'Nova Mensagem de João',
  body: 'olá, tudo bem?',
  icon: 'https://cdn3.iconfinder.com/data/icons/business-avatar-1/512/8_avatar-256.png',
  badge: 'src/assets/img/cat-badge.png',
  actions: [
    {
      action: 'reply',
      title: 'Responder',
      type: 'text',

andrewarosario

export class VendaService {
  constructor(private usuarioService: UsuarioService) {}

  public listar() {
    if (this.usuarioService.admin) {
        return this.listagemAdmin();
    }
    return this.listagemComercial();
  }
  

andrewarosario

export abstract class VendaService {
  abstract listar();
  abstract detalhar(venda: Venda);
}

andrewarosario

export class VendaAdminService extends VendaService {
  public listar() {
    // Retorna a listagem do Admin
  }
  
  public detalhar(venda: Venda) {
    // Detalha a venda com o perfil Admin
  }
}

andrewarosario

@Component({
  selector: 'app-venda-listagem',
  templateUrl: './venda-listagem.component.html',
  styleUrls: ['./venda-listagem.component.css']
})
export class VendaListagemComponent {

  constructor(private vendaService: VendaService) {}

  ngOnInit() {

andrewarosario

@NgModule({
  imports: [
    VendaModule
  ]
  providers: [
    VendaAdminService,
    {
      provide: VendaService,
      useClass: VendaAdminService
    }