Change history button text while loading

client/js/lounge.js

@@ -708,7 +708,11 @@ $(function() {
 		var self = $(this);
 		var lastMessage = self.parent().next(".messages").children(".msg").first();
 		var lastMessageId = parseInt(lastMessage[0].id.replace("msg-", ""), 10);
-		self.prop("disabled", true);
+
+		self
+			.text("Loading older messages…")
+			.prop("disabled", true);
+
 		socket.emit("more", {
 			target: self.data("id"),
 			lastId: lastMessageId

client/js/socket-events/more.js

@@ -58,5 +58,7 @@ socket.on("more", function(data) {
 		lastDate = msgDate;
 	});
 
-	scrollable.find(".show-more-button").prop("disabled", false);
+	scrollable.find(".show-more-button")
+		.text("Show older messages")
+		.prop("disabled", false);
 });

client/views/chat.tpl

@@ -13,9 +13,7 @@
 	</div>
 	<div class="chat">
 		<div class="show-more {{#equal messages.length 100}}show{{/equal}}">
-			<button class="show-more-button" data-id="{{id}}">
-				Show older messages
-			</button>
+			<button class="show-more-button" data-id="{{id}}">Show older messages</button>
 		</div>
 		<div class="messages"></div>
 	</div>