From 7763f2c0457b7fd77dc0b677641ba506d01d0292 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Timoth=C3=A9e?= <tpoussard@neogeo.fr>
Date: Tue, 12 Jul 2022 17:07:08 +0200
Subject: [PATCH] add description form for fast edition
---
.../Feature/Detail/FeatureHeader.vue | 23 ++++++++++++++++---
src/store/modules/feature.store.js | 2 +-
2 files changed, 21 insertions(+), 4 deletions(-)
diff --git a/src/components/Feature/Detail/FeatureHeader.vue b/src/components/Feature/Detail/FeatureHeader.vue
index a8c01877..9521e923 100644
--- a/src/components/Feature/Detail/FeatureHeader.vue
+++ b/src/components/Feature/Detail/FeatureHeader.vue
@@ -13,7 +13,7 @@
required
maxlength="128"
name="title"
- @blur="updateStore"
+ @blur="updateTitle"
>
</span>
<span v-else>
@@ -146,7 +146,20 @@
</div>
<div class="ui hidden divider" />
<div class="sub header prewrap">
- {{ currentFeature.description }}
+ <span
+ v-if="fastEditionMode && form"
+ class="form ui half-block"
+ >
+ <textarea
+ :value="form.description.value"
+ name="description"
+ rows="5"
+ @blur="updateDescription"
+ />
+ </span>
+ <span v-else>
+ {{ currentFeature.description }}
+ </span>
</div>
</div>
</h1>
@@ -244,8 +257,12 @@ export default {
.then(() => console.log('sent'));
},
- updateStore(e) {
+ updateTitle(e) {
this.$store.commit('feature/UPDATE_FORM_FIELD', { name: 'title', value: e.target.value });
+ },
+
+ updateDescription(e) {
+ this.$store.commit('feature/UPDATE_FORM_FIELD', { name: 'description', value: e.target.value });
}
}
};
diff --git a/src/store/modules/feature.store.js b/src/store/modules/feature.store.js
index cf961e8e..ef93083a 100644
--- a/src/store/modules/feature.store.js
+++ b/src/store/modules/feature.store.js
@@ -40,7 +40,7 @@ const feature = {
};
},
UPDATE_FORM_FIELD(state, field) {
- if (state.form[field.name].value) {
+ if (state.form[field.name].value !== undefined) {
state.form[field.name].value = field.value;
} else {
state.form[field.name] = field.value;
--
GitLab