Commit 06e7c157 authored by Mike Greiling's avatar Mike Greiling

style the prometheus integration service page according to design

parent 310ae687
...@@ -135,6 +135,17 @@ ...@@ -135,6 +135,17 @@
padding-top: 0; padding-top: 0;
} }
.integration-settings-form {
.well {
padding: $gl-padding / 2;
box-shadow: none;
}
.svg-container {
max-width: 150px;
}
}
.token-token-container { .token-token-container {
#impersonation-token-token { #impersonation-token-token {
width: 80%; width: 80%;
......
...@@ -9,7 +9,7 @@ ...@@ -9,7 +9,7 @@
%p= @service.description %p= @service.description
.col-lg-9 .col-lg-9
= form_for(@service, as: :service, url: project_service_path(@project, @service.to_param), method: :put, html: { class: 'gl-show-field-errors form-horizontal js-integration-settings-form', data: { 'can-test' => @service.can_test?, 'test-url' => test_project_service_path(@project, @service) } }) do |form| = form_for(@service, as: :service, url: project_service_path(@project, @service.to_param), method: :put, html: { class: 'gl-show-field-errors form-horizontal integration-settings-form js-integration-settings-form', data: { 'can-test' => @service.can_test?, 'test-url' => test_project_service_path(@project, @service) } }) do |form|
= render 'shared/service_settings', form: form, subject: @service = render 'shared/service_settings', form: form, subject: @service
- if @service.editable? - if @service.editable?
.footer-block.row-content-block .footer-block.row-content-block
......
%h4 %h4
Auto configuration Auto configuration
.prepend-top-default.append-bottom-default - unless @service.manual_configuration?
- unless @service.manual_configuration? .container-fluid
.row
- if @service.prometheus_installed? - if @service.prometheus_installed?
.col-sm-2
.svg-container
= image_tag 'illustrations/monitoring/getting_started.svg'
.col-sm-10
%p.text-success.prepend-top-default
Prometheus is being automatically managed on your clusters
= link_to 'Manage clusters', project_clusters_path(@project), class: 'btn' = link_to 'Manage clusters', project_clusters_path(@project), class: 'btn'
- else - else
.col-sm-2
= image_tag 'illustrations/monitoring/loading.svg'
.col-sm-10
%p.prepend-top-default
Automatically deploy and configure Prometheus on your clusters to monitor your project’s environments
= link_to 'Install Prometheus on clusters', project_clusters_path(@project), class: 'btn btn-success' = link_to 'Install Prometheus on clusters', project_clusters_path(@project), class: 'btn btn-success'
- else - else
.well .well
To enable the installation of Prometheus on your clusters, deactivate the manual configuration below To enable the installation of Prometheus on your clusters, deactivate the manual configuration below
......
Markdown is supported
0%
or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment