Changed JS translation functions

Added context function

1 files changed, 15 insertions, 14 deletions

diff --git a/app/views/projects/cycle_analytics/show.html.haml b/app/views/projects/cycle_analytics/show.html.haml
index a7783b69588..2e0e4753e68 100644
--- a/app/views/projects/cycle_analytics/show.html.haml
+++ b/app/views/projects/cycle_analytics/show.html.haml
@@ -8,7 +8,8 @@
 = render "projects/head"
 
 #cycle-analytics{ class: container_class, "v-cloak" => "true", data: { request_path: project_cycle_analytics_path(@project) } }
-  - if @cycle_analytics_no_data
+  - if @cycle_analytics_no_data || true
+    {{ s__('context', 'key') }}
     .bordered-box.landing.content-block{ "v-if" => "!isOverviewDialogDismissed" }
       = icon("times", class: "dismiss-icon", "@click" => "dismissOverviewDialog()")
       .row
@@ -16,17 +17,17 @@
           = custom_icon('icon_cycle_analytics_splash')
         .col-sm-8.col-xs-12.inner-content
           %h4
-            {{ 'Introducing Cycle Analytics' | translate }}
+            {{ __('Introducing Cycle Analytics') }}
           %p
-            {{ 'Cycle Analytics gives an overview of how much time it takes to go from idea to production in your project.' | translate }}
+            {{ __('Cycle Analytics gives an overview of how much time it takes to go from idea to production in your project.') }}
 
           = link_to help_page_path('user/project/cycle_analytics'), target: '_blank', class: 'btn' do
-            {{ 'Read more' | translate }}
+            {{ __('Read more') }}
   = icon("spinner spin", "v-show" => "isLoading")
   .wrapper{ "v-show" => "!isLoading && !hasError" }
     .panel.panel-default
       .panel-heading
-        {{ 'Pipeline Health' | translate }}
+        {{ __('Pipeline Health') }}
       .content-block
         .container-fluid
           .row
@@ -36,15 +37,15 @@
             .col-sm-3.col-xs-12.column
               .dropdown.inline.js-ca-dropdown
                 %button.dropdown-menu-toggle{ "data-toggle" => "dropdown", :type => "button" }
-                  %span.dropdown-label {{ 'Last 30 days' | translate }}
+                  %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' | translate }}
+                      {{ __('Last 30 days') }}
                   %li
                     %a{ "href" => "#", "data-value" => "90" }
-                      {{ 'Last 90 days' | translate }}
+                      {{ __('Last 90 days') }}
     .stage-panel-container
       .panel.panel-default.stage-panel
         .panel-heading
@@ -52,19 +53,19 @@
             %ul
               %li.stage-header
                 %span.stage-name
-                  {{ 'Stage' | translate }}
+                  {{ __('Stage') }}
                 %i.has-tooltip.fa.fa-question-circle{ "data-placement" => "top", title: "The phase of the development lifecycle.", "aria-hidden" => "true" }
               %li.median-header
                 %span.stage-name
-                  {{ 'Median' | translate }}
+                  {{ __('Median') }}
                 %i.has-tooltip.fa.fa-question-circle{ "data-placement" => "top", title: "The value lying at the midpoint of a series of observed values. E.g., between 3, 5, 9, the median is 5. Between 3, 5, 7, 8, the median is (5+7)/2 = 6.", "aria-hidden" => "true" }
               %li.event-header
                 %span.stage-name
-                  {{ currentStage ? currentStage.legend : 'Related Issues' | translate }}
+                  {{ __(currentStage ? currentStage.legend : 'Related Issues') }}
                 %i.has-tooltip.fa.fa-question-circle{ "data-placement" => "top", title: "The collection of events added to the data gathered for that stage.", "aria-hidden" => "true" }
               %li.total-time-header
                 %span.stage-name
-                  {{ 'Total Time' | translate }}
+                  {{ __('Total Time') }}
                 %i.has-tooltip.fa.fa-question-circle{ "data-placement" => "top", title: "The time taken by each data entry gathered by that stage.", "aria-hidden" => "true" }
         .stage-panel-body
           %nav.stage-nav
@@ -77,10 +78,10 @@
                     %span{ "v-if" => "stage.value" }
                       {{ stage.value }}
                     %span.stage-empty{ "v-else" => true }
-                      {{ 'Not enough data' | translate }}
+                      {{ __('Not enough data') }}
                   %template{ "v-else" => true }
                     %span.not-available
-                      {{ 'Not available' | translate }}
+                      {{ __('Not available') }}
           .section.stage-events
             %template{ "v-if" => "isLoadingStage" }
               = icon("spinner spin")