summaryrefslogtreecommitdiff
path: root/app
diff options
context:
space:
mode:
authorAdriel Santiago <asantiago@gitlab.com>2019-05-28 06:41:34 +0000
committerKushal Pandya <kushalspandya@gmail.com>2019-05-28 06:41:34 +0000
commite0c5deaf1b06787f7af9f376975925335dab20f7 (patch)
tree3b26b524d7e9e2cc5010026aba99919219e34634 /app
parent4dbf10164abf648fe0d68209976eedee501b7fa5 (diff)
downloadgitlab-ce-e0c5deaf1b06787f7af9f376975925335dab20f7.tar.gz
Add expand/collapse button
Add ability to expand/collapse operation settings
Diffstat (limited to 'app')
-rw-r--r--app/assets/javascripts/operation_settings/components/external_dashboard.vue7
1 files changed, 6 insertions, 1 deletions
diff --git a/app/assets/javascripts/operation_settings/components/external_dashboard.vue b/app/assets/javascripts/operation_settings/components/external_dashboard.vue
index 0a87d193b72..b2b37355033 100644
--- a/app/assets/javascripts/operation_settings/components/external_dashboard.vue
+++ b/app/assets/javascripts/operation_settings/components/external_dashboard.vue
@@ -1,5 +1,6 @@
<script>
import { GlButton, GlFormGroup, GlFormInput, GlLink } from '@gitlab/ui';
+import initSettingsPanels from '~/settings_panels';
export default {
components: {
@@ -19,15 +20,19 @@ export default {
required: true,
},
},
+ mounted() {
+ initSettingsPanels();
+ },
};
</script>
<template>
- <section class="settings expanded">
+ <section class="settings no-animate">
<div class="settings-header">
<h4 class="js-section-header">
{{ s__('ExternalMetrics|External Dashboard') }}
</h4>
+ <gl-button class="js-settings-toggle">{{ __('Expand') }}</gl-button>
<p class="js-section-sub-header">
{{
s__(