summaryrefslogtreecommitdiff
path: root/app/views/projects/environments/metrics.html.haml
blob: 766f119116fe7f64a1d6368082b6f504122d1c12 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
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
- @no_container = true
- page_title "Metrics for environment", @environment.name
- content_for :page_specific_javascripts do
  = page_specific_javascript_bundle_tag('common_d3')
  = page_specific_javascript_bundle_tag('monitoring')
= render "projects/pipelines/head"

.prometheus-container{ class: container_class, 'data-has-metrics': "#{@environment.has_metrics?}" }
  .top-area
    .row
      .col-sm-6
        %h3.page-title
          Environment:
          = link_to @environment.name, environment_path(@environment)

  .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' }