habit.js

/* eslint-disable no-unused-vars */
import HabitService from "@/services/HabitService.js";
import Habit from "@/models/Habit";
import Category from "../../models/Category";

export default {
  mutations: {
    FETCH_HABITS(state, habitArray) {
      // Test data
      const data = [
        { id: 1, title: "Morning", habit_order: [4, 3, 5] },
        { id: 2, title: "Daily", habit_order: [6, 8, 7] }
      ]
      Category.insert({
        data: data
      });

      Habit.insert({ data: habitArray });
    },

  },
  actions: {
    fetchHabits({ commit }) {
      HabitService.fetchAllHabits().then(response => {
        let habitArray = response.data;
        commit("FETCH_HABITS", habitArray);
      });
    },

    async addHabit({ commit }, habitObj) {
      habitObj.category = 1 // @todo

      // 1. Update the backend and get habit id (primary key)
      const response = await HabitService.insert(habitObj)
      const habitId = response.data.id

      // 2. Update the local store @todo use mutations
      habitObj.id = habitId
      Habit.insert({ data: habitObj })

      // Important: add created habit to the category.habit_order array
      let category = Category.find(habitObj.category)
      category.habit_order.push(habitObj.id)
    }
  },
  getters: {
    habitDetails: state => habitId => {
      return Habit.query()
        .with("logs")
        .whereId(habitId)
        .get();
    }
  }
};