pip-webui/pip-webui-controls/src/toast/toast.html

HTML5 UI for LOB applications

<md-toast class="md-action pip-toast"
          ng-class="{'pip-error': toast.type=='error',
          'pip-column-toast': toast.type == 'error' || toast.actions.length > 1 || actionLenght > 4,
          'pip-no-action-toast': actionLenght == 0}"
          style="height:initial; max-height: initial; ">

    <span class="flex-var m0 pip-text" ng-bind-html="message"></span>
    <div class="layout-row layout-align-end-start" class="pip-actions" ng-if="actions.length > 0 || (toast.type=='error' && toast.error)">
        <md-button class="flex-fixed m0 lm8" ng-if="toast.type=='error' && toast.error" ng-click="onDetails()">Details</md-button>
        <md-button class="flex-fixed m0 lm8"
                   ng-click="onAction(action)"
                   ng-repeat="action in actions"
                   aria-label="{{::action| translate}}">
            {{::action| translate}}
        </md-button>
    </div>

</md-toast>