Move EE-only application settings to expandable blocks

Signed-off-by: Dmitriy Zaporozhets <dmitriy.zaporozhets@gmail.com>

app/views/admin/application_settings/show.html.haml

@@ -317,15 +317,49 @@
       = render 'geo'
 
 - if License.feature_available?(:external_authorization_service)
-  = render partial: 'external_authorization_service_form', locals: { f: f }
+  %section.settings.as-external-auth.no-animate#js-external-auth-settings{ class: ('expanded' if expanded) }
+    .settings-header
+      %h4
+        = _('External authentication')
+      %button.btn.js-settings-toggle{ type: 'button' }
+        = expanded ? 'Collapse' : 'Expand'
+      %p
+      = _('External Classification Policy Authorization')
+    .settings-content
+      = render 'external_authorization_service_form'
 
 - if License.feature_available?(:repository_mirrors)
-  = render partial: 'repository_mirrors_form', locals: { f: f }
+  %section.settings.as-mirror.no-animate#js-mirror-settings{ class: ('expanded' if expanded) }
+    .settings-header
+      %h4
+        = _('Repository mirror settings')
+      %button.btn.js-settings-toggle{ type: 'button' }
+        = expanded ? 'Collapse' : 'Expand'
+      %p
+        = _('Time between updates and capacity settings.')
+    .settings-content
+      = render partial: 'repository_mirrors_form'
 
 - if License.feature_available?(:elastic_search)
-  = render partial: 'elasticsearch_form', locals: { f: f }
+  %section.settings.as-elasticsearch.no-animate#js-elasticsearch-settings{ class: ('expanded' if expanded) }
+    .settings-header
+      %h4
+        = _('Elasticsearch')
+      %button.btn.js-settings-toggle{ type: 'button' }
+        = expanded ? 'Collapse' : 'Expand'
+      %p
+        = _('Elasticsearch intergration. Elasticsearch AWS IAM.')
+    .settings-content
+      = render partial: 'elasticsearch_form'
 
 - if Gitlab.com? || Rails.env.development?
-  %fieldset
-    %legend Slack application
-  = render partial: 'slack', locals: { f: f }
+  %section.settings.as-slack.no-animate#js-slack-settings{ class: ('expanded' if expanded) }
+    .settings-header
+      %h4
+        = _('Slack application')
+      %button.btn.js-settings-toggle{ type: 'button' }
+        = expanded ? 'Collapse' : 'Expand'
+      %p
+        = _('Geo allows you to replicate your GitLab instance to other geographical locations.')
+    .settings-content
+      = render partial: 'slack'

ee/app/views/admin/application_settings/_external_authorization_service_form.html.haml

-- if License.feature_available?(:external_authorization_service)
+= form_for @application_setting, url: admin_application_settings_path, html: { class: 'form-horizontal fieldset-form' } do |f|
+  = form_errors(@application_setting)
+
   %fieldset
-    %legend
-      = _('External Classification Policy Authorization')
     .form-group
       .col-sm-offset-2.col-sm-10
         .checkbox
@@ -44,3 +44,5 @@
       = f.label :external_authorization_service_default_label, _('Default classification label'), class: 'control-label col-sm-2'
       .col-sm-10
         = f.text_field :external_authorization_service_default_label, class: 'form-control'
+
+  = f.submit 'Save changes', class: "btn btn-success"

ee/app/views/admin/application_settings/_repository_mirrors_form.html.haml

-- if License.feature_available?(:repository_mirrors)
+= form_for @application_setting, url: admin_application_settings_path, html: { class: 'form-horizontal fieldset-form' } do |f|
+  = form_errors(@application_setting)
+
   %fieldset
-    %legend Repository mirror settings
     .form-group
       = f.label :mirror_available, 'Enable mirror configuration', class: 'control-label col-sm-2'
       .col-sm-10
@@ -34,3 +35,5 @@
         = f.number_field :mirror_capacity_threshold, class: 'form-control', min: 0
         %span.help-block#mirror_capacity_threshold
         Minimum capacity to be available before we schedule more mirrors preemptively.
+
+  = f.submit 'Save changes', class: "btn btn-success"