Dialogs

Examples of common dialogs.

Logout Alert Dialog

Usage in plausi: DialogUtility.openDialog("alertLoginRefreshFailure", "alert", "", DialogUtility.dialogMsg.alertLoginRefreshFailure)

Sitzung abgelaufen

Ihre Sitzung konnte nicht verlängert werden. Bitte melden Sie sich erneut an.

Show Code

<button type="button" class="c-btn -small -redesign -icon-left" data-target="#logout-alert">
  <span class="far fa-arrow-circle-up" aria-hidden="true"></span>
  Open Logout Dialog
</button>

<div id="logout-alert" class="c-panel -is-small -is-modal -has-backdrop theme-plausi h-always-on-top">
  <div class="c-panel__inner">
    <h2 class="h3 c-headline"><i class="far fa-exclamation-triangle m-r-xs"></i> Sitzung abgelaufen</h2>
    <p class="-redesign">
      Ihre Sitzung konnte nicht verlängert werden. Bitte melden Sie sich erneut an.
    </p>
    <div class="h-flex h-flex-row h-end">
      <button type="button" data-dismiss="modal" class="c-btn -redesign -warning -small h-fullwidth -icon-right -icon-arrow" data-spinner>
        Neu anmelden
      </button>
    </div>
  </div>
</div>