* 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/AttachmentDisplayCard.vue

@@ -98,7 +98,12 @@
 			</div>
 
 			<div class="ten wide column">
-				<textarea ref="edit" class="text" v-on:blur="saveIt()" v-on:keyup="checkKeyup" v-model="text"></textarea>
+				<textarea ref="edit" class="text" v-on:blur="saveIt()" v-on:keyup="checkKeyup" 
+					v-model="text"
+					v-on:focus="showSave = true"
+				></textarea>
+
+				<div v-if="showSave" class="ui green button">Save</div>
 
 				<!-- link -->
 				<a class="link" :href="linkUrl" target="_blank">{{linkText}}</a>
@@ -139,6 +144,7 @@
 
 				unfolded:true,
 				visible: true,
+				showSave: false,
 
 				working: false,
 			}
@@ -199,6 +205,8 @@
 			},
 			saveIt(){
 
+				this.showSave = false
+
 				//Don't save text if it didn'th change
 				if(this.item.text == this.text){
 					return 

client/src/components/GlobalSiteMenu.vue

@@ -166,7 +166,7 @@
 
 			<div class="menu-section" v-if="loggedIn && $store.getters.totals && $store.getters.totals['totalFiles']">
 				<router-link class="menu-item menu-button" exact-active-class="active" to="/attachments">
-					<i class="folder open outline icon"></i>Files
+					<i class="open folder outline icon"></i>Files
 					<counter class="float-right" number-id="totalFiles" />
 				</router-link>
 			</div>
@@ -233,11 +233,13 @@
 			this.mobile = this.$store.getters.getIsUserOnMobile
 			this.collapsed = this.$store.getters.getIsUserOnMobile
 
-			// {{ totals['totalNotes'] }}
-
 			if(this.mobile){
 				this.menuOpen = false
 			}
+
+			if(this.loggedIn){
+				this.$store.dispatch('fetchAndUpdateUserTotals')
+			}
 			
 		},
 		computed: {

client/src/components/NoteInputPanel.vue

@@ -582,8 +582,10 @@
 
 				// simple function that trys to evaluate javascript
 				const shittyMath = (string) => {
+					//Remove all chars but math chars
+					const cleanString = String(string).replace(/[a-zA-Z\s]*/g,'')
 					try {
-						return Function('"use strict"; return (' + string + ')')();
+						return Function('"use strict"; return (' + cleanString + ')')();
 					} catch (error) {
 						console.log('Math Error: ', string)
 						return null
@@ -596,8 +598,7 @@
 					const line = node.innerText.trim()
 
 					// = sign exists and its the last character in the string
-					let equalLocation = line.indexOf('=')
-					if(equalLocation != -1 && (line.length-1) == equalLocation ){
+					if(line.indexOf('=') != -1 && (line.length-1) == line.indexOf('=')){
 
 						//Pull out everything before the formula and try to evaluate it
 						const formula = line.split('=').shift()
@@ -607,6 +608,7 @@
 						if(!isNaN(output) && output != null){
 
 							//Since there is HTML in the line, splice in the number after the = sign
+							let equalLocation = node.innerHTML.indexOf('=')
 							let newLine = node.innerHTML.slice(0, equalLocation+1).trim()
 							newLine += ` ${output}`
 							newLine += node.innerHTML.slice(equalLocation+1).trim()

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

client/src/components/SimpleAttachmentNoteComponent.vue

@@ -87,7 +87,8 @@
 
 		},
 		mounted(){
-			axios.post('/api/attachment/search', {'attachmentType':2})
+
+			axios.post('/api/attachment/search', {'attachmentType':'files', 'setSize':1000})
 			.then( ({data}) => {
 
 				//Sort files into two categories