1 files changed, 33 insertions, 0 deletions
diff --git a/app/views/instance_statistics/dev_ops_score/index.html.haml b/app/views/instance_statistics/dev_ops_score/index.html.haml
new file mode 100644
index 00000000000..bd457f4740a
--- /dev/null
+++ b/app/views/instance_statistics/dev_ops_score/index.html.haml
@@ -0,0 +1,33 @@
+- page_title _('ConvDev Index')
+- usage_ping_enabled = Gitlab::CurrentSettings.usage_ping_enabled
+
+.container
+  - if usage_ping_enabled && show_callout?('dev_ops_score_intro_callout_dismissed')
+    = render 'callout'
+
+  .prepend-top-default
+  - if !usage_ping_enabled
+    = render 'disabled'
+  - elsif @metric.blank?
+    = render 'no_data'
+  - else
+    .devops
+      .devops-header
+        %h2.devops-header-title{ class: "devops-#{score_level(@metric.average_percentage_score)}-score" }
+          = number_to_percentage(@metric.average_percentage_score, precision: 1)
+        .devops-header-subtitle
+          = _('index')
+          %br
+          = _('score')
+          = link_to icon('question-circle', 'aria-hidden' => 'true'), help_page_path('user/instance_statistics/dev_ops_score')
+
+      .devops-cards.board-card-container
+        - @metric.cards.each do |card|
+          = render 'card', card: card
+
+      .devops-steps.d-none.d-lg-block.d-xl-block
+        - @metric.idea_to_production_steps.each_with_index do |step, index|
+          .devops-step{ class: "devops-#{score_level(step.percentage_score)}-score" }
+            = custom_icon("i2p_step_#{index + 1}")
+            %h4.devops-step-title
+              = step.title