src/app/common-components/toaster/toaster.component.html

<!--
******************************************************************************
* Copyright © 2018 PTA GmbH.
* All rights reserved. This program and the accompanying materials
* are made available under the terms of the Eclipse Public License v1.0
* which accompanies this distribution, and is available at
* 
*     http://www.eclipse.org/legal/epl-v10.html
* 
******************************************************************************
-->

<p-toast [style]="{marginTop: '80px'}"></p-toast>

<p-toast [style]="{marginTop: '80px'}" position="top-left" key="tl"></p-toast>

<p-toast [style]="{marginTop: '80px'}" position="top-center" key="tc"></p-toast>

<p-toast [style]="{marginTop: '80px'}" styleClass="custom-toast" key="custom" position="bottom-center"></p-toast>

<p-toast position="center" key="deletec" (onClose)="onSingleGMReject()" [modal]="true" [baseZIndex]="5000">
  <ng-template let-message pTemplate="message">
    <div style="text-align: center">
      <i class="pi pi-exclamation-triangle" style="font-size: 3em"></i>
      <h3>{{message.summary}}</h3>
      <p>{{message.detail}}</p>
    </div>
    <div class="ui-g ui-fluid">
      <div class="ui-g-6" style="padding-left: 85px;">
        <button type="button" style="width: 80px;" (click)="onSingleGMDeleteConfirm()" class="btn btn-success">Ja</button>
      </div>
      <div class="ui-g-6">
        <button type="button" style="width: 80px;" (click)="onSingleGMReject()" class="btn btn-default">Nein</button>
      </div>
    </div>
  </ng-template>
</p-toast>

<p-toast position="center" key="unlockc" (onClose)="onUnlcokReject()" [modal]="true" [baseZIndex]="5000">
  <ng-template let-message pTemplate="message">
    <div style="text-align: center">
      <i class="pi pi-exclamation-triangle" style="font-size: 3em"></i>
      <h3>{{message.summary}}</h3>
      <p>{{message.detail}}</p>
    </div>
    <div class="ui-g ui-fluid">
      <div class="ui-g-6" style="padding-left: 85px;">
        <button type="button" style="width: 180px;" (click)="onUnlockConfirm()" class="btn btn-success">Sperrung aufheben</button>
      </div>
    </div>
  </ng-template>
</p-toast>