Nemcio/NodeBB
1
0
Fork 0
mirror of https://github.com/NodeBB/NodeBB.git synced 2025-11-10 16:05:49 +01:00
Code Issues Packages Projects Releases Wiki Activity

minimized the reconnect spinner to icon only, added bootstrap tooltip

Browse Source
This commit is contained in:
Julian Lam
2013-12-05 16:08:35 -05:00
parent 041e77f688
commit a65c79cb02
2 changed files with 8 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
public/src/app.js
View File

@@ -47,7 +47,8 @@ var socket,
socket.on('connect', function (data) {
if (reconnecting) {
reconnectEl.html('<i class="fa fa-check"></i> Connected!');
reconnectEl.tooltip('destroy');
reconnectEl.html('<i class="fa fa-check"></i>');
reconnecting = false;
setTimeout(function() {
@@ -74,8 +75,12 @@ var socket,
if (!reconnectEl) reconnectEl = $('#reconnect');
reconnecting = true;
if (!reconnectEl.hasClass('active')) reconnectEl.html('<i class="fa fa-spinner fa-spin"></i>');
reconnectEl.addClass('active');
reconnectEl.html('<i class="fa fa-spinner fa-spin"></i> Reconnecting...');
reconnectEl.tooltip({
placement: 'bottom'
});
});
socket.on('api:user.get_online_users', function (users) {

2
public/templates/header.tpl
View File

@@ -74,7 +74,7 @@
<ul id="logged-in-menu" class="nav navbar-nav navbar-right hide">
<li>
<a href="#" id="reconnect"></a>
<a href="#" id="reconnect" title="Connection to {title} has been lost, attempting to reconnect..."><i class="fa fa-check"></i></a>
</li>
<li>