残件 / 日時を設定したToDoカードに設定日時が表示されない

[hasyrails]

日時を設定した後、 カードのstart, endが　nullとして登録されている

[hasyrails]

原因

日付のバリデーション設定時に start, endの情報を cardとしてではなく、formで渡すようにしているため

ref #325

何が起こっている？？

start, end更新時 $store.state.cardが変更されていない

[hasyrails]

改修完了

作成したformがVuexのアクションを整合が取れていない

• CardSettingModal.vue

  props: {
  card:{
    type: Object
  },
  },

  この渡したcardをそのまま変更すると 日付バリデーションが実装できなかったので 新しく作成したのがformというローカルデータ

form:{
        start: '',
        deadline: '',
      },

• store(card)

  updateCard(state, payload){
  state.cards = payload.card
  }

  ここ。 payloadはformなので form.cardとは？？ということでupdateCard mutationが発火しても 更新されることはない。

最終形

formをpropsのcardと同じにする (start, end は入力するので空で定義)

form:{
        id: this.card.id,
        body: this.card.body,
        description: this.card.description,
        start: '',
        deadline: '',
        schedulized: this.card.schedulized,
        color: this.card.color,
        card_id: this.card.id,
        user_id: this.$store.getters['auth/user'].id,
      },

payload.cardがないこと自体は変わらない。 updateCard mutationを変更

 updateCard(state, payload){
+      const card = state.cards.find((o) => {
+        return o.id === payload.id;
+      });
+      
+      const index = state.cards.findIndex((o) => {
+        return o.id === payload.id
+      })
+      
+      state.cards.splice(index, 1, card)
+     },