summaryrefslogtreecommitdiff
path: root/app/views/projects/cycle_analytics/show.html.haml
blob: 4dd9847b42d7d4f3c4d57c11e6c9ffc9dffb01d7 (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
= render 'projects/pipelines/head'

#cycle-analytics{"v-cloak" => "true", ":class" => "{ 'waiting': isLoading }"}
  .panel.panel-default
    .panel-heading
      Pipeline Health

    .content-block
      = icon("spinner spin", "v-if" => "isLoading")

      .row
        %template{"v-for" => "info in analytics.summary"}
          .col-md-3.column
            %span.header {{info.value}}
            %br
            %span.text {{info.desc}}

        .col-md-3.column
          .dropdown.inline.js-ca-dropdown
            %button.dropdown-menu-toggle{"aria-expanded" => "false", "data-toggle" => "dropdown", :type => "button"}
              %span.dropdown-label Last 30 days
              %i.fa.fa-chevron-down
            %ul.dropdown-menu.dropdown-menu-align-right
              %li
                %a{'href' => "#", 'data-value' => '30days'}
                  Last 30 days
              %li
                %a{'href' => "#", 'data-value' => '90days'}
                  Last 90 days

  .bordered-box
    = icon("spinner spin", "v-if" => "isLoading")

    %ul.content-list{{"v-if" => "!notAvailable"}}
      %li{"v-for" => "info in analytics.data"}
        .row
          .col-md-10
            %span
              {{info.title}}
            %br
            %span
              {{info.desc}}
          .col-md-2
            %span
              {{info.value}}


    .content-block{{"v-if" => "notAvailable"}}
      .inner-content
        = custom_icon('icon_cycle_analytics_splash')
        %h4
          Set up your deploys to environment!
        %p
          Cycle Analytics will give an overview on how much time it takes to go from an idea to production in your project.

        = button_tag 'Set up', class: 'btn btn-create btn-block'