From e0a7cbdf96b893fb0ff1afcc5d9eadd300468e41 Mon Sep 17 00:00:00 2001
From: Alicia Sykes <sykes.alicia@gmail.com>
Date: Sun, 24 Oct 2021 13:31:13 +0100
Subject: [PATCH] :zap: Adds index to section itterator, for editing

---
 src/views/Home.vue | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/src/views/Home.vue b/src/views/Home.vue
index ccfac14b..378cdcdb 100644
--- a/src/views/Home.vue
+++ b/src/views/Home.vue
@@ -31,6 +31,7 @@
       <Section
         v-for="(section, index) in filteredTiles"
         :key="index"
+        :index="index"
         :title="section.name"
         :icon="section.icon || undefined"
         :displayData="getDisplayData(section)"
@@ -48,7 +49,9 @@
     <div v-if="checkIfResults()" class="no-data">
       {{searchValue ? $t('home.no-results') : $t('home.no-data')}}
     </div>
+    <!-- Show banner at bottom of screen, for Saving config changes -->
     <EditModeSaveMenu v-if="isEditMode" />
+    <!-- Modal for viewing and exporting configuration file -->
     <ExportConfigMenu />
   </div>
 </template>
@@ -116,6 +119,7 @@ export default {
       // Otherwise, return the usuall data from conf.yml
       return this.sections;
     },
+    /* Return all sections, that match users search term */
     filteredTiles() {
       const sections = this.singleSectionView || this.allSections;
       return sections.filter((section) => this.filterTiles(section.items, this.searchValue));