Remove TinyMce Added Squire

client/src/pages/AttachmentsPage.vue

@@ -6,22 +6,35 @@
 				<h2 class="ui header">
 					<i class="folder icon"></i>
 						<div class="content">
-						Attachments
-						<div class="sub header">Files and scraped web pages from notes</div>
+						Files
+						<div class="sub header">Uploaded Files and Websites from notes.</div>
 					</div>
 				</h2>
 			</div>
 
-			<div class="ui segment" v-if="searchParams.noteId">
-				Showing Attachments for note. <div class="ui button" v-on:click="clearNote">Clear</div>
+			<div class="sixteen wide column" v-if="searchParams.noteId">
+				<div class="ui green button" v-on:click="clearNote">
+					<i class="chevron circle left icon"></i>
+					Show All Attachments
+				</div>
+				<div class="ui green button" v-on:click="openNote">
+					<i class="file icon"></i>
+					Open Note
+				</div>
 			</div>
 
-			<div class="ui basic segment">
-			<attachment-display 
-				v-for="item in attachments" 
-				:item="item"
-				:key="item.id"
-			/>
+			<div class="sixteen wide column" v-if="searchParams['noteId'] && attachments.length == 0">
+				<h3>There are no attachments for this note.</h3>
+				<h3>Attachments are links or files added to the note.</h3>
+			</div>
+
+			<div class="sixteen wide column">
+				<attachment-display 
+					v-for="item in attachments" 
+					:item="item"
+					:key="item.id"
+					:search-params="searchParams"
+				/>
 			</div>
 			
 		</div>
@@ -50,18 +63,30 @@
 		mounted: function(){
 
 			//Mount notes on load if note ID is set
-			if(this.$route.params && this.$route.params.id){
-				const inputNoteId = this.$route.params.id
-				this.searchParams['noteId'] = inputNoteId
-			}
-
+			this.openNoteAttachments()
 			this.searchAttachments()
 		},
+		watch:{
+			$route (to, from){
+				//Open or close notes on route change
+				this.openNoteAttachments()
+				this.searchAttachments()
+			}
+		},
 		methods: {
+			openNoteAttachments(){
+				if(this.$route.params && this.$route.params.id){
+					const inputNoteId = this.$route.params.id
+					this.searchParams['noteId'] = inputNoteId
+				}
+			},
+			openNote(){
+				const noteId = this.searchParams['noteId']
+				this.$router.push('/notes/open/'+noteId)
+			},
 			clearNote(){
 				this.$router.push('/attachments/')
 				delete this.searchParams.noteId
-				this.searchAttachments()
 			},
 			searchAttachments (){