edited icon hover text

less/topic.less

@@ -214,7 +214,7 @@
 		> li {
 			position: relative;
 
-			.status {
+			.edit-icon, .status {
 				vertical-align: -2%;
 			}
 

lib/persona.js

@@ -4,6 +4,7 @@
 
 $(document).ready(function() {
 	setupSlideMenu();
+	setupEditedByIcon();
 
 	var env = utils.findBootstrapEnvironment();
 
@@ -75,7 +76,6 @@ $(document).ready(function() {
 			}
 		});
 
-
 		function createChatIcon(data) {
 			data.options.icon = 'fa-spinner fa-spin';
 
@@ -92,5 +92,31 @@ $(document).ready(function() {
 		}
 	}
 
+	function setupEditedByIcon() {
+		function activateEditedTooltips() {
+			$('[data-pid] [component="post/editor"]').each(function() {
+				var el = $(this);
+
+				if (!el.attr('data-editor')) {
+					return;
+				}
+
+				icon = el.parents('[data-pid]').find('.edit-icon');
+				icon.prop('title', el.text()).tooltip('fixTitle').removeClass('hidden');
+			});
+		}
+
+		$(window).on('action:posts.edited', function(ev, data) {
+			var parent = $('[data-pid="' + data.post.pid + '"]'),
+				icon = parent.find('.edit-icon'),
+				el = parent.find('[component="post/editor"]');
+
+			icon.prop('title', el.text()).tooltip('fixTitle').removeClass('hidden');
+		});
+
+		$(window).on('action:topic.loaded', activateEditedTooltips);
+		$(window).on('action:posts.loaded', activateEditedTooltips);
+	}
+
 
 });

templates/partials/topic/post-editor.tpl

@@ -1 +1 @@
-<small component="post/editor" class="pull-right <!-- IF !editor.username -->hidden<!-- ENDIF !editor.username -->">[[global:last_edited_by_ago, <strong><a href="{config.relative_path}/user/{editor.userslug}">{editor.username}</a></strong>, <span class="timeago" title="{relativeEditTime}"></span>]]</small>
+<small data-editor="{editor.userslug}" component="post/editor" class="hidden">[[global:last_edited_by_ago, <strong>{editor.username}</strong>, <span class="timeago" title="{relativeEditTime}"></span>]]</small>

templates/partials/topic/post.tpl

@@ -18,6 +18,7 @@
 
 		<div class="visible-xs-block visible-sm-inline-block visible-md-inline-block visible-lg-inline-block">
 			[[global:posted_ago, <a class="permalink" href="{config.relative_path}/topic/{slug}/{function.getBookmarkFromIndex}"><span class="timeago" title="{posts.relativeTime}"></span></a>]]
+			<i class="fa fa-pencil-square pointer edit-icon <!-- IF !posts.editor.username -->hidden<!-- ENDIF !posts.editor.username -->"></i>
 
 			<span class="post-tools">
 				<a component="post/reply" class="no-select <!-- IF !privileges.topics:reply -->hidden<!--ENDIF !privileges.topics:reply -->">[[topic:reply]]</a>
@@ -59,7 +60,7 @@
 </div>
 
 
-<small component="post/editor" class="pull-right <!-- IF !posts.editor.username -->hidden<!-- ENDIF !posts.editor.username -->">[[global:last_edited_by_ago, <strong><a href="{config.relative_path}/user/{posts.editor.userslug}">{posts.editor.username}</a></strong>, <span class="timeago" title="{posts.relativeEditTime}"></span>]]</small>
+<small data-editor="{posts.editor.userslug}" component="post/editor" class="hidden">[[global:last_edited_by_ago, <strong>{posts.editor.username}</strong>, <span class="timeago" title="{posts.relativeEditTime}"></span>]]</small>
 
 
 <hr />