Update

* Added more version icons
* Added working sign to notes when archived or tagged
* Big sexy marketing update
* Clicking Tags now opens them in their tag category

client/src/components/NoteTitleDisplayCard.vue

@@ -1,7 +1,7 @@
 <template>
 	<div class="note-title-display-card" 
 		:style="{'background-color':color, 'color':fontColor, 'border-color':color }"
-		:class="{'currently-open':currentlyOpen, 'bgboy':triggerClosedAnimation, 'title-view':titleView }"
+		:class="{'currently-open':(currentlyOpen || showWorking), 'bgboy':triggerClosedAnimation, 'title-view':titleView }"
 	>
 
 
@@ -19,7 +19,7 @@
 					</span>
 				</span>
 
-				<span v-if="note.title == '' && note.subtext == '' && note.encrypted == 0">
+				<span v-if="note.title == '' && note.subtext == ''">
 					Empty Note
 				</span>
 
@@ -62,7 +62,7 @@
 				<div class="icon-bar">
 					
 					<span class="tags" v-if="note.tags">
-						<span  v-for="tag in (note.tags.split(','))" class="little-tag">{{ tag }}</span>
+						<span  v-for="tag in (note.tags.split(','))" class="little-tag" v-on:click="$emit('tagClick', tag.split(':')[1] )">{{ tag.split(':')[0] }}</span>
 						<br>
 					</span>
 
@@ -177,14 +177,19 @@
 				this.$router.push('/attachments/note/'+this.note.id)
 			},
 			pinNote(){ //togglePinned() <- old name
+				this.showWorking = true
 				let postData = {'pinned': !this.note.pinned, 'noteId':this.note.id}
 				axios.post('/api/note/setpinned', postData)
 				.then(data => {
+					this.showWorking = false
 					// this.$bus.$emit('update_single_note', this.note.id)
 				})
 				.catch(error => { this.$bus.$emit('notification', 'Failed to Pin Note') })
 			},
 			archiveNote(){ //toggleArchived() <- old name
+
+				this.showWorking = true
+
 				let postData = {'archived': !this.note.archived, 'noteId':this.note.id}
 				axios.post('/api/note/setarchived', postData)
 				.then(data => {
@@ -201,6 +206,9 @@
 				.catch(error => { this.$bus.$emit('notification', 'Failed to Archive Note') })
 			},
 			trashNote(){ //toggleArchived() <- old name
+
+				this.showWorking = true
+
 				let postData = {'trashed': !this.note.trashed, 'noteId':this.note.id}
 				axios.post('/api/note/settrashed', postData)
 				.then(data => {
@@ -256,6 +264,7 @@
 				beenClicked: false,
 				showTagSlideMenu: false,
 				triggerClosedAnimation: false, //Show just closed animation
+				showWorking: false
 			}
 		},
 		computed: {
@@ -524,7 +533,7 @@
 		height: calc(100% + 30px);
 	}
 	.currently-open:after {
-		content: 'Open';
+		content: '...';
 		position: absolute;
 		cursor: default;
 		top: 0;