* Fixed a bunch of little bugs

* Added more options to attachment page and filters
* Much better rendering and updating on attachment page
* Math bug is fixed with better string parsing fixes #14
* Icons are limited to 4 per note
* If an image is visible on note preview it will not appear in images preview
* Touched up text algorithm to better display note titles

client/src/components/NoteTitleDisplayCard.vue

@@ -66,9 +66,9 @@
 							<delete-button :class="{ 'hover-hide':(!$store.getters.getIsUserOnMobile) }" :note-id="note.id" />
 						</div>
 
-						<div class="row" v-if="note.thumbs">
+						<div class="row" v-if="getThumbs.length > 0">
 							<div class="tiny-thumb-box" v-on:click="openEditAttachment">
-								<img v-for="thumb in note.thumbs.split(',').reverse()" class="tiny-thumb" :src="`/api/static/thumb_${thumb}`">
+								<img v-for="thumb in getThumbs" class="tiny-thumb" :src="`/api/static/thumb_${thumb}`">
 							</div>
 						</div>
 
@@ -118,6 +118,30 @@
 				iconColor: null,
 			}
 		},
+		computed: {
+			getThumbs(){
+				if(!this.note.thumbs){
+					return []
+				}
+
+				let notDisplaying = []
+
+				//Remove images displaying in text from the thumbnails
+				this.note.thumbs.forEach( path => {
+
+					const titleLocation = String(this.note.title).indexOf(path)
+					const subtextLocation = String(this.note.subtext).indexOf(path)
+
+					if(titleLocation != -1 || subtextLocation != -1){
+						return
+					}
+
+					notDisplaying.push(path)
+				})
+
+				return notDisplaying
+			}
+		},
 		beforeMount(){
 
 			this.note = this.data