diff options
Diffstat (limited to 'app/assets/javascripts/feature_flags/components/edit_feature_flag.vue')
-rw-r--r-- | app/assets/javascripts/feature_flags/components/edit_feature_flag.vue | 16 |
1 files changed, 12 insertions, 4 deletions
diff --git a/app/assets/javascripts/feature_flags/components/edit_feature_flag.vue b/app/assets/javascripts/feature_flags/components/edit_feature_flag.vue index 05d557db942..2bdc95e798c 100644 --- a/app/assets/javascripts/feature_flags/components/edit_feature_flag.vue +++ b/app/assets/javascripts/feature_flags/components/edit_feature_flag.vue @@ -1,7 +1,7 @@ <script> import { GlAlert, GlLoadingIcon, GlToggle } from '@gitlab/ui'; import { mapState, mapActions } from 'vuex'; -import { sprintf, s__ } from '~/locale'; +import { sprintf, __ } from '~/locale'; import glFeatureFlagMixin from '~/vue_shared/mixins/gl_feature_flags_mixin'; import FeatureFlagForm from './form.vue'; @@ -10,6 +10,7 @@ export default { GlAlert, GlLoadingIcon, GlToggle, + FeatureFlagActions: () => import('ee_component/feature_flags/components/actions.vue'), FeatureFlagForm, }, mixins: [glFeatureFlagMixin()], @@ -28,7 +29,7 @@ export default { title() { return this.iid ? `^${this.iid} ${this.name}` - : sprintf(s__('Edit %{name}'), { name: this.name }); + : sprintf(this.$options.i18n.editTitle, { name: this.name }); }, }, created() { @@ -37,6 +38,11 @@ export default { methods: { ...mapActions(['updateFeatureFlag', 'fetchFeatureFlag', 'toggleActive']), }, + i18n: { + editTitle: __('Edit %{name}'), + toggleLabel: __('Feature flag status'), + submit: __('Save changes'), + }, }; </script> <template> @@ -51,11 +57,13 @@ export default { data-track-action="click_button" data-track-label="feature_flag_toggle" class="gl-mr-4" - :label="__('Feature flag status')" + :label="$options.i18n.toggleLabel" label-position="hidden" @change="toggleActive" /> <h3 class="page-title gl-m-0">{{ title }}</h3> + + <feature-flag-actions class="gl-ml-auto" /> </div> <gl-alert v-if="error.length" variant="warning" class="gl-mb-5" :dismissible="false"> @@ -67,7 +75,7 @@ export default { :description="description" :strategies="strategies" :cancel-path="path" - :submit-text="__('Save changes')" + :submit-text="$options.i18n.submit" :active="active" @handleSubmit="(data) => updateFeatureFlag(data)" /> |