uoa-repository-manager-ui/src/app/shared/reusablecomponents/confirmation-dialog.compone...

58 lines
2.8 KiB
HTML
Executable File

<!--<div *ngIf="isModalShown" [config]="{ show: true }" (onHidden)="onHidden()" bsModal #autoShownModal="bs-modal"-->
<!--class="modal in fade" tabindex="-1" role="dialog" aria-hidden="true" data-backdrop="static">-->
<!--<div class="modal-dialog">-->
<!--<div class="modal-content">-->
<!--<div class="modal-body">-->
<!--<div>-->
<!--<div>-->
<!--<h2 class="uk-modal-title">{{title}}</h2>-->
<!--<ng-content></ng-content>-->
<!--</div>-->
<!--<div class="uk-text-right">-->
<!--<button (click)="hideModal()" class="uk-button uk-button-default uk-margin-small-right" type="button">{{ hideModalButton }}</button>-->
<!--<button *ngIf="confirmActionButton" (click)="confirmedAction()" class="uk-button uk-button-primary" type="button">{{confirmActionButton}}</button>-->
<!--</div>-->
<!--</div>-->
<!--</div>-->
<!--</div>-->
<!--</div>-->
<!--</div>-->
<div *ngIf="isModalShown" class="uk-modal {{isModalShown ? 'uk-open' : ''}}" bsModal #autoShownModal="bs-modal" (onHidden)="onHidden()" aria-hidden="false"
[ngStyle]="{'display': isModalShown ? 'block' : 'none'}" style="overflow-y: auto">
<div class="uk-modal-dialog" style="top: 95.5px;">
<div class="uk-modal-header">
<h3 class="uk-modal-title">{{title}}
<!--<i class="material-icons" data-uk-tooltip="{pos:'top'}" title="headline tooltip"></i>-->
</h3>
</div>
<ng-content></ng-content>
<div class="uk-modal-footer uk-text-right">
<button (click)="hideModal()" type="button" class="md-btn md-btn-flat uk-modal-close">{{ hideModalButton }}</button>
<button *ngIf="confirmActionButton" (click)="confirmedAction()" type="button" class="md-btn md-btn-flat md-btn-flat-primary">{{confirmActionButton}}</button>
</div>
</div>
</div>
<!-- old-ui shelved Terms of Use modal version -->
<!--<div *ngIf="isModalShown" [config]="{ show: true }" (onHidden)="onHidden()" bsModal #autoShownModal="bs-modal"-->
<!-- class="modal in fade" tabindex="-1" role="dialog" aria-hidden="true" data-backdrop="static">-->
<!-- <div class="modal-dialog">-->
<!-- <h2 class="uk-modal-title uk-margin-top uk-margin-left">{{title}}</h2>-->
<!-- <div class="modal-content">-->
<!-- <div class="modal-body">-->
<!-- <div>-->
<!-- <ng-content></ng-content>-->
<!-- </div>-->
<!-- </div>-->
<!-- <div class="uk-text-right uk-margin-bottom uk-margin-right">-->
<!-- <button (click)="hideModal()" class="uk-button uk-button-default uk-margin-small-right" type="button">{{hideModalButton}}</button>-->
<!-- <button *ngIf="confirmActionButton" (click)="confirmedAction()" class="uk-button uk-button-primary" type="button">{{confirmActionButton}}</button>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!--</div>-->