diff options
author | GitLab Bot <gitlab-bot@gitlab.com> | 2022-01-17 03:14:49 +0300 |
---|---|---|
committer | GitLab Bot <gitlab-bot@gitlab.com> | 2022-01-17 03:14:49 +0300 |
commit | aeaaaaf074f64a60e1b7827f6949d0aa78831460 (patch) | |
tree | ca8a81c0006d525e77daa8d1f63cddbb6716ea82 /app/assets/javascripts/vue_shared/new_namespace | |
parent | 1323c36872baaed5d6ef87c47514cddc676b7b59 (diff) |
Add latest changes from gitlab-org/gitlab@master
Diffstat (limited to 'app/assets/javascripts/vue_shared/new_namespace')
-rw-r--r-- | app/assets/javascripts/vue_shared/new_namespace/new_namespace_page.vue | 18 |
1 files changed, 17 insertions, 1 deletions
diff --git a/app/assets/javascripts/vue_shared/new_namespace/new_namespace_page.vue b/app/assets/javascripts/vue_shared/new_namespace/new_namespace_page.vue index 114f60c96ee..f67e590e2ce 100644 --- a/app/assets/javascripts/vue_shared/new_namespace/new_namespace_page.vue +++ b/app/assets/javascripts/vue_shared/new_namespace/new_namespace_page.vue @@ -10,10 +10,17 @@ export default { GlIcon, WelcomePage, LegacyContainer, + CreditCardVerification: () => + import('ee_component/pages/groups/new/components/credit_card_verification.vue'), }, directives: { SafeHtml, }, + inject: { + verificationRequired: { + default: false, + }, + }, props: { title: { type: String, @@ -41,6 +48,7 @@ export default { data() { return { activePanelName: null, + verificationCompleted: false, }; }, @@ -67,6 +75,10 @@ export default { { text: this.activePanel.title, href: `#${this.activePanel.name}` }, ]; }, + + shouldVerify() { + return this.verificationRequired && !this.verificationCompleted; + }, }, created() { @@ -93,12 +105,16 @@ export default { localStorage.setItem(this.persistenceKey, this.activePanelName); } }, + onVerified() { + this.verificationCompleted = true; + }, }, }; </script> <template> - <welcome-page v-if="!activePanelName" :panels="panels" :title="title"> + <credit-card-verification v-if="shouldVerify" @verified="onVerified" /> + <welcome-page v-else-if="!activePanelName" :panels="panels" :title="title"> <template #footer> <slot name="welcome-footer"> </slot> </template> |