Make discussion count jump to last when read

framework/core/ember/app/components/discussions/discussion-listing.js

@@ -25,6 +25,10 @@ export default Ember.Component.extend({
 		return this.get('countType') === 'unread' && this.get('discussion.isUnread');
 	}.property('countType', 'discussion.isUnread'),
 
+	countTitle: function() {
+		return this.get('discussion.isUnread') ? 'Mark as Read' : 'Jump to Last';
+	}.property('discussion.isUnread'),
+
 	displayLastPost: function() {
 		return this.get('terminalPostType') === 'last' && this.get('discussion.repliesCount');
 	}.property('terminalPostType', 'discussion.repliesCount'),
@@ -56,10 +60,6 @@ export default Ember.Component.extend({
 			$this.animate({opacity: 1}, 'fast');
 		}, 100);
 
-		if (this.get('discussion.isUnread')) {
-			this.$().find('.count').tooltip({container: 'body'});
-		}
-
 		// var view = this;
 		// this.$().find('a.info').click(function() {
 			
@@ -148,6 +148,13 @@ export default Ember.Component.extend({
 			if ( ! this.get('controls.length')) {
 				this.trigger('populateControls', this.get('controls'));
 			}
+		},
+
+		markAsRead: function() {
+			if (this.get('discussion.isUnread')) {
+				window.event.stopPropagation();
+				this.sendAction('markAsRead', this.get('discussion'));
+			}
 		}
 	}
 	

framework/core/ember/app/styles/flarum/index.less

@@ -233,6 +233,8 @@
 		text-transform: uppercase;
 		color: @fl-body-muted-color;
 		font-size: 11px;
+		cursor: pointer;
+		text-decoration: none;
 
 		& strong {
 			font-size: 20px;
@@ -242,7 +244,6 @@
 		.unread&, .unread& strong {
 			color: @fl-body-heading-color;
 			font-weight: bold;
-			cursor: pointer;
 		}
 	}
 }

framework/core/ember/app/templates/components/discussions/discussion-listing.hbs

@@ -26,13 +26,15 @@
 	</span>
 {{/link-to}}
 
-<div class="count" title="Mark as Read" {{action "markAsRead"}}>
+{{#link-to "discussion" discussion.content (query-params start=discussion.lastPostNumber) current-when=null class="count" title=countTitle}}
-	{{#if displayUnread}}
+	<span {{action "markAsRead"}}>
-		<strong>{{abbreviate-number discussion.unreadCount}}</strong> unread
+		{{#if displayUnread}}
-	{{else}}
+			<strong>{{abbreviate-number discussion.unreadCount}}</strong> unread
-		<strong>{{abbreviate-number discussion.repliesCount}}</strong> replies
+		{{else}}
-	{{/if}}
+			<strong>{{abbreviate-number discussion.repliesCount}}</strong> replies
-</div>
+		{{/if}}
+	</span>
+{{/link-to}}
 
 {{#if relevantPosts}}
 	<div class="relevant-posts">

framework/core/ember/app/templates/index.hbs

@@ -30,7 +30,8 @@
 						discussion=discussion
 						searchQuery=searchQuery
 						terminalPostType=terminalPostType
-						countType=countType}}
+						countType=countType
+						markAsRead="markAsRead"}}
 				{{/each}}
 			</ul>