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

Message fetch handling

Browse Source
This commit is contained in:
Jeremy Zhang 2017-04-05 03:46:48 +00:00
parent 2647021bf7
commit 6791f2b29b
2 changed files with 56 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -4,6 +4,20 @@
/* global guild_id */
var logintimer; // timer to keep track of user inactivity after hitting login
var last_message_id;
function element_in_view(element, fullyInView) {
var pageTop = $(window).scrollTop();
var pageBottom = pageTop + $(window).height();
var elementTop = $(element).offset().top;
var elementBottom = elementTop + $(element).height();
if (fullyInView === true) {
return ((pageTop < elementTop) && (pageBottom > elementBottom));
} else {
return ((elementTop <= pageBottom) && (elementBottom >= pageTop));
}
}
function resize_messagebox() {
var namebox_width = $("#nameplate").outerWidth(true);
@ -52,7 +66,6 @@ function fetch(channel_id, after=null) {
$(function(){
resize_messagebox();
$("#loginmodal").modal({
dismissible: false, // Modal can be dismissed by clicking outside of the modal
opacity: .5, // Opacity of modal background
@ -178,13 +191,40 @@ function _wait_for_discord_login(index) {
}, 5000);
}
function fill_discord_messages(messages, jumpscroll) {
if (messages.length == 0) {
return last_message_id;
}
var last = 0;
var template = $('#mustache_usermessage').html();
Mustache.parse(template);
for (var i = messages.length-1; i >= 0; i--) {
var message = messages[i];
var rendered = Mustache.render(template, {"id": message.id, "full_timestamp": message.timestamp, "time": message.timestamp, "username": message.author.username, "discriminator": message.author.discriminator, "content": message.content});
$("#chatcontent").append(rendered);
last = message.id;
}
$("html, body").animate({ scrollTop: $(document).height() }, "slow");
return last;
}
function run_fetch_routine() {
var channel_id = guild_id; //TODO: implement channel selector
var fet = fetch(channel_id);
var fet;
var jumpscroll;
if (last_message_id == null) {
$("#chatcontent").empty();
fet = fetch(channel_id);
jumpscroll = true;
} else {
fet = fetch(channel_id, last_message_id);
jumpscroll = element_in_view($('#discordmessage_'+last_message_id), true);
}
fet.done(function(data) {
console.log(data);
var status = data.status;
update_embed_userchip(status.authenticated, status.avatar, status.username, status.user_id);
last_message_id = fill_discord_messages(data.messages, jumpscroll);
var guild = query_guild();
guild.done(function(guildobj) {
fill_channels(guildobj.channels);
@ -201,10 +241,11 @@ function run_fetch_routine() {
} else if (data.status == 401) {
$('#loginmodal').modal('open');
Materialize.toast('Session expired! You have been logged out.', 10000);
} else {
setTimeout(run_fetch_routine, 10000);
}
});
fet.catch(function(data) {
setTimeout(run_fetch_routine, 10000);
});
}
function update_embed_userchip(authenticated, avatar, username, userid) {
@ -216,6 +257,7 @@ function update_embed_userchip(authenticated, avatar, username, userid) {
$("#currentuserimage").hide();
$("#currentusername").text(username + "#" + userid);
}
resize_messagebox();
}
$("#discordlogin_btn").click(function() {

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

@ -25,7 +25,7 @@
</nav>
</div>
<main>
<div class="chatcontent">
<div id="chatcontent" class="chatcontent">
<p><span title="March 31, 2017 3:30PM" class="chattimestamp">3:30PM</span> <span class="chatusername">EndenDragon#69420</span> Hello everyone!</p>
<p><span title="March 31, 2017 3:30PM" class="chattimestamp">3:30PM</span> <span class="chatusername">EndenDragon#69420</span> Hello everyone!</p>
<p><span title="March 31, 2017 3:30PM" class="chattimestamp">3:30PM</span> <span class="chatusername">EndenDragon#69420</span> Hello everyone!</p>
@ -121,7 +121,7 @@
</script>
<script id="mustache_usermessage" type="text/template">
<p><span title="March 31, 2017 3:30PM" class="chattimestamp">3:30PM</span> <span class="chatusername">EndenDragon#69420</span> Hello everyone!</p>
<p><span id="discordmessage_{{id}}" title="{{full_timestamp}}" class="chattimestamp">{{time}}</span> <span class="chatusername">{{username}}#{{discriminator}}</span> {{content}}</p>
</script>
{% endraw %}