feat: populate state of ignored board checkboxes

Author: akinsey

src/components/settings/IgnoredBoardsPartial.vue

@@ -1,5 +1,5 @@
 <template>
-  <input :id="board.id" @click="$emit('toggle-ignored-board', board.id)" :disabled="toggleSubmitted[board.id]" type="checkbox" />
+  <input :id="board.id" :checked="allBoards[board.id]" @change="$emit('toggle-ignored-board', board.id)" :disabled="toggleSubmitted[board.id]" type="checkbox" />
   <label :for="board.id">{{board.name}}</label>
   <ul>
     <li v-for="childboard in board.children" :key="childboard.id">

src/views/Settings.vue

@@ -77,7 +77,7 @@
 </template>
 
 <script>
-import { inject, reactive, toRefs } from 'vue'
+import { inject, reactive, toRefs, watch } from 'vue'
 // import { AuthStore } from '@/composables/stores/auth'
 import { PreferencesStore } from '@/composables/stores/prefs'
 import IgnoredBoardsPartial from '@/components/settings/IgnoredBoardsPartial.vue'
@@ -94,6 +94,22 @@ export default {
     next()
   },
   setup() {
+    /* Internal Methods */
+    const initAllBoards = (boards, allBoards) => {
+      if (!boards || !boards.length) return allBoards
+
+      for (let i = 0; i < boards.length; i++) {
+        let curBoard = boards[i]
+        allBoards = initAllBoards(curBoard.boards || [], allBoards)
+        if (curBoard.category_id) {
+          allBoards[curBoard.id] = $prefs.readonly.ignored_boards.indexOf(curBoard.id) > -1
+        }
+      }
+
+      return allBoards
+    }
+
+
     /* View Methods */
     const resetLimitPrefs = () => {
       v.posts_per_page = $prefs.readonly.posts_per_page
@@ -176,6 +192,8 @@ export default {
       ]
     })
 
+    watch(() => v.boards, () => v.allBoards = initAllBoards(v.boards, v.allBoards))
+
     return { ...toRefs(v), resetLimitPrefs, saveLimitPrefs, resetTimezonePrefs, saveTimezonePrefs, timezonePrefsValid, togglePatroller, toggleIgnoredBoard }
   }
 }