Mirror
/
zulip
mirror of https://github.com/zulip/zulip.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity
zulip/static/templates/confirm_dialog.hbs

13 lines
706 B
Handlebars
Raw Normal View History

confirm_dialog: Make it usable outside settings. * Currently, the confirm_dialog is used only in the settings pane, which already has the `new-style` class in the main `settings_overlay.hbs` file. So, the confirm modal is rendered correctly there. But to make it available for use outside of the settings pane, we add the `new-style` class to the confirm container itself, without which, the buttons look ugly. * The other change here is the click handler for removing the modal element. Previously, when the modal was closed (with any of the "yes"/"no"/"cross" buttons), there was a small time interval of around a second during which the modal had disappeared, but the background content was still in the faded-out state. This change fixes this glitch. This glitch was probably not noticable earlier, because the settings pane itself causes the background to be slightly faded out.
2021-03-20 10:51:17 +01:00
<div class="modal modal-bg new-style hide fade" id="confirm_dialog_modal" tabindex="-1" role="dialog" aria-labelledby="confirm_dialog_modal" aria-hidden="true">
settings: Add confirm_dialog module. This module makes it really easy to create are-you-sure dialogs for dangerous operations. Basically it's one function with five parameters. You give three chunks of HTML, a callback function, and a parent container. The first use of this will be in settings_user_groups, coming up in a couple commits.
2018-09-12 17:43:38 +02:00
<div class="modal-header">
confirm_dialog: Add close-modal-btn class to cancel buttons. This commit adds "close-modal-btn" class to cancel button in the modal and cross icon. We do this change because we would add a modal for unsubscribing from private stream in further commit using confirm_dialog module. We would need to avoid the unexpected closing of stream settings on closing the modal which can be done by calling 'e.stopPropagation' to prevent propagating of events in other elements. Thus, adding this class will mean that the handler used for stream privacy modal for this same task will be used for unsubscribe modal also.
2021-03-28 08:54:41 +02:00
<button type="button" class="close close-modal-btn" data-dismiss="modal" aria-label="{{t 'Close' }}"><span aria-hidden="true">&times;</span></button>
settings: Add confirm_dialog module. This module makes it really easy to create are-you-sure dialogs for dangerous operations. Basically it's one function with five parameters. You give three chunks of HTML, a callback function, and a parent container. The first use of this will be in settings_user_groups, coming up in a couple commits.
2018-09-12 17:43:38 +02:00
<h3 class="confirm_dialog_heading"></h3>
</div>
<div class="modal-body confirm_dialog_body">
</div>
<div class="modal-footer">
confirm_dialog: Add close-modal-btn class to cancel buttons. This commit adds "close-modal-btn" class to cancel button in the modal and cross icon. We do this change because we would add a modal for unsubscribing from private stream in further commit using confirm_dialog module. We would need to avoid the unexpected closing of stream settings on closing the modal which can be done by calling 'e.stopPropagation' to prevent propagating of events in other elements. Thus, adding this class will mean that the handler used for stream privacy modal for this same task will be used for unsubscribe modal also.
2021-03-28 08:54:41 +02:00
<button class="button rounded close-modal-btn" data-dismiss="modal">{{t "Cancel" }}</button>
settings: Add confirm_dialog module. This module makes it really easy to create are-you-sure dialogs for dangerous operations. Basically it's one function with five parameters. You give three chunks of HTML, a callback function, and a parent container. The first use of this will be in settings_user_groups, coming up in a couple commits.
2018-09-12 17:43:38 +02:00
<button class="button rounded btn-danger confirm_dialog_yes_button"></button>
</div>
</div>