diff --git a/src/components/Feature/Detail/FeatureHeader.vue b/src/components/Feature/Detail/FeatureHeader.vue index a8c01877b029ea4fa1470270f2781487053731cf..9521e923caf0b8a56fa840d86fcc2b751e752c04 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 cf961e8e4b7208955a4ce4f553bf14af212a71d2..ef93083a8691c11c3de37a5dbd79082f3058b67f 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;