ManageIQ/manageiq-ui-classic

- mode ||= "search"

.modal.fade#advsearchModal{"tabindex"         => "-1",
                           "role"             => "dialog",
                           "aria-labelledby"  => "adv_search_label",
                           "aria-describedby" => "modal",
                           "aria-hidden"      => "true",
                           "data-keyboard"    => "false",
                           "data-backdrop"    => "static",
                           :style             => "display: none"}
  .modal-dialog.modal-xl
    .modal-content
      #search_notification{:style => "display: none;"}
      .modal-header
        %button.close{"data-dismiss" => "modal"}
          %span{"aria-hidden" => "true"}
            ×
          %span.sr-only
            = _("Close")
        %h4.modal-title#adv_search_label
          = _("Advanced Search")
      .modal-body
        %div{:id => "searching_spinner_center", :style => "position: absolute; display: block; top: 50%; left: 50%;"}
        = render(:partial => 'layouts/adv_search_body', :locals => {:mode => mode})
      .modal-footer
        = render(:partial => 'layouts/adv_search_footer', :locals => {:mode => mode})

:javascript
  $(function() {
    $('#advsearchModal').off("click");
    $('#advsearchModal').on('click', '[data-dismiss="modal"]', function() {
      miqJqueryRequest("adv_search_toggle", {beforeSend: true});
      return true;
    });
  });