2016-09-20 16:12:48 -04:00
|
|
|
- @no_container = true
|
|
|
|
- page_title "Cycle Analytics"
|
|
|
|
= render "projects/pipelines/head"
|
2016-09-14 17:03:42 -04:00
|
|
|
|
2016-10-19 13:27:10 -04:00
|
|
|
#cycle-analytics{class: container_class, "v-cloak" => "true", data: { request_path: project_cycle_analytics_path(@project) }}
|
2016-09-14 17:03:42 -04:00
|
|
|
|
2016-09-19 16:41:36 -04:00
|
|
|
.bordered-box.landing.content-block{"v-if" => "!isHelpDismissed"}
|
2016-10-19 03:32:39 -04:00
|
|
|
= icon('times', class: 'dismiss-icon', "@click" => "dismissLanding()")
|
2016-09-22 07:56:38 -04:00
|
|
|
.row
|
|
|
|
.col-sm-3.col-xs-12.svg-container
|
|
|
|
= custom_icon('icon_cycle_analytics_splash')
|
|
|
|
.col-sm-8.col-xs-12.inner-content
|
|
|
|
%h4
|
|
|
|
Introducing Cycle Analytics
|
|
|
|
%p
|
|
|
|
Cycle Analytics gives an overview of how much time it takes to go from idea to production in your project.
|
2016-09-14 17:03:42 -04:00
|
|
|
|
2016-09-22 07:56:38 -04:00
|
|
|
= link_to "Read more", help_page_path('user/project/cycle_analytics'), target: '_blank', class: 'btn'
|
2016-09-19 16:41:36 -04:00
|
|
|
|
|
|
|
= icon("spinner spin", "v-show" => "isLoading")
|
|
|
|
|
|
|
|
.wrapper{"v-show" => "!isLoading && !hasError"}
|
|
|
|
.panel.panel-default
|
|
|
|
.panel-heading
|
|
|
|
Pipeline Health
|
|
|
|
|
|
|
|
.content-block
|
2016-09-16 13:22:48 -04:00
|
|
|
.container-fluid
|
|
|
|
.row
|
2016-09-23 05:46:06 -04:00
|
|
|
.col-sm-3.col-xs-12.column{"v-for" => "item in analytics.summary"}
|
2016-09-19 17:12:17 -04:00
|
|
|
%h3.header {{item.value}}
|
|
|
|
%p.text {{item.title}}
|
2016-09-19 16:41:36 -04:00
|
|
|
|
2016-09-23 07:11:29 -04:00
|
|
|
.col-sm-3.col-xs-12.column
|
2016-09-19 16:41:36 -04:00
|
|
|
.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
|
2016-09-23 05:46:06 -04:00
|
|
|
%li{"v-for" => "item in analytics.stats"}
|
2016-09-19 16:41:36 -04:00
|
|
|
.container-fluid
|
|
|
|
.row
|
2016-09-23 07:11:29 -04:00
|
|
|
.col-xs-8.title-col
|
2016-09-19 17:12:17 -04:00
|
|
|
%p.title
|
2016-09-19 16:41:36 -04:00
|
|
|
{{item.title}}
|
2016-09-19 17:12:17 -04:00
|
|
|
%p.text
|
2016-09-19 16:41:36 -04:00
|
|
|
{{item.description}}
|
2016-09-23 07:11:29 -04:00
|
|
|
.col-xs-4.value-col
|
2016-09-19 16:41:36 -04:00
|
|
|
%span
|
|
|
|
{{item.value}}
|