BigW Consortium Gitlab

metrics.html.haml 3.38 KB
Newer Older
1 2
- @no_container = true
- page_title "Metrics for environment", @environment.name
3 4 5
- content_for :page_specific_javascripts do
  = page_specific_javascript_bundle_tag('common_d3')
  = page_specific_javascript_bundle_tag('monitoring')
6 7
= render "projects/pipelines/head"

8
#js-metrics.prometheus-container{ class: container_class, data: { has_metrics: "#{@environment.has_metrics?}", deployment_endpoint: namespace_project_environment_deployments_path(@project.namespace, @project, @environment, format: :json) } }
9 10 11 12 13
  .top-area
    .row
      .col-sm-6
        %h3.page-title
          Environment:
14
          = link_to @environment.name, environment_path(@environment)
15

16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80
  .prometheus-state
    .js-getting-started.hidden
      .row
        .col-md-4.col-md-offset-4.state-svg
          = render "shared/empty_states/monitoring/getting_started.svg"
      .row
        .col-md-6.col-md-offset-3
          %h4.text-center.state-title
            Get started with performance monitoring
      .row
        .col-md-6.col-md-offset-3
          .description-text.text-center.state-description
            Stay updated about the performance and health of your environment by configuring Prometheus to monitor your deployments.
            = link_to help_page_path('administration/monitoring/prometheus/index.md') do
              Learn more about performance monitoring
      .row.state-button-section
        .col-md-4.col-md-offset-4.text-center.state-button
          = link_to edit_namespace_project_service_path(@project.namespace, @project, 'prometheus'), class: 'btn btn-success' do
            Configure Prometheus
    .js-loading.hidden
      .row
        .col-md-4.col-md-offset-4.state-svg
          = render "shared/empty_states/monitoring/loading.svg"
      .row
        .col-md-6.col-md-offset-3
          %h4.text-center.state-title
            Waiting for performance data
      .row
        .col-md-6.col-md-offset-3
          .description-text.text-center.state-description
            Creating graphs uses the data from the Prometheus server. If this takes a long time, ensure that data is available.
      .row.state-button-section
        .col-md-4.col-md-offset-4.text-center.state-button
          = link_to help_page_path('administration/monitoring/prometheus/index.md'), class: 'btn btn-success' do
            View documentation
    .js-unable-to-connect.hidden
      .row
        .col-md-4.col-md-offset-4.state-svg
          = render "shared/empty_states/monitoring/unable_to_connect.svg"
      .row
        .col-md-6.col-md-offset-3
          %h4.text-center.state-title
            Unable to connect to Prometheus server
      .row
        .col-md-6.col-md-offset-3
          .description-text.text-center.state-description
            Ensure connectivity is available from the GitLab server to the
            = link_to edit_namespace_project_service_path(@project.namespace, @project, 'prometheus') do
              Prometheus server
      .row.state-button-section
        .col-md-4.col-md-offset-4.text-center.state-button
          = link_to help_page_path('administration/monitoring/prometheus/index.md'), class:'btn btn-success' do
            View documentation

  .prometheus-graphs
    .row
      .col-sm-12
        %h4
          CPU utilization
        %svg.prometheus-graph{ 'graph-type' => 'cpu_values' }
    .row
      .col-sm-12
        %h4
          Memory usage
        %svg.prometheus-graph{ 'graph-type' => 'memory_values' }