Improve domain force delete dialog UI

#727
This commit is contained in:
Artur Beljajev 2018-02-25 11:33:00 +02:00
parent 9819a3c216
commit 1c5ab56b65
2 changed files with 17 additions and 4 deletions

View file

@ -0,0 +1,12 @@
(function () {
let toggle = document.querySelector('.domain-edit-force-delete-dialog [data-dependent-content-toggle]');
let dependentContent = document.querySelector('.domain-edit-force-delete-dialog .email-template-row');
if (!toggle) {
return;
}
toggle.addEventListener('change', function () {
dependentContent.hidden = !this.checked;
});
})();

View file

@ -11,18 +11,19 @@
<%= form_tag admin_domain_force_delete_path(domain), id: 'domain-force-delete-form', <%= form_tag admin_domain_force_delete_path(domain), id: 'domain-force-delete-form',
class: 'modal-body form-horizontal' do %> class: 'modal-body form-horizontal' do %>
<div class="form-group"> <div class="form-group">
<div class="col-md-9 col-md-offset-3"> <div class="col-md-9">
<div class="checkbox"> <div class="checkbox">
<label> <label>
<%= check_box_tag 'notify_by_email', 1, true %> <%= check_box_tag 'notify_by_email', 1, true,
data: { dependent_content_toggle: true } %>
<%= t '.notify_by_email' %> <%= t '.notify_by_email' %>
</label> </label>
</div> </div>
</div> </div>
</div> </div>
<div class="form-group"> <div class="form-group email-template-row">
<label class="col-md-3 control-label"><%= t '.email_template' %>:</label> <label class="col-md-3 control-label"><%= t '.email_template' %></label>
<div class="col-md-9"> <div class="col-md-9">
<%= select_tag 'template_name', options_for_select(templates), class: 'form-control' %> <%= select_tag 'template_name', options_for_select(templates), class: 'form-control' %>
</div> </div>