✨ Site > File Tree > Add All read button

site/src/components/files-tree/script.js

@@ -36,6 +36,29 @@ export default
         onSearchValueChange(value)
         {
             this.$store.commit('searchFile', value)
+        },
+
+        onAllReadClick()
+        {
+            // Go through each folder and file
+            const eachFolder = (obj) =>
+            {
+                for(const folder of obj.folders)
+                {
+                    eachFolder(folder)
+                }
+                if(obj.files)
+                {
+                    for(const file of obj.files)
+                    {
+                        // Update changed and new properties
+                        file.isChanged = false
+                        file.isNew = false
+                    }
+                }
+            }
+
+            eachFolder(this.files)
         }
     }
 }

site/src/components/files-tree/template.html

@@ -1,4 +1,7 @@
 <div>
     <input type="text" v-model="searchValue">
     <files-tree-folder v-for="folder of files.folders" :key="+ new Date()" :content="folder" :depth="0"></files-tree-folder>
+    <div>
+    	<a href="#" class="all-read" @click.prevent="onAllReadClick">Mark all as read</a>
+    </div>
 </div>