add description form for fast edition

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 });
     }
   }
 };

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;