Welcome to mirror list, hosted at ThFree Co, Russian Federation.

gitlab.com/gitlab-org/gitlab-foss.git - Unnamed repository; edit this file 'description' to name the repository.
summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
Diffstat (limited to 'app/assets/javascripts/vue_shared/components/recaptcha_modal.vue')
-rw-r--r--app/assets/javascripts/vue_shared/components/recaptcha_modal.vue90
1 files changed, 0 insertions, 90 deletions
diff --git a/app/assets/javascripts/vue_shared/components/recaptcha_modal.vue b/app/assets/javascripts/vue_shared/components/recaptcha_modal.vue
deleted file mode 100644
index fc1f3675a3d..00000000000
--- a/app/assets/javascripts/vue_shared/components/recaptcha_modal.vue
+++ /dev/null
@@ -1,90 +0,0 @@
-<script>
-/* eslint-disable vue/no-v-html */
-import DeprecatedModal from './deprecated_modal.vue';
-import { eventHub } from './recaptcha_eventhub';
-
-export default {
- name: 'RecaptchaModal',
-
- components: {
- DeprecatedModal,
- },
-
- props: {
- html: {
- type: String,
- required: false,
- default: '',
- },
- },
-
- data() {
- return {
- script: {},
- scriptSrc: 'https://www.recaptcha.net/recaptcha/api.js',
- };
- },
-
- watch: {
- html() {
- this.appendRecaptchaScript();
- },
- },
-
- mounted() {
- eventHub.$on('submit', this.submit);
-
- if (this.html) {
- this.appendRecaptchaScript();
- }
- },
-
- beforeDestroy() {
- eventHub.$off('submit', this.submit);
- },
-
- methods: {
- appendRecaptchaScript() {
- this.removeRecaptchaScript();
-
- const script = document.createElement('script');
- script.src = this.scriptSrc;
- script.classList.add('js-recaptcha-script');
- script.async = true;
- script.defer = true;
-
- this.script = script;
-
- document.body.appendChild(script);
- },
-
- removeRecaptchaScript() {
- if (this.script instanceof Element) this.script.remove();
- },
-
- close() {
- this.removeRecaptchaScript();
- this.$emit('close');
- },
-
- submit() {
- this.$el.querySelector('form').submit();
- },
- },
-};
-</script>
-
-<template>
- <deprecated-modal
- :hide-footer="true"
- :title="__('Please solve the reCAPTCHA')"
- kind="warning"
- class="recaptcha-modal js-recaptcha-modal"
- @cancel="close"
- >
- <div slot="body">
- <p>{{ __('We want to be sure it is you, please confirm you are not a robot.') }}</p>
- <div ref="recaptcha" v-html="html"></div>
- </div>
- </deprecated-modal>
-</template>