diff options
author | Adriel Santiago <asantiago@gitlab.com> | 2019-05-28 06:41:34 +0000 |
---|---|---|
committer | Kushal Pandya <kushalspandya@gmail.com> | 2019-05-28 06:41:34 +0000 |
commit | e0c5deaf1b06787f7af9f376975925335dab20f7 (patch) | |
tree | 3b26b524d7e9e2cc5010026aba99919219e34634 /app | |
parent | 4dbf10164abf648fe0d68209976eedee501b7fa5 (diff) | |
download | gitlab-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.vue | 7 |
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__( |