Merge branch '13569-remove-cookie-flag-after-cycle-analytics-refactor' into 'master'

Remove cookie flag after cycle analytics refactor

Closes #13569

See merge request gitlab-org/gitlab!17341

ee/app/assets/javascripts/analytics/cycle_analytics/components/base.vue

@@ -131,7 +131,7 @@ export default {
         >
           <label class="text-bold mb-0 mr-1">{{ __('Timeframe') }}</label>
           <date-range-dropdown
-            class="js-timeframe-dropdown"
+            class="js-timeframe-filter"
             :available-days-in-past="dateOptions"
             :default-selected="dataTimeframe"
             @selected="onTimeframeSelect"

ee/app/assets/javascripts/pages/analytics/cycle_analytics/index.js

-import initCycleAnalytics from '~/cycle_analytics/cycle_analytics_bundle';
 import initCycleAnalyticsApp from 'ee/analytics/cycle_analytics/index';
-import { parseBoolean } from '~/lib/utils/common_utils';
-import Cookies from 'js-cookie';
 
-if (parseBoolean(Cookies.get('cycle_analytics_app'))) {
-  document.addEventListener('DOMContentLoaded', initCycleAnalyticsApp);
-} else {
-  document.addEventListener('DOMContentLoaded', initCycleAnalytics);
-}
+document.addEventListener('DOMContentLoaded', initCycleAnalyticsApp);

ee/app/views/analytics/cycle_analytics/show.html.haml

 - page_title _("Cycle Analytics")
-- customizable_cycle_analytics = Feature.enabled?(:customizable_cycle_analytics)
 
-- if cookies[:cycle_analytics_app] == 'true'
-  #js-cycle-analytics-app{ data: { "empty-state-svg-path" => image_path("illustrations/analytics/cycle-analytics-empty-chart.svg"), "no-data-svg-path" => image_path("illustrations/analytics/cycle-analytics-empty-chart.svg"), "no-access-svg-path" => image_path("illustrations/analytics/no-access.svg") } }
-- else
-  .page-title-holder.d-flex.align-items-center
-    %h1.page-title
-      = page_title
-
-  #cycle-analytics.m-0.mw-100
-    .mt-3.py-2.px-3.d-flex.bg-gray-light.border-top.border-bottom.flex-column.flex-md-row.justify-content-between
-      %groups-dropdown-filter.dropdown-select{ "@selected" => "setSelectedGroup" }
-      %projects-dropdown-filter.ml-md-1.mt-1.mt-md-0.dropdown-select{ "v-if" => "selectedGroup",
-        ":group-id" => "selectedGroup.id",
-        ":key" => "selectedGroup.id",
-        "@selected" => "setSelectedProjects",
-        ":multi-select" => 'multiProjectSelect' } }
-      .ml-0.ml-md-auto.mt-2.mt-md-0.d-flex.flex-column.flex-md-row.align-items-md-center.justify-content-md-end{ "v-if" => "selectedGroup" }
-        %label.text-bold.mb-0.mr-1
-          {{ __('Timeframe') }}
-        %date-range-dropdown.js-timeframe-filter{ "@selected" => "setSelectedDate",
-          ":available-days-in-past" => "dateOptions",
-          ":default-selected" => "startDate" }
-
-    %gl-empty-state{ "v-show" => "!selectedGroup",
-      "title" => _("Cycle Analytics can help you determine your team’s velocity"),
-      "svg-path" => image_path("illustrations/analytics/cycle-analytics-empty-chart.svg"),
-      "description" => _("Start by choosing a group to see how your team is spending time. You can then drill down to the project level.") }
-
-    .js-cycle-analytics{ "v-show" => "selectedGroup" }
-      .wrapper.mt-3
-        .card
-          .card-header.font-weight-bold
-            {{ __('Recent Activity') }}
-          .content-block
-            .container-fluid
-              .row
-                .col-sm-2
-                .col-sm-4.col-12.column{ "v-for" => "item in state.summary" }
-                  %h3.header {{ item.value }}
-                  %p.text {{ item.title }}
-      .stage-panel-container
-        .card.stage-panel
-          .card-header.border-bottom-0
-            %nav.col-headers
-              %ul
-                %li.stage-header.pl-5
-                  %span.stage-name.font-weight-bold
-                    {{ s__('ProjectLifecycle|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.font-weight-bold
-                    {{ __('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.pl-3
-                  %span.stage-name.font-weight-bold
-                    {{ 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.pr-5.text-right
-                  %span.stage-name.font-weight-bold
-                    {{ __('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
-              %ul
-                %stage-nav-item{ "v-for" => "stage in state.stages", ":key" => '`ca-stage-title-${stage.title}`', '@select' => 'selectStage(stage)', ":title" => "stage.title", ":is-user-allowed" => "stage.isUserAllowed", ":value" => "stage.value", ":is-active" => "stage.active" }
-                - if customizable_cycle_analytics
-                  %add-stage-button{ '@showform' => 'showAddStageForm', ":active" => 'isCustomStageForm' }
-            .section.stage-events
-              %template{ "v-if" => "isLoadingStage" }
-                = icon("spinner spin")
-              %template{ "v-if" => "currentStage && !currentStage.isUserAllowed" }
-                = render partial: "projects/cycle_analytics/no_access"
-              %template{ "v-else" => true }
-                %template{ "v-if" => "isEmptyStage && !isLoadingStage && !isCustomStageForm" }
-                  = render partial: "projects/cycle_analytics/empty_stage"
-                %template{ "v-if" => "state.events.length && !isLoadingStage && !isEmptyStage && !isCustomStageForm" }
-                  %component{ ":is" => "currentStage.component", ":stage" => "currentStage", ":items" => "state.events" }
-                - if customizable_cycle_analytics
-                  %custom-stage-form-container{ "v-if" => "isCustomStageForm && selectedGroup && selectedGroup.full_path", ":namespace" => "selectedGroup.full_path" }
+#js-cycle-analytics-app{ data: { "empty-state-svg-path" => image_path("illustrations/analytics/cycle-analytics-empty-chart.svg"), "no-data-svg-path" => image_path("illustrations/analytics/cycle-analytics-empty-chart.svg"), "no-access-svg-path" => image_path("illustrations/analytics/no-access.svg") } }