diff options
author | GitLab Bot <gitlab-bot@gitlab.com> | 2020-11-19 11:27:35 +0300 |
---|---|---|
committer | GitLab Bot <gitlab-bot@gitlab.com> | 2020-11-19 11:27:35 +0300 |
commit | 7e9c479f7de77702622631cff2628a9c8dcbc627 (patch) | |
tree | c8f718a08e110ad7e1894510980d2155a6549197 /app/assets/javascripts/prometheus_metrics | |
parent | e852b0ae16db4052c1c567d9efa4facc81146e88 (diff) |
Add latest changes from gitlab-org/gitlab@13-6-stable-eev13.6.0-rc42
Diffstat (limited to 'app/assets/javascripts/prometheus_metrics')
-rw-r--r-- | app/assets/javascripts/prometheus_metrics/prometheus_metrics.js | 17 |
1 files changed, 10 insertions, 7 deletions
diff --git a/app/assets/javascripts/prometheus_metrics/prometheus_metrics.js b/app/assets/javascripts/prometheus_metrics/prometheus_metrics.js index 7fc1b18bf71..bb9689f09a1 100644 --- a/app/assets/javascripts/prometheus_metrics/prometheus_metrics.js +++ b/app/assets/javascripts/prometheus_metrics/prometheus_metrics.js @@ -18,29 +18,32 @@ export default class PrometheusMetrics { this.$monitoredMetricsList = this.$monitoredMetricsPanel.find('.js-metrics-list'); this.$missingEnvVarPanel = this.$wrapper.find('.js-panel-missing-env-vars'); - this.$panelToggle = this.$missingEnvVarPanel.find('.js-panel-toggle'); + this.$panelToggleRight = this.$missingEnvVarPanel.find('.js-panel-toggle-right'); + this.$panelToggleDown = this.$missingEnvVarPanel.find('.js-panel-toggle-down'); this.$missingEnvVarMetricCount = this.$missingEnvVarPanel.find('.js-env-var-count'); this.$missingEnvVarMetricsList = this.$missingEnvVarPanel.find('.js-missing-var-metrics-list'); this.activeMetricsEndpoint = this.$monitoredMetricsPanel.data('activeMetrics'); this.helpMetricsPath = this.$monitoredMetricsPanel.data('metrics-help-path'); - this.$panelToggle.on('click', e => this.handlePanelToggle(e)); + this.$panelToggleRight.on('click', e => this.handlePanelToggle(e)); + this.$panelToggleDown.on('click', e => this.handlePanelToggle(e)); } init() { this.loadActiveMetrics(); } - /* eslint-disable class-methods-use-this */ handlePanelToggle(e) { const $toggleBtn = $(e.currentTarget); const $currentPanelBody = $toggleBtn.closest('.card').find('.card-body'); $currentPanelBody.toggleClass('hidden'); - if ($toggleBtn.hasClass('fa-caret-down')) { - $toggleBtn.removeClass('fa-caret-down').addClass('fa-caret-right'); - } else { - $toggleBtn.removeClass('fa-caret-right').addClass('fa-caret-down'); + if ($toggleBtn.hasClass('js-panel-toggle-right')) { + $toggleBtn.addClass('hidden'); + this.$panelToggleDown.removeClass('hidden'); + } else if ($toggleBtn.hasClass('js-panel-toggle-down')) { + $toggleBtn.addClass('hidden'); + this.$panelToggleRight.removeClass('hidden'); } } |