show.html.haml 1.88 KB
Newer Older
1 2
= render 'projects/pipelines/head'

3
#cycle-analytics{"v-cloak" => "true", data: { request_path: "#{project_cycle_analytics_path(@project)}"}}
4

5 6 7 8 9 10 11 12
  .bordered-box.landing.content-block{"v-if" => "!isHelpDismissed"}
    = icon('times', class: 'dismiss-icon', "@click": "dismissLanding()")
    = custom_icon('icon_cycle_analytics_splash')
    .inner-content
      %h4
        Introducing Cycle Analytics
      %p
        Cycle Analytics gives an overview on how much time it takes to go from idea to production in your project.
13

14
      = link_to "Read more",  help_page_path('user/project/cycle_analytics'), target: '_blank', class: 'btn'
15 16 17 18 19 20 21 22 23

  = icon("spinner spin", "v-show" => "isLoading")

  .wrapper{"v-show" => "!isLoading && !hasError"}
    .panel.panel-default
      .panel-heading
        Pipeline Health

      .content-block
24 25
        .container-fluid
          .row
26 27 28
            .col-xs-3.column{"v-for" => "item in summary"}
              %h3.header {{item.value}}
              %p.text {{item.title}}
29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48

            .col-xs-3.column
              .dropdown.inline.js-ca-dropdown
                %button.dropdown-menu-toggle{"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' => '30'}
                      Last 30 days
                  %li
                    %a{'href' => "#", 'data-value' => '90'}
                      Last 90 days

    .bordered-box
      %ul.content-list
        %li{"v-for" => "item in stats"}
          .container-fluid
            .row
              .col-xs-10.title-col
49
                %p.title
50
                  {{item.title}}
51
                %p.text
52 53 54 55
                  {{item.description}}
              .col-xs-2.value-col
                %span
                  {{item.value}}