Update Pipelines Minutes expire banner (CE)

- remove hiding the alert functionality
- use `danger` class instead of `warning`

https://gitlab.com/gitlab-org/gitlab-ee/merge_requests/14786

app/assets/javascripts/jobs/components/job_app.vue

@@ -83,6 +83,11 @@ export default {
       type: String,
       required: true,
     },
+    subscriptionsMoreMinutesUrl: {
+      type: String,
+      required: false,
+      default: null,
+    },
   },
   computed: {
     ...mapState([
@@ -265,6 +270,7 @@ export default {
           :quota-limit="job.runners.quota.limit"
           :runners-path="runnerHelpUrl"
           :project-path="projectPath"
+          :subscriptions-more-minutes-url="subscriptionsMoreMinutesUrl"
         />
 
         <environments-block

app/assets/javascripts/jobs/index.js

@@ -15,6 +15,7 @@ export default () => {
         runnerHelpUrl,
         runnerSettingsUrl,
         variablesSettingsUrl,
+        subscriptionsMoreMinutesUrl,
         endpoint,
         pagePath,
         logState,
@@ -28,6 +29,7 @@ export default () => {
           runnerHelpUrl,
           runnerSettingsUrl,
           variablesSettingsUrl,
+          subscriptionsMoreMinutesUrl,
           endpoint,
           pagePath,
           logState,

app/assets/javascripts/pages/projects/project.js

@@ -73,13 +73,6 @@ export default class Project {
         .remove();
       return e.preventDefault();
     });
-    $('.hide-shared-runner-limit-message').on('click', function(e) {
-      var $alert = $(this).parents('.shared-runner-quota-message');
-      var scope = $alert.data('scope');
-      Cookies.set('hide_shared_runner_quota_message', 'false', { path: scope });
-      $alert.remove();
-      e.preventDefault();
-    });
     $('.hide-auto-devops-implicitly-enabled-banner').on('click', function(e) {
       const projectId = $(this).data('project-id');
       const cookieKey = `hide_auto_devops_implicitly_enabled_banner_${projectId}`;

app/helpers/jobs_helper.rb

+# frozen_string_literal: true
+
+module JobsHelper
+  def jobs_data
+    {
+      "endpoint" => project_job_path(@project, @build, format: :json),
+      "project_path" => @project.full_path,
+      "deployment_help_url" => help_page_path('user/project/clusters/index.html', anchor: 'troubleshooting-failed-deployment-jobs'),
+      "runner_help_url" => help_page_path('ci/runners/README.html', anchor: 'setting-maximum-job-timeout-for-a-runner'),
+      "runner_settings_url" => project_runners_path(@build.project, anchor: 'js-runners-settings'),
+      "variables_settings_url" => project_variables_path(@build.project, anchor: 'js-cicd-variables-settings'),
+      "page_path" => project_job_path(@project, @build),
+      "build_status" => @build.status,
+      "build_stage" => @build.stage,
+      "log_state" => '',
+      "build_options" => javascript_build_options
+    }
+  end
+end

app/views/projects/jobs/show.html.haml

@@ -5,10 +5,4 @@
 - content_for :page_specific_javascripts do
   = stylesheet_link_tag 'page_bundles/xterm'
 
-#js-job-vue-app{ data: { endpoint: project_job_path(@project, @build, format: :json), project_path: @project.full_path,
-  deployment_help_url: help_page_path('user/project/clusters/index.html', anchor: 'troubleshooting-failed-deployment-jobs'),
-  runner_help_url: help_page_path('ci/runners/README.html', anchor: 'setting-maximum-job-timeout-for-a-runner'),
-  runner_settings_url: project_runners_path(@build.project, anchor: 'js-runners-settings'),
-  variables_settings_url: project_variables_path(@build.project, anchor: 'js-cicd-variables-settings'),
-  page_path: project_job_path(@project, @build), build_status: @build.status, build_stage: @build.stage, log_state: '',
-  build_options: javascript_build_options } }
+#js-job-vue-app{ data: jobs_data }

spec/javascripts/jobs/components/job_app_spec.js

@@ -25,6 +25,7 @@ describe('Job App ', () => {
     terminalPath: 'jobs/123/terminal',
     pagePath: `${gl.TEST_HOST}jobs/123`,
     projectPath: 'user-name/project-name',
+    subscriptionsMoreMinutesUrl: 'https://customers.gitlab.com/buy_pipeline_minutes',
     logState:
       'eyJvZmZzZXQiOjE3NDUxLCJuX29wZW5fdGFncyI6MCwiZmdfY29sb3IiOm51bGwsImJnX2NvbG9yIjpudWxsLCJzdHlsZV9tYXNrIjowfQ%3D%3D',
   };