✨ Site > File Tree > Add new and changed notifications

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

@@ -6,5 +6,7 @@
                 <span :style="matchingPositions.indexOf(key) !== -1 ? 'font-weight:bold;' : ''">{{ letter }}</span>
             </template>
         </span>
+        <span v-if="content.data.isNew" class="new">(new)</span>
+        <span v-if="content.data.isChanged && !content.data.isNew" class="changed">(changed)</span>
     </a>
 </div>

site/src/components/versions/script.js

@@ -54,6 +54,7 @@ export default
         {
             if(this.keepLatest)
             {
+                this.file.isChanged = false
                 this.$store.commit('setVersion', this.versions[0])
             }
         },
@@ -67,6 +68,7 @@ export default
         onVersionClick(version, index)
         {
             this.keepLatest = index === 0
+            this.file.isChanged = false
 
             this.$store.commit('setVersion', version)
         }

site/src/store/modules/files.js

@@ -17,12 +17,16 @@ export default {
 
             for(const file of data)
             {
+                file.isNew = false
+                file.isChanged = false
                 state.tree.addFile(file.path.full, file)
             }
         },
 
         createFile(state, data)
         {
+            data.isNew = true
+            data.isChanged = false
             state.tree.addFile(data.path.full, data)
         },
 
@@ -38,6 +42,8 @@ export default {
             if(!state.current || state.current.data.id !== file.data.id)
             {
                 state.current = file
+                state.current.data.isNew = false
+                state.current.data.isChanged = false
             }
         },
 
@@ -48,6 +54,7 @@ export default {
             if(file)
             {
                 file.data.versions.push(data.version)
+                file.data.isChanged = true
             }
         },