48 lines
2.0 KiB
HTML
48 lines
2.0 KiB
HTML
<%! from django.utils.translation import ugettext as _ %>
|
|
<div id="accessibile-confirm-modal" class="modal" aria-hidden="true">
|
|
<div class="inner-wrapper" role="dialog" aria-labelledby="accessibile-confirm-title">
|
|
<button class="close-modal">
|
|
<i class="icon fa fa-remove"></i>
|
|
<span class="sr">
|
|
## Translators: this is a control to allow users to exit out of this modal interface (a menu or piece of UI that takes the full focus of the screen)
|
|
${_('Close')}
|
|
</span>
|
|
</button>
|
|
|
|
<header>
|
|
<h2 id="accessibile-confirm-title">
|
|
${_('Confirm')}
|
|
<span class="sr">,
|
|
## Translators: this text gives status on if the modal interface (a menu or piece of UI that takes the full focus of the screen) is open or not
|
|
${_("modal open")}
|
|
</span>
|
|
</h2>
|
|
</header>
|
|
<div role="alertdialog" class="status message" tabindex="-1">
|
|
<p class="message-title"></p>
|
|
</div>
|
|
<hr aria-hidden="true" />
|
|
<div class="actions">
|
|
<button class="dismiss ok-button">${_('OK')}</button>
|
|
<button class="dismiss cancel-button" data-dismiss="leanModal">${_('Cancel')}</button>
|
|
</div>
|
|
</div>
|
|
<a href="#accessibile-confirm-modal" rel="leanModal" id="confirm_open_button" style="display:none">${_("open")}</a>
|
|
</div>
|
|
|
|
<script type="text/javascript">
|
|
var accessible_confirm = function(message, callback) {
|
|
$("#accessibile-confirm-modal .cancel-button").click(function(){
|
|
$("#accessibile-confirm-modal .close-modal").click();
|
|
});
|
|
$("#accessibile-confirm-modal .ok-button").click(function(){
|
|
$("#accessibile-confirm-modal .close-modal").click();
|
|
callback();
|
|
});
|
|
|
|
accessible_modal("#accessibile-confirm-modal #confirm_open_button", "#accessibile-confirm-modal .close-modal", "#accessibile-confirm-modal", ".content-wrapper");
|
|
$("#accessibile-confirm-modal #confirm_open_button").click();
|
|
$("#accessibile-confirm-modal .message-title").html(message);
|
|
};
|
|
</script>
|