From 7b72fa965a7be4bdd1088b4d9e6ae3a412488a01 Mon Sep 17 00:00:00 2001
From: dartcafe <github@dartcafe.de>
Date: Sat, 6 Mar 2021 12:18:19 +0100
Subject: [PATCH] write poll after change, than after input in description and
 title

Signed-off-by: dartcafe <github@dartcafe.de>
---
 .../components/SideBar/SideBarTabConfiguration.vue   | 12 ++++++++----
 src/js/store/modules/poll.js                         |  3 +++
 2 files changed, 11 insertions(+), 4 deletions(-)

diff --git a/src/js/components/SideBar/SideBarTabConfiguration.vue b/src/js/components/SideBar/SideBarTabConfiguration.vue
index b62a831ee..2ef11542c 100644
--- a/src/js/components/SideBar/SideBarTabConfiguration.vue
+++ b/src/js/components/SideBar/SideBarTabConfiguration.vue
@@ -29,11 +29,14 @@
 		<ConfigBox v-if="!acl.isOwner" :title="t('polls', 'As an admin you may edit this poll')" icon-class="icon-checkmark" />
 
 		<ConfigBox :title="t('polls', 'Title')" icon-class="icon-sound">
-			<input v-model="pollTitle" :class="{ error: titleEmpty }" type="text">
+			<input v-model="pollTitle" :class="{ error: titleEmpty }" type="text"
+				@change="writeValue({ title: $event.target.value })"
+				@keyup.enter="writeValue({ title: $event.target.value })">
 		</ConfigBox>
 
 		<ConfigBox :title="t('polls', 'Description')" icon-class="icon-edit">
-			<textarea v-model="pollDescription" class="edit-description" />
+			<textarea v-model="pollDescription" class="edit-description"
+				@change="writeValue({ description: $event.target.value })" />
 		</ConfigBox>
 
 		<ConfigBox :title="t('polls', 'Poll configurations')" icon-class="icon-category-customization">
@@ -146,7 +149,8 @@ export default {
 				return this.poll.description
 			},
 			set(value) {
-				this.writeValueDebounced({ description: value })
+				this.$store.commit('poll/setProperty', { description: value })
+				this.$store.commit('poll/setDescriptionSafe', value)
 			},
 		},
 
@@ -155,7 +159,7 @@ export default {
 				return this.poll.title
 			},
 			set(value) {
-				this.writeValueDebounced({ title: value })
+				this.$store.commit('poll/setProperty', { title: value })
 			},
 		},
 
diff --git a/src/js/store/modules/poll.js b/src/js/store/modules/poll.js
index 50d043362..0f1d6b777 100644
--- a/src/js/store/modules/poll.js
+++ b/src/js/store/modules/poll.js
@@ -70,6 +70,9 @@ const mutations = {
 		Object.assign(state, payload)
 	},
 
+	setDescriptionSafe(state, payload) {
+		state.descriptionSafe = payload.replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;')
+	},
 }
 
 const getters = {