k15t-aui-ng2/dist/dialog/dialog.component.html

aui-ng2 is a set of angular 2 components, directives and services to simplify the integration with Atlassian products based on AUI/ADG. The library is still under development and is considered in an experimental state. So be aware that things will change

<div class="aui-ng-container" [ngClass]="{'aui-ng-blanket': showBlanket === 'true'}" (keydown.esc)="onDialogClose($event)" (dialogUpdate)="onDialogUpdate($event)">
    <div [ngClass]="dialogClass" style="{{dialogStyle}}">
        <header class="aui-dialog2-header">
            <h2 class="aui-dialog2-header-main">{{title}}</h2>
            <a *ngIf="showXIcon == 'true'" class="aui-dialog2-header-close" (click)="onDialogClose($event)">
                <span class="aui-icon aui-icon-small aui-iconfont-close-dialog">Close</span>
            </a>
        </header>

        <div class="aui-dialog2-content" [ngClass]="dialogContentClass" style="{{dialogContentStyle}}">
            <ng-content select="auiNgDialogContent"></ng-content>
        </div>

        <footer class="aui-dialog2-footer" #dialog>
            <div class="aui-dialog2-footer-actions" style="width: 100%">
                <ng-content select="auiNgDialogFooter"></ng-content>
            </div>
        </footer>
    </div>
</div>