update melv-turnstile.js

This commit is contained in:
MWD-Art 2024-10-23 09:55:19 +02:00
parent ed5865f2f5
commit c49edec9a8

View File

@ -15,8 +15,7 @@ Shopware.Component.override('sw-settings-captcha-select-v2', {
{% block sw_settings_captcha_select_v2_cloudflare_turnstile_site_key %} {% block sw_settings_captcha_select_v2_cloudflare_turnstile_site_key %}
<sw-text-field <sw-text-field
:value="currentValue.cloudFlareTurnstile.config.siteKey" v-model="currentValue.cloudFlareTurnstile.config.siteKey"
@input="updateSiteKey($event)"
name="cloudFlareTurnstileSiteKey" name="cloudFlareTurnstileSiteKey"
:label="$tc('sw-settings-basic-information.captcha.label.cloudFlareTurnstileSiteKey')" :label="$tc('sw-settings-basic-information.captcha.label.cloudFlareTurnstileSiteKey')"
/> />
@ -24,8 +23,7 @@ Shopware.Component.override('sw-settings-captcha-select-v2', {
{% block sw_settings_captcha_select_v2_cloudflare_turnstile_secret_key %} {% block sw_settings_captcha_select_v2_cloudflare_turnstile_secret_key %}
<sw-text-field <sw-text-field
:value="currentValue.cloudFlareTurnstile.config.secretKey" v-model="currentValue.cloudFlareTurnstile.config.secretKey"
@input="updateSecretKey($event)"
name="cloudFlareTurnstileSecretKey" name="cloudFlareTurnstileSecretKey"
:label="$tc('sw-settings-basic-information.captcha.label.cloudFlareTurnstileSecretKey')" :label="$tc('sw-settings-basic-information.captcha.label.cloudFlareTurnstileSecretKey')"
/> />
@ -35,51 +33,35 @@ Shopware.Component.override('sw-settings-captcha-select-v2', {
{% endblock %} {% endblock %}
`, `,
data() { created() {
return { this.initConfig();
defaultConfig: { },
methods: {
initConfig() {
if (!this.currentValue.cloudFlareTurnstile) {
this.$set(this.currentValue, 'cloudFlareTurnstile', {
isActive: false, isActive: false,
config: { config: {
siteKey: '', siteKey: '',
secretKey: '' secretKey: ''
} }
} });
};
},
created() {
this.initializeTurnstileConfig();
},
methods: {
initializeTurnstileConfig() {
if (!this.currentValue.cloudFlareTurnstile) {
this.$set(this.currentValue, 'cloudFlareTurnstile', { ...this.defaultConfig });
} else if (!this.currentValue.cloudFlareTurnstile.config) { } else if (!this.currentValue.cloudFlareTurnstile.config) {
this.$set(this.currentValue.cloudFlareTurnstile, 'config', { ...this.defaultConfig.config }); this.$set(this.currentValue.cloudFlareTurnstile, 'config', {
siteKey: '',
secretKey: ''
});
} }
},
updateSiteKey(value) {
this.$set(this.currentValue.cloudFlareTurnstile.config, 'siteKey', value);
this.updateCaptchaConfig();
},
updateSecretKey(value) {
this.$set(this.currentValue.cloudFlareTurnstile.config, 'secretKey', value);
this.updateCaptchaConfig();
},
updateCaptchaConfig() {
this.$emit('config-update', this.currentValue);
} }
}, },
watch: { watch: {
'currentValue.cloudFlareTurnstile.config': { 'currentValue.cloudFlareTurnstile.config': {
deep: true, deep: true,
handler(newVal) { handler(newValue) {
console.debug('Turnstile config updated:', newVal); // Stellen Sie sicher, dass die Änderungen persistent sind
this.$emit('input', this.currentValue);
} }
} }
} }