Added counts to each category

Counts update on certain events and show or hide various elements
Fixed various little ui element issues

fixes #6

client/src/components/AttachmentDisplayCard.vue

@@ -192,6 +192,7 @@
 						this.unfolded = false
 						setTimeout( () => {
 							this.visible = false
+							this.$store.dispatch('fetchAndUpdateUserTotals')
 						}, 600)
 					}
 				})

client/src/components/FileUploadButton.vue

@@ -68,6 +68,7 @@
 						const imageCode = `<img alt="image" src="/api/static/thumb_${location}">`
 
 						this.$bus.$emit('new_file_upload', {noteId: this.noteId, imageCode})
+						this.$store.dispatch('fetchAndUpdateUserTotals')
 					}
 				})
 				.catch(results => {

client/src/components/GlobalSiteMenu.vue

@@ -154,6 +154,7 @@
 			<div class="menu-section" v-if="loggedIn">
 				<router-link exact-active-class="active" class="menu-item menu-button" to="/notes" v-on:click.native="emitReloadEvent()">
 					<i class="file outline icon"></i>Notes
+					<!-- <span v-if="$store.getters.totals">{{ $store.getters.totals['totalNotes'] }}</span> -->
 				</router-link>
 				<div>
 					<!-- <div class="menu-item sub">Show Only <i class="caret down icon"></i></div> -->
@@ -163,21 +164,10 @@
 				</div>
 			</div>
 
-			<div class="menu-section" v-if="loggedIn">
-				<div v-on:click="updateFastFilters(3)" class="menu-item menu-button">
-					<i class="mail outline icon"></i>Inbox
-				</div>
-			</div>
-
-			<div class="menu-section" v-if="loggedIn">
-				<div v-on:click="updateFastFilters(2)" class="menu-item menu-button">
-					<i class="hdd outline icon"></i>Archived
-				</div>
-			</div>
-
-			<div class="menu-section" v-if="loggedIn">
+			<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
+					<!-- <span>{{ $store.getters.totals['totalFiles'] }}</span> -->
 				</router-link>
 			</div>
 
@@ -242,6 +232,8 @@
 			this.mobile = this.$store.getters.getIsUserOnMobile
 			this.collapsed = this.$store.getters.getIsUserOnMobile
 
+			// {{ totals['totalNotes'] }}
+
 			if(this.mobile){
 				this.menuOpen = false
 			}

client/src/components/NoteDeleteButtonComponent.vue

@@ -30,6 +30,7 @@
 				axios.post('/api/note/delete', {'noteId':this.noteId}).then(response => {
 					if(response.data == true){
 						this.$bus.$emit('note_deleted', this.noteId)
+						this.$store.dispatch('fetchAndUpdateUserTotals')
 					}
 				})
 			},

client/src/components/NoteInputPanel.vue

@@ -202,6 +202,7 @@
 				loading: true,
 				loadingMessage: 'Loading Note',
 				currentNoteId: 0,
+				modified: false,
 				noteText: '',
 				rawTextId: 0,
 				shareUsername: null,
@@ -873,21 +874,16 @@
 						'archived':this.archived,
 					}
 
-					let vm = this
-					//Debounce save to prevent spamming
-					// clearTimeout(this.saveDebounce)
-					// this.saveDebounce = setTimeout(() => {
-						//Only notify user if saving - may help with debugging in the future
-						vm.statusText = 'Saving'
-						axios.post('/api/note/update', postData).then( response => {
-							vm.statusText = 'Saved'
-							vm.updated = Math.round((+new Date)/1000)
+					this.statusText = 'Saving'
+					axios.post('/api/note/update', postData).then( response => {
+						this.statusText = 'Saved'
+						this.updated = Math.round((+new Date)/1000)
+						this.modified = true
 
-							//Update last saved note hash
-							vm.lastNoteHash = vm.hashString( currentNoteText )
-							return resolve(true)
-						})
-					// }, 300)
+						//Update last saved note hash
+						this.lastNoteHash = this.hashString( currentNoteText )
+						return resolve(true)
+					})
 				})
 			},
 			checkForUpdatedNote(){
@@ -949,7 +945,9 @@
 					this.sizeDown = true
 					//This timeout allows animation to play before closing 
 					setTimeout(() => {
-						this.$bus.$emit('close_active_note', {position: this.position, noteId: this.noteid})
+						this.$bus.$emit('close_active_note', {
+							position: this.position, noteId: this.noteid, modified: this.modified
+						})
 						return
 					}, 300)
 				})

client/src/components/SearchInput.vue

@@ -1,6 +1,9 @@
 <template>
 	<div class="ui form">
-		<input v-model="searchTerm" @keyup="searchKeyUp" @:keyup.enter="search" placeholder="Search Notes and Files" />
+		<div class="ui left icon fluid input">
+			<input v-model="searchTerm" @keyup="searchKeyUp" @:keyup.enter="search" placeholder="Search Notes and Files" />
+			<i class="search icon"></i>
+		</div>
 	</div>
 </template>
 

client/src/components/SideSlideMenuComponent.vue

@@ -128,7 +128,6 @@
 
 			if(this.styleObject && this.styleObject.noteBackground){
 				this.bgColor = this.styleObject.noteBackground
-				console.log(this.bgColor)
 			}