From e3d01df6a2503de71ee5fa65ed8f547653b2dcf4 Mon Sep 17 00:00:00 2001
From: Baris Soner Usakli <barisusakli@gmail.com>
Date: Sun, 23 Feb 2014 21:50:02 -0500
Subject: [PATCH] closes #980

---
 public/src/app.js            | 20 +++++++++++++++++---
 public/src/forum/account.js  |  7 ++++++-
 public/src/forum/users.js    | 12 +++++++-----
 public/src/modules/chat.js   |  6 +++++-
 public/templates/account.tpl |  2 +-
 public/templates/chat.tpl    |  2 +-
 public/templates/users.tpl   |  2 +-
 7 files changed, 38 insertions(+), 13 deletions(-)

diff --git a/public/src/app.js b/public/src/app.js
index f7734ab588..9006a23df8 100644
--- a/public/src/app.js
+++ b/public/src/app.js
@@ -290,9 +290,14 @@ var socket,
 				var el = jQuery(this),
 					uid = el.parents('li').attr('data-uid');
 
-				if (uid && users[uid]) {
-					el.siblings('i').attr('class', 'fa fa-circle status ' + users[uid].status)
-				}
+				translator.translate('[[global:' + users[uid].status + ']]', function(translated) {
+					if (uid && users[uid]) {
+						el.siblings('i')
+							.attr('class', 'fa fa-circle status ' + users[uid].status)
+							.attr('title', translated)
+							.attr('data-original-title', translated);
+					}
+				});
 			});
 		});
 	};
@@ -325,6 +330,13 @@ var socket,
 		});
 	};
 
+	app.createStatusTooltips = function() {
+		$('body').tooltip({
+			selector:'.fa-circle.status',
+			placement: 'top'
+		});
+	}
+
 	app.makeNumbersHumanReadable = function(elements) {
 		elements.each(function() {
 			$(this).html(utils.makeNumberHumanReadable($(this).attr('title')));
@@ -343,6 +355,8 @@ var socket,
 
 		app.createUserTooltips();
 
+		app.createStatusTooltips();
+
 		setTimeout(function () {
 			window.scrollTo(0, 1); // rehide address bar on mobile after page load completes.
 		}, 100);
diff --git a/public/src/forum/account.js b/public/src/forum/account.js
index 145e21bf3e..41f1310b62 100644
--- a/public/src/forum/account.js
+++ b/public/src/forum/account.js
@@ -89,7 +89,12 @@ define(['forum/accountheader'], function(header) {
 			return;
 		}
 
-		onlineStatus.attr('class', 'account-online-status fa fa-circle status ' + data.status);
+		translator.translate('[[global:' + data.status + ']]', function(translated) {
+			onlineStatus.attr('class', 'account-online-status fa fa-circle status ' + data.status)
+				.attr('title', translated)
+				.attr('data-original-title', translated);
+		});
+
 	};
 
 	return Account;
diff --git a/public/src/forum/users.js b/public/src/forum/users.js
index 5e780b4670..e0af14faf7 100644
--- a/public/src/forum/users.js
+++ b/public/src/forum/users.js
@@ -111,12 +111,14 @@ define(function() {
 				users: users
 			});
 
-			if(emptyContainer) {
-				$('#users-container .registered-user').remove();
-			}
+			translator.translate(html, function(translated) {
+				if(emptyContainer) {
+					$('#users-container .registered-user').remove();
+				}
 
-			$('#users-container').append(html);
-			$('#users-container .anon-user').appendTo($('#users-container'));
+				$('#users-container').append(translated);
+				$('#users-container .anon-user').appendTo($('#users-container'));
+			});
 		}
 
 		function loadMoreUsers() {
diff --git a/public/src/modules/chat.js b/public/src/modules/chat.js
index c874b330b1..cf99aa1d5c 100644
--- a/public/src/modules/chat.js
+++ b/public/src/modules/chat.js
@@ -91,7 +91,11 @@ define(['taskbar', 'string'], function(taskbar, S) {
 
 	function checkStatus(chatModal) {
 		socket.emit('user.isOnline', chatModal.touid, function(err, data) {
-			$('#chat-user-status').attr('class', 'fa fa-circle status ' + data.status);
+			translator.translate('[[global:' + data.status + ']]', function(translated) {
+				$('#chat-user-status').attr('class', 'fa fa-circle status ' + data.status)
+					.attr('title', translated)
+					.attr('data-original-title', translated);
+			});
 		});
 	}
 
diff --git a/public/templates/account.tpl b/public/templates/account.tpl
index 683b1c42f6..dac12502d9 100644
--- a/public/templates/account.tpl
+++ b/public/templates/account.tpl
@@ -17,7 +17,7 @@
 					<div>
 						<div>
 							<span>
-								<i class="account-online-status fa fa-circle status offline"></i>
+								<i class="account-online-status fa fa-circle status offline" title="[[global:{status}]]"></i>
 								<span class="account-username"> {username}</span>
 							</span>
 						</div>
diff --git a/public/templates/chat.tpl b/public/templates/chat.tpl
index 8cc01343d8..8a7653651c 100644
--- a/public/templates/chat.tpl
+++ b/public/templates/chat.tpl
@@ -4,7 +4,7 @@
 		<div class="modal-content">
 			<div class="modal-header">
 
-				<h4>[[modules:chat.chatting_with]] <i id="chat-user-status" class="fa fa-circle status offline"></i></h4>
+				<h4>[[modules:chat.chatting_with]] <i id="chat-user-status" class="fa fa-circle status offline" title="[[global:offline]]"></i></h4>
 
 			</div>
 			<div class="modal-body">
diff --git a/public/templates/users.tpl b/public/templates/users.tpl
index 5f02ada4cf..e2a8214bc5 100644
--- a/public/templates/users.tpl
+++ b/public/templates/users.tpl
@@ -25,7 +25,7 @@
 			<br/>
 			<div class="user-info">
 				<span>
-					<i class="fa fa-circle status {users.status}"></i>
+					<i class="fa fa-circle status {users.status}" title="[[global:{users.status}]]"></i>
 					<a href="{relative_path}/user/{users.userslug}">{users.username}</a>
 				</span>
 				<br/>