Yadciel/Titan
1
0
Fork 0
mirror of https://github.com/TitanEmbeds/Titan.git synced 2024-11-15 02:21:21 +01:00
Code Issues Packages Projects Releases Wiki Activity

Small fetching indicator

Browse Source
This commit is contained in:
Jeremy Zhang 2017-04-26 19:12:35 +00:00
parent 22a906f259
commit 94d89f58ac
3 changed files with 21 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
titanembeds/static/css/embedstyle.css
View File

@ -177,3 +177,11 @@ background-color: #546e7a;
a { a {
color: #82b1ff; color: #82b1ff;
} }
#fetching-indicator {
position: absolute;
right: 1vw;
bottom: 13px;
width: 25px;
height: 25px;
}

2
titanembeds/static/js/embed.js
View File

@ -407,6 +407,7 @@
var channel_id = selected_channel; var channel_id = selected_channel;
var fet; var fet;
var jumpscroll; var jumpscroll;
$("#fetching-indicator").fadeIn(800);
if (last_message_id == null) { if (last_message_id == null) {
$("#chatcontent").empty(); $("#chatcontent").empty();
fet = fetch(channel_id); fet = fetch(channel_id);
@ -454,6 +455,7 @@
}); });
fet.always(function() { fet.always(function() {
currently_fetching = false; currently_fetching = false;
$("#fetching-indicator").fadeOut(800);
}); });
} }

11
titanembeds/templates/embed.html.j2
View File

@ -91,6 +91,17 @@
</div> </div>
<footer id="footer" class="footer"> <footer id="footer" class="footer">
<div id="fetching-indicator" class="preloader-wrapper small active" style="display: none;">
<div class="spinner-layer spinner-blue-only">
<div class="circle-clipper left">
<div class="circle"></div>
</div><div class="gap-patch">
<div class="circle"></div>
</div><div class="circle-clipper right">
<div class="circle"></div>
</div>
</div>
</div>
<div id="footercontainer" class="footercontainer"> <div id="footercontainer" class="footercontainer">
<div class="currentuserchip left" id="nameplate"> <div class="currentuserchip left" id="nameplate">
<div class="left"><img id="currentuserimage" src="" class="circle left currentuserimage" style="display: none;"></div> <div class="left"><img id="currentuserimage" src="" class="circle left currentuserimage" style="display: none;"></div>