acha-framework/src/frontend/core/scripts/directives/modal/template.html

is a modular framework on both client (angular.js) and server (node.js) side, it provides security, orm, ioc, obfuscation and ...

<div class="af-modal af-component modal fade in {{::cssClass}}"
     role="dialog" style="display: block" id="{{::uuid}}">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <div class="modal-header">
                <button ng-click="vm.dismiss()"
                        type="button" class="close"
                        data-dismiss="modal"
                        aria-label="Close">
                    <span aria-hidden="true">×</span>
                </button>
                <h4 class="modal-title">
                    &nbsp;{{title|textOrTranslate:titleTranslate}}
                </h4>
            </div>
            <div class="modal-body">

            </div>
            <div class="modal-footer" ng-if="::footer">
                <button type="button"
                        ng-if="::acceptButton"
                        ng-disabled="disabled || vm.waiting"
                        ng-click="vm.accept()"
                        class="btn btn-primary"
                        data-dismiss="modal">
                    <i ng-if="vm.waiting" class="fa fa-spinner fa-spin"></i>
                    {{::'general.accept'|translate}}
                </button>

                <button type="button"
                        ng-click="vm.dismiss()"
                        ng-if="::dissmissButton"
                        class="btn btn-default"
                        data-dismiss="modal">
                    {{::'general.close'|translate}}
                </button>
            </div>
        </div>
    </div>
</div>