public/MelvTurnstile
Archived
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

update melv-turnstile.js

Browse Source
This commit is contained in:
MWD-Art 2024-10-23 09:55:19 +02:00
parent ed5865f2f5
commit c49edec9a8
1 changed files with 18 additions and 36 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

54
src/Resources/public/administration/js/melv-turnstile.js
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() {
return {
defaultConfig: {
isActive: false,
config: {
siteKey: '',
secretKey: ''
}
}
};
},
created() { created() {
this.initializeTurnstileConfig(); this.initConfig();
}, },
methods: { methods: {
initializeTurnstileConfig() { initConfig() {
if (!this.currentValue.cloudFlareTurnstile) { if (!this.currentValue.cloudFlareTurnstile) {
this.$set(this.currentValue, 'cloudFlareTurnstile', { ...this.defaultConfig }); this.$set(this.currentValue, 'cloudFlareTurnstile', {
isActive: false,
config: {
siteKey: '',
secretKey: ''
}
});
} 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);
} }
} }
} }