mirror of
https://github.com/TitanEmbeds/Titan.git
synced 2024-11-15 02:21:21 +01:00
Wrap embed js in anonymous function
This commit is contained in:
Jeremy Zhang
parent
56dc12fcc2
commit
a0003388ae
@ -5,455 +5,460 @@
|
|||||||
/* global bot_client_id */
|
/* global bot_client_id */
|
||||||
/* global moment */
|
/* global moment */
|
||||||
|
|
||||||
var logintimer; // timer to keep track of user inactivity after hitting login
|
(function () {
|
||||||
var fetchtimeout; // fetch routine timer
|
var logintimer; // timer to keep track of user inactivity after hitting login
|
||||||
var last_message_id; // last message tracked
|
var fetchtimeout; // fetch routine timer
|
||||||
var selected_channel = guild_id; // user selected channel, defaults to #general channel
|
var last_message_id; // last message tracked
|
||||||
|
var selected_channel = guild_id; // user selected channel, defaults to #general channel
|
||||||
|
|
||||||
function element_in_view(element, fullyInView) {
|
function element_in_view(element, fullyInView) {
|
||||||
var pageTop = $(window).scrollTop();
|
var pageTop = $(window).scrollTop();
|
||||||
var pageBottom = pageTop + $(window).height();
|
var pageBottom = pageTop + $(window).height();
|
||||||
var elementTop = $(element).offset().top;
|
var elementTop = $(element).offset().top;
|
||||||
var elementBottom = elementTop + $(element).height();
|
var elementBottom = elementTop + $(element).height();
|
||||||
|
|
||||||
if (fullyInView === true) {
|
if (fullyInView === true) {
|
||||||
return ((pageTop < elementTop) && (pageBottom > elementBottom));
|
return ((pageTop < elementTop) && (pageBottom > elementBottom));
|
||||||
} else {
|
} else {
|
||||||
return ((elementTop <= pageBottom) && (elementBottom >= pageTop));
|
return ((elementTop <= pageBottom) && (elementBottom >= pageTop));
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
function query_guild() {
|
|
||||||
var funct = $.ajax({
|
|
||||||
dataType: "json",
|
|
||||||
url: "/api/query_guild",
|
|
||||||
data: {"guild_id": guild_id}
|
|
||||||
});
|
|
||||||
return funct.promise();
|
|
||||||
}
|
|
||||||
|
|
||||||
function create_authenticated_user() {
|
|
||||||
var funct = $.ajax({
|
|
||||||
method: "POST",
|
|
||||||
dataType: "json",
|
|
||||||
url: "/api/create_authenticated_user",
|
|
||||||
data: {"guild_id": guild_id}
|
|
||||||
});
|
|
||||||
return funct.promise();
|
|
||||||
}
|
|
||||||
|
|
||||||
function create_unauthenticated_user(username) {
|
|
||||||
var funct = $.ajax({
|
|
||||||
method: "POST",
|
|
||||||
dataType: "json",
|
|
||||||
url: "/api/create_unauthenticated_user",
|
|
||||||
data: {"username": username, "guild_id": guild_id}
|
|
||||||
});
|
|
||||||
return funct.promise();
|
|
||||||
}
|
|
||||||
|
|
||||||
function fetch(channel_id, after=null) {
|
|
||||||
var funct = $.ajax({
|
|
||||||
method: "GET",
|
|
||||||
dataType: "json",
|
|
||||||
url: "/api/fetch",
|
|
||||||
data: {"guild_id": guild_id,"channel_id": channel_id, "after": after}
|
|
||||||
});
|
|
||||||
return funct.promise();
|
|
||||||
}
|
|
||||||
|
|
||||||
function post(channel_id, content) {
|
|
||||||
var funct = $.ajax({
|
|
||||||
method: "POST",
|
|
||||||
dataType: "json",
|
|
||||||
url: "/api/post",
|
|
||||||
data: {"guild_id": guild_id, "channel_id": channel_id, "content": content}
|
|
||||||
});
|
|
||||||
return funct.promise();
|
|
||||||
}
|
|
||||||
|
|
||||||
$(function(){
|
|
||||||
$("#loginmodal").modal({
|
|
||||||
dismissible: false, // Modal can be dismissed by clicking outside of the modal
|
|
||||||
opacity: .5, // Opacity of modal background
|
|
||||||
inDuration: 300, // Transition in duration
|
|
||||||
outDuration: 200, // Transition out duration
|
|
||||||
startingTop: '4%', // Starting top style attribute
|
|
||||||
endingTop: '10%', // Ending top style attribute
|
|
||||||
}
|
|
||||||
);
|
|
||||||
|
|
||||||
var guild = query_guild();
|
|
||||||
guild.fail(function() {
|
|
||||||
$('#loginmodal').modal('open');
|
|
||||||
});
|
|
||||||
|
|
||||||
guild.done(function(data) {
|
|
||||||
initialize_embed(data);
|
|
||||||
//$('#loginmodal').modal('open');
|
|
||||||
});
|
|
||||||
});
|
|
||||||
|
|
||||||
function lock_login_fields() {
|
|
||||||
$("#loginProgress").show();
|
|
||||||
$("#discordlogin_btn").attr("disabled",true);
|
|
||||||
$("#custom_username_field").prop("disabled",true);
|
|
||||||
logintimer = setTimeout(function() {
|
|
||||||
unlock_login_fields();
|
|
||||||
}, 60000);
|
|
||||||
}
|
|
||||||
|
|
||||||
function unlock_login_fields() {
|
|
||||||
$("#loginProgress").hide();
|
|
||||||
$("#discordlogin_btn").attr("disabled",false);
|
|
||||||
$("#custom_username_field").prop("disabled",false);
|
|
||||||
clearTimeout(logintimer);
|
|
||||||
}
|
|
||||||
|
|
||||||
function initialize_embed(guildobj) {
|
|
||||||
$('#loginmodal').modal('close');
|
|
||||||
unlock_login_fields();
|
|
||||||
if (guildobj === undefined) {
|
|
||||||
var guild = query_guild();
|
|
||||||
guild.done(function(data) {
|
|
||||||
prepare_guild(data);
|
|
||||||
});
|
|
||||||
} else {
|
|
||||||
prepare_guild(guildobj);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
function prepare_guild(guildobj) {
|
|
||||||
fill_channels(guildobj.channels);
|
|
||||||
fill_discord_members(guildobj.discordmembers);
|
|
||||||
fill_authenticated_users(guildobj.embedmembers.authenticated);
|
|
||||||
fill_unauthenticated_users(guildobj.embedmembers.unauthenticated);
|
|
||||||
run_fetch_routine();
|
|
||||||
}
|
|
||||||
|
|
||||||
function fill_channels(channels) {
|
|
||||||
var template = $('#mustache_channellistings').html();
|
|
||||||
Mustache.parse(template);
|
|
||||||
$("#channels-list").empty();
|
|
||||||
for (var i = 0; i < channels.length; i++) {
|
|
||||||
var chan = channels[i];
|
|
||||||
if (chan.read) {
|
|
||||||
var rendered = Mustache.render(template, {"channelid": chan.channel.id, "channelname": chan.channel.name});
|
|
||||||
$("#channels-list").append(rendered);
|
|
||||||
if (chan.channel.id == selected_channel) {
|
|
||||||
if (chan.write) {
|
|
||||||
$("#messagebox").prop('disabled', false);
|
|
||||||
$("#messagebox").prop('placeholder', "Enter message");
|
|
||||||
} else {
|
|
||||||
$("#messagebox").prop('disabled', true);
|
|
||||||
$("#messagebox").prop('placeholder', "Messages is disabled in this channel.");
|
|
||||||
}
|
|
||||||
$("#channeltopic").text(chan.channel.topic);
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
$("#channel-"+selected_channel).parent().addClass("active");
|
|
||||||
}
|
|
||||||
|
|
||||||
function mention_member(member_id) {
|
function query_guild() {
|
||||||
if (!$('#messagebox').prop('disabled')) {
|
var funct = $.ajax({
|
||||||
$('#messagebox').val( $('#messagebox').val() + "[@" + member_id + "] " );
|
dataType: "json",
|
||||||
$('.button-collapse').sideNav('hide');
|
url: "/api/query_guild",
|
||||||
$("#messagebox").focus();
|
data: {"guild_id": guild_id}
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
function fill_discord_members(discordmembers) {
|
|
||||||
var template = $('#mustache_authedusers').html();
|
|
||||||
Mustache.parse(template);
|
|
||||||
$("#discord-members").empty();
|
|
||||||
for (var i = 0; i < discordmembers.length; i++) {
|
|
||||||
var member = discordmembers[i];
|
|
||||||
var rendered = Mustache.render(template, {"id": member.id.toString() + "d", "username": member.username, "avatar": member.avatar_url});
|
|
||||||
$("#discord-members").append(rendered);
|
|
||||||
$( "#discorduser-" + member.id.toString() + "d").click({"member_id": member.id.toString()}, function(event) {
|
|
||||||
mention_member(event.data.member_id);
|
|
||||||
});
|
});
|
||||||
|
return funct.promise();
|
||||||
}
|
}
|
||||||
}
|
|
||||||
|
|
||||||
function fill_authenticated_users(users) {
|
function create_authenticated_user() {
|
||||||
var template = $('#mustache_authedusers').html();
|
var funct = $.ajax({
|
||||||
Mustache.parse(template);
|
method: "POST",
|
||||||
$("#embed-discord-members").empty();
|
dataType: "json",
|
||||||
for (var i = 0; i < users.length; i++) {
|
url: "/api/create_authenticated_user",
|
||||||
var member = users[i];
|
data: {"guild_id": guild_id}
|
||||||
var rendered = Mustache.render(template, {"id": member.id.toString() + "a", "username": member.username, "avatar": member.avatar_url});
|
|
||||||
$("#embed-discord-members").append(rendered);
|
|
||||||
$( "#discorduser-" + member.id.toString() + "a").click({"member_id": member.id.toString()}, function(event) {
|
|
||||||
mention_member(event.data.member_id);
|
|
||||||
});
|
});
|
||||||
|
return funct.promise();
|
||||||
}
|
}
|
||||||
}
|
|
||||||
|
|
||||||
function fill_unauthenticated_users(users) {
|
function create_unauthenticated_user(username) {
|
||||||
var template = $('#mustache_unauthedusers').html();
|
var funct = $.ajax({
|
||||||
Mustache.parse(template);
|
method: "POST",
|
||||||
$("#embed-unauth-users").empty();
|
dataType: "json",
|
||||||
for (var i = 0; i < users.length; i++) {
|
url: "/api/create_unauthenticated_user",
|
||||||
var member = users[i];
|
data: {"username": username, "guild_id": guild_id}
|
||||||
var rendered = Mustache.render(template, {"username": member.username, "discriminator": member.discriminator});
|
});
|
||||||
$("#embed-unauth-users").append(rendered);
|
return funct.promise();
|
||||||
}
|
}
|
||||||
}
|
|
||||||
|
|
||||||
function wait_for_discord_login() {
|
function fetch(channel_id, after=null) {
|
||||||
_wait_for_discord_login(0);
|
var funct = $.ajax({
|
||||||
}
|
method: "GET",
|
||||||
|
dataType: "json",
|
||||||
function _wait_for_discord_login(index) {
|
url: "/api/fetch",
|
||||||
setTimeout(function() {
|
data: {"guild_id": guild_id,"channel_id": channel_id, "after": after}
|
||||||
var usr = create_authenticated_user();
|
|
||||||
usr.done(function(data) {
|
|
||||||
initialize_embed();
|
|
||||||
return;
|
|
||||||
});
|
});
|
||||||
usr.fail(function(data) {
|
return funct.promise();
|
||||||
if (data.status == 403) {
|
}
|
||||||
Materialize.toast('Authentication error! You have been banned.', 10000);
|
|
||||||
} else if (index < 10) {
|
|
||||||
_wait_for_discord_login(index + 1);
|
|
||||||
}
|
|
||||||
});
|
|
||||||
}, 5000);
|
|
||||||
}
|
|
||||||
|
|
||||||
function select_channel(channel_id) {
|
function post(channel_id, content) {
|
||||||
if (selected_channel != channel_id) {
|
var funct = $.ajax({
|
||||||
selected_channel = channel_id;
|
method: "POST",
|
||||||
last_message_id = null;
|
dataType: "json",
|
||||||
$("#channels-list > li.active").removeClass("active");
|
url: "/api/post",
|
||||||
$("#channel-"+selected_channel).parent().addClass("active");
|
data: {"guild_id": guild_id, "channel_id": channel_id, "content": content}
|
||||||
clearTimeout(fetchtimeout);
|
});
|
||||||
|
return funct.promise();
|
||||||
|
}
|
||||||
|
|
||||||
|
$(function(){
|
||||||
|
$("#loginmodal").modal({
|
||||||
|
dismissible: false, // Modal can be dismissed by clicking outside of the modal
|
||||||
|
opacity: .5, // Opacity of modal background
|
||||||
|
inDuration: 300, // Transition in duration
|
||||||
|
outDuration: 200, // Transition out duration
|
||||||
|
startingTop: '4%', // Starting top style attribute
|
||||||
|
endingTop: '10%', // Ending top style attribute
|
||||||
|
}
|
||||||
|
);
|
||||||
|
|
||||||
|
var guild = query_guild();
|
||||||
|
guild.fail(function() {
|
||||||
|
$('#loginmodal').modal('open');
|
||||||
|
});
|
||||||
|
|
||||||
|
guild.done(function(data) {
|
||||||
|
initialize_embed(data);
|
||||||
|
//$('#loginmodal').modal('open');
|
||||||
|
});
|
||||||
|
});
|
||||||
|
|
||||||
|
function lock_login_fields() {
|
||||||
|
$("#loginProgress").show();
|
||||||
|
$("#discordlogin_btn").attr("disabled",true);
|
||||||
|
$("#custom_username_field").prop("disabled",true);
|
||||||
|
logintimer = setTimeout(function() {
|
||||||
|
unlock_login_fields();
|
||||||
|
}, 60000);
|
||||||
|
}
|
||||||
|
|
||||||
|
function unlock_login_fields() {
|
||||||
|
$("#loginProgress").hide();
|
||||||
|
$("#discordlogin_btn").attr("disabled",false);
|
||||||
|
$("#custom_username_field").prop("disabled",false);
|
||||||
|
clearTimeout(logintimer);
|
||||||
|
}
|
||||||
|
|
||||||
|
function initialize_embed(guildobj) {
|
||||||
|
$('#loginmodal').modal('close');
|
||||||
|
unlock_login_fields();
|
||||||
|
if (guildobj === undefined) {
|
||||||
|
var guild = query_guild();
|
||||||
|
guild.done(function(data) {
|
||||||
|
prepare_guild(data);
|
||||||
|
});
|
||||||
|
} else {
|
||||||
|
prepare_guild(guildobj);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
function prepare_guild(guildobj) {
|
||||||
|
fill_channels(guildobj.channels);
|
||||||
|
fill_discord_members(guildobj.discordmembers);
|
||||||
|
fill_authenticated_users(guildobj.embedmembers.authenticated);
|
||||||
|
fill_unauthenticated_users(guildobj.embedmembers.unauthenticated);
|
||||||
run_fetch_routine();
|
run_fetch_routine();
|
||||||
}
|
}
|
||||||
}
|
|
||||||
|
|
||||||
function replace_message_mentions(message) {
|
function fill_channels(channels) {
|
||||||
var mentions = message.mentions;
|
var template = $('#mustache_channellistings').html();
|
||||||
for (var i = 0; i < mentions.length; i++) {
|
Mustache.parse(template);
|
||||||
var mention = mentions[i];
|
$("#channels-list").empty();
|
||||||
message.content = message.content.replace(new RegExp("<@" + mention.id + ">", 'g'), "@" + mention.username + "#" + mention.discriminator);
|
for (var i = 0; i < channels.length; i++) {
|
||||||
message.content = message.content.replace(new RegExp("<@!" + mention.id + ">", 'g'), "@" + mention.username + "#" + mention.discriminator);
|
var chan = channels[i];
|
||||||
message.content = message.content.replace("<@&" + guild_id + ">", "@everyone");
|
if (chan.read) {
|
||||||
}
|
var rendered = Mustache.render(template, {"channelid": chan.channel.id, "channelname": chan.channel.name});
|
||||||
return message;
|
$("#channels-list").append(rendered);
|
||||||
}
|
$("#channel-" + chan.channel.id.toString()).click({"channel_id": chan.channel.id.toString()}, function(event) {
|
||||||
|
select_channel(event.data.channel_id);
|
||||||
function getPosition(string, subString, index) {
|
});
|
||||||
return string.split(subString, index).join(subString).length;
|
if (chan.channel.id == selected_channel) {
|
||||||
}
|
if (chan.write) {
|
||||||
|
$("#messagebox").prop('disabled', false);
|
||||||
function format_bot_message(message) {
|
$("#messagebox").prop('placeholder', "Enter message");
|
||||||
if (message.author.id == bot_client_id && (message.content.includes("**") && ( (message.content.includes("<")&&message.content.includes(">")) || (message.content.includes("[") && message.content.includes("]")) ))) {
|
} else {
|
||||||
var usernamefield = message.content.substring(getPosition(message.content, "**", 1)+3, getPosition(message.content, "**", 2)-1);
|
$("#messagebox").prop('disabled', true);
|
||||||
message.content = message.content.substring(usernamefield.length+7);
|
$("#messagebox").prop('placeholder', "Messages is disabled in this channel.");
|
||||||
message.author.username = usernamefield.split("#")[0];
|
}
|
||||||
message.author.discriminator = usernamefield.split("#")[1];
|
$("#channeltopic").text(chan.channel.topic);
|
||||||
}
|
}
|
||||||
return message;
|
}
|
||||||
}
|
|
||||||
|
|
||||||
function parse_message_time(message) {
|
|
||||||
var mome = moment(message.timestamp);
|
|
||||||
message.formatted_timestamp = mome.toDate().toString();
|
|
||||||
message.formatted_time = mome.format("h:mm A");
|
|
||||||
return message;
|
|
||||||
}
|
|
||||||
|
|
||||||
function parse_message_attachments(message) {
|
|
||||||
for (var i = 0; i < message.attachments.length; i++) {
|
|
||||||
var attach = "";
|
|
||||||
if (message.content.length != 0) {
|
|
||||||
attach = " ";
|
|
||||||
}
|
}
|
||||||
attach += message.attachments[i].url;
|
$("#channel-"+selected_channel).parent().addClass("active");
|
||||||
message.content += attach;
|
|
||||||
}
|
}
|
||||||
return message;
|
|
||||||
}
|
|
||||||
|
|
||||||
function handle_last_message_mention() {
|
function mention_member(member_id) {
|
||||||
var lastmsg = $("#chatcontent p:last-child");
|
if (!$('#messagebox').prop('disabled')) {
|
||||||
var content = lastmsg.text().toLowerCase();
|
$('#messagebox').val( $('#messagebox').val() + "[@" + member_id + "] " );
|
||||||
var username_discrim = $("#currentusername").text().toLowerCase();
|
$('.button-collapse').sideNav('hide');
|
||||||
if (content.includes("@everyone") || content.includes("@" + username_discrim)) {
|
$("#messagebox").focus();
|
||||||
lastmsg.css( "color", "#ff5252" );
|
|
||||||
lastmsg.css( "font-weight", "bold" );
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
function escapeHtml(unsafe) { /* http://stackoverflow.com/questions/6234773/can-i-escape-html-special-chars-in-javascript */
|
|
||||||
return unsafe
|
|
||||||
.replace(/&/g, "&")
|
|
||||||
.replace(/</g, "<")
|
|
||||||
.replace(/>/g, ">")
|
|
||||||
.replace(/"/g, """)
|
|
||||||
.replace(/'/g, "'");
|
|
||||||
}
|
|
||||||
|
|
||||||
function nl2br (str, is_xhtml) { /* http://stackoverflow.com/questions/2919337/jquery-convert-line-breaks-to-br-nl2br-equivalent/ */
|
|
||||||
var breakTag = (is_xhtml || typeof is_xhtml === 'undefined') ? '<br />' : '<br>';
|
|
||||||
return (str + '').replace(/([^>\r\n]?)(\r\n|\n\r|\r|\n)/g, '$1'+ breakTag +'$2');
|
|
||||||
}
|
|
||||||
|
|
||||||
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];
|
|
||||||
message = replace_message_mentions(message);
|
|
||||||
message = format_bot_message(message);
|
|
||||||
message = parse_message_time(message);
|
|
||||||
message = parse_message_attachments(message);
|
|
||||||
var rendered = Mustache.render(template, {"id": message.id, "full_timestamp": message.formatted_timestamp, "time": message.formatted_time, "username": message.author.username, "discriminator": message.author.discriminator, "content": nl2br(escapeHtml(message.content))});
|
|
||||||
$("#chatcontent").append(rendered);
|
|
||||||
last = message.id;
|
|
||||||
handle_last_message_mention();
|
|
||||||
}
|
|
||||||
$("html, body").animate({ scrollTop: $(document).height() }, "slow");
|
|
||||||
$('#chatcontent').linkify({
|
|
||||||
target: "_blank"
|
|
||||||
});
|
|
||||||
return last;
|
|
||||||
}
|
|
||||||
|
|
||||||
function run_fetch_routine() {
|
|
||||||
var channel_id = selected_channel;
|
|
||||||
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) {
|
|
||||||
var status = data.status;
|
|
||||||
update_embed_userchip(status.authenticated, status.avatar, status.username, status.user_id, status.discriminator);
|
|
||||||
last_message_id = fill_discord_messages(data.messages, jumpscroll);
|
|
||||||
if (status.manage_embed) {
|
|
||||||
$("#administrate_link").show();
|
|
||||||
} else {
|
|
||||||
$("#administrate_link").hide();
|
|
||||||
}
|
|
||||||
var guild = query_guild();
|
|
||||||
guild.done(function(guildobj) {
|
|
||||||
fill_channels(guildobj.channels);
|
|
||||||
fill_discord_members(guildobj.discordmembers);
|
|
||||||
fill_authenticated_users(guildobj.embedmembers.authenticated);
|
|
||||||
fill_unauthenticated_users(guildobj.embedmembers.unauthenticated);
|
|
||||||
fetchtimeout = setTimeout(run_fetch_routine, 5000);
|
|
||||||
});
|
|
||||||
});
|
|
||||||
fet.fail(function(data) {
|
|
||||||
if (data.status == 403) {
|
|
||||||
$('#loginmodal').modal('open');
|
|
||||||
Materialize.toast('Authentication error! You have been disconnected by the server.', 10000);
|
|
||||||
} else if (data.status == 401) {
|
|
||||||
$('#loginmodal').modal('open');
|
|
||||||
Materialize.toast('Session expired! You have been logged out.', 10000);
|
|
||||||
}
|
|
||||||
});
|
|
||||||
fet.catch(function(data) {
|
|
||||||
if (!(data.status != 403 || data.status != 401)) {
|
|
||||||
fetchtimeout = setTimeout(run_fetch_routine, 10000);
|
|
||||||
}
|
}
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
function update_embed_userchip(authenticated, avatar, username, userid, discrim=null) {
|
|
||||||
if (authenticated) {
|
|
||||||
$("#currentuserimage").show();
|
|
||||||
$("#currentuserimage").attr("src", avatar);
|
|
||||||
$("#currentusername").text(username + "#" + discrim);
|
|
||||||
} else {
|
|
||||||
$("#currentuserimage").hide();
|
|
||||||
$("#currentusername").text(username + "#" + userid);
|
|
||||||
}
|
}
|
||||||
}
|
|
||||||
|
|
||||||
$("#discordlogin_btn").click(function() {
|
function fill_discord_members(discordmembers) {
|
||||||
lock_login_fields();
|
var template = $('#mustache_authedusers').html();
|
||||||
wait_for_discord_login();
|
Mustache.parse(template);
|
||||||
});
|
$("#discord-members").empty();
|
||||||
|
for (var i = 0; i < discordmembers.length; i++) {
|
||||||
$("#custom_username_field").keyup(function(event){
|
var member = discordmembers[i];
|
||||||
if (event.keyCode == 13) {
|
var rendered = Mustache.render(template, {"id": member.id.toString() + "d", "username": member.username, "avatar": member.avatar_url});
|
||||||
if (!(new RegExp(/^[a-z\d\-_\s]+$/i).test($(this).val()))) {
|
$("#discord-members").append(rendered);
|
||||||
Materialize.toast('Illegal username provided! Only alphanumeric, spaces, dashes, and underscores allowed in usernames.', 10000);
|
$( "#discorduser-" + member.id.toString() + "d").click({"member_id": member.id.toString()}, function(event) {
|
||||||
return;
|
mention_member(event.data.member_id);
|
||||||
|
});
|
||||||
}
|
}
|
||||||
if($(this).val().length >= 2 && $(this).val().length <= 32) {
|
}
|
||||||
lock_login_fields();
|
|
||||||
var usr = create_unauthenticated_user($(this).val());
|
function fill_authenticated_users(users) {
|
||||||
|
var template = $('#mustache_authedusers').html();
|
||||||
|
Mustache.parse(template);
|
||||||
|
$("#embed-discord-members").empty();
|
||||||
|
for (var i = 0; i < users.length; i++) {
|
||||||
|
var member = users[i];
|
||||||
|
var rendered = Mustache.render(template, {"id": member.id.toString() + "a", "username": member.username, "avatar": member.avatar_url});
|
||||||
|
$("#embed-discord-members").append(rendered);
|
||||||
|
$( "#discorduser-" + member.id.toString() + "a").click({"member_id": member.id.toString()}, function(event) {
|
||||||
|
mention_member(event.data.member_id);
|
||||||
|
});
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
function fill_unauthenticated_users(users) {
|
||||||
|
var template = $('#mustache_unauthedusers').html();
|
||||||
|
Mustache.parse(template);
|
||||||
|
$("#embed-unauth-users").empty();
|
||||||
|
for (var i = 0; i < users.length; i++) {
|
||||||
|
var member = users[i];
|
||||||
|
var rendered = Mustache.render(template, {"username": member.username, "discriminator": member.discriminator});
|
||||||
|
$("#embed-unauth-users").append(rendered);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
function wait_for_discord_login() {
|
||||||
|
_wait_for_discord_login(0);
|
||||||
|
}
|
||||||
|
|
||||||
|
function _wait_for_discord_login(index) {
|
||||||
|
setTimeout(function() {
|
||||||
|
var usr = create_authenticated_user();
|
||||||
usr.done(function(data) {
|
usr.done(function(data) {
|
||||||
initialize_embed();
|
initialize_embed();
|
||||||
|
return;
|
||||||
});
|
});
|
||||||
usr.fail(function(data) {
|
usr.fail(function(data) {
|
||||||
if (data.status == 429) {
|
if (data.status == 403) {
|
||||||
Materialize.toast('Sorry! You are allowed to log in as a guest once every 15 minutes.', 10000);
|
|
||||||
} else if (data.status == 403) {
|
|
||||||
Materialize.toast('Authentication error! You have been banned.', 10000);
|
Materialize.toast('Authentication error! You have been banned.', 10000);
|
||||||
} else if (data.status == 406) {
|
} else if (index < 10) {
|
||||||
Materialize.toast('Illegal username provided! Only alphanumeric, spaces, dashes, and underscores allowed in usernames.', 10000);
|
_wait_for_discord_login(index + 1);
|
||||||
}
|
}
|
||||||
unlock_login_fields();
|
});
|
||||||
})
|
}, 5000);
|
||||||
}
|
|
||||||
}
|
}
|
||||||
});
|
|
||||||
|
|
||||||
$("#messagebox").keyup(function(event){
|
function select_channel(channel_id) {
|
||||||
if ($(this).val().length == 1) {
|
if (selected_channel != channel_id) {
|
||||||
$(this).val($.trim($(this).val()));
|
selected_channel = channel_id;
|
||||||
}
|
last_message_id = null;
|
||||||
if(event.keyCode == 13 && $(this).val().length >= 1 && $(this).val().length <= 350) {
|
$("#channels-list > li.active").removeClass("active");
|
||||||
$(this).val($.trim($(this).val()));
|
$("#channel-"+selected_channel).parent().addClass("active");
|
||||||
$(this).blur();
|
|
||||||
$("#messagebox").attr('readonly', true);
|
|
||||||
var funct = post(selected_channel, $(this).val());
|
|
||||||
funct.done(function(data) {
|
|
||||||
$("#messagebox").val("");
|
|
||||||
clearTimeout(fetchtimeout);
|
clearTimeout(fetchtimeout);
|
||||||
run_fetch_routine();
|
run_fetch_routine();
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
function replace_message_mentions(message) {
|
||||||
|
var mentions = message.mentions;
|
||||||
|
for (var i = 0; i < mentions.length; i++) {
|
||||||
|
var mention = mentions[i];
|
||||||
|
message.content = message.content.replace(new RegExp("<@" + mention.id + ">", 'g'), "@" + mention.username + "#" + mention.discriminator);
|
||||||
|
message.content = message.content.replace(new RegExp("<@!" + mention.id + ">", 'g'), "@" + mention.username + "#" + mention.discriminator);
|
||||||
|
message.content = message.content.replace("<@&" + guild_id + ">", "@everyone");
|
||||||
|
}
|
||||||
|
return message;
|
||||||
|
}
|
||||||
|
|
||||||
|
function getPosition(string, subString, index) {
|
||||||
|
return string.split(subString, index).join(subString).length;
|
||||||
|
}
|
||||||
|
|
||||||
|
function format_bot_message(message) {
|
||||||
|
if (message.author.id == bot_client_id && (message.content.includes("**") && ( (message.content.includes("<")&&message.content.includes(">")) || (message.content.includes("[") && message.content.includes("]")) ))) {
|
||||||
|
var usernamefield = message.content.substring(getPosition(message.content, "**", 1)+3, getPosition(message.content, "**", 2)-1);
|
||||||
|
message.content = message.content.substring(usernamefield.length+7);
|
||||||
|
message.author.username = usernamefield.split("#")[0];
|
||||||
|
message.author.discriminator = usernamefield.split("#")[1];
|
||||||
|
}
|
||||||
|
return message;
|
||||||
|
}
|
||||||
|
|
||||||
|
function parse_message_time(message) {
|
||||||
|
var mome = moment(message.timestamp);
|
||||||
|
message.formatted_timestamp = mome.toDate().toString();
|
||||||
|
message.formatted_time = mome.format("h:mm A");
|
||||||
|
return message;
|
||||||
|
}
|
||||||
|
|
||||||
|
function parse_message_attachments(message) {
|
||||||
|
for (var i = 0; i < message.attachments.length; i++) {
|
||||||
|
var attach = "";
|
||||||
|
if (message.content.length != 0) {
|
||||||
|
attach = " ";
|
||||||
|
}
|
||||||
|
attach += message.attachments[i].url;
|
||||||
|
message.content += attach;
|
||||||
|
}
|
||||||
|
return message;
|
||||||
|
}
|
||||||
|
|
||||||
|
function handle_last_message_mention() {
|
||||||
|
var lastmsg = $("#chatcontent p:last-child");
|
||||||
|
var content = lastmsg.text().toLowerCase();
|
||||||
|
var username_discrim = $("#currentusername").text().toLowerCase();
|
||||||
|
if (content.includes("@everyone") || content.includes("@" + username_discrim)) {
|
||||||
|
lastmsg.css( "color", "#ff5252" );
|
||||||
|
lastmsg.css( "font-weight", "bold" );
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
function escapeHtml(unsafe) { /* http://stackoverflow.com/questions/6234773/can-i-escape-html-special-chars-in-javascript */
|
||||||
|
return unsafe
|
||||||
|
.replace(/&/g, "&")
|
||||||
|
.replace(/</g, "<")
|
||||||
|
.replace(/>/g, ">")
|
||||||
|
.replace(/"/g, """)
|
||||||
|
.replace(/'/g, "'");
|
||||||
|
}
|
||||||
|
|
||||||
|
function nl2br (str, is_xhtml) { /* http://stackoverflow.com/questions/2919337/jquery-convert-line-breaks-to-br-nl2br-equivalent/ */
|
||||||
|
var breakTag = (is_xhtml || typeof is_xhtml === 'undefined') ? '<br />' : '<br>';
|
||||||
|
return (str + '').replace(/([^>\r\n]?)(\r\n|\n\r|\r|\n)/g, '$1'+ breakTag +'$2');
|
||||||
|
}
|
||||||
|
|
||||||
|
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];
|
||||||
|
message = replace_message_mentions(message);
|
||||||
|
message = format_bot_message(message);
|
||||||
|
message = parse_message_time(message);
|
||||||
|
message = parse_message_attachments(message);
|
||||||
|
var rendered = Mustache.render(template, {"id": message.id, "full_timestamp": message.formatted_timestamp, "time": message.formatted_time, "username": message.author.username, "discriminator": message.author.discriminator, "content": nl2br(escapeHtml(message.content))});
|
||||||
|
$("#chatcontent").append(rendered);
|
||||||
|
last = message.id;
|
||||||
|
handle_last_message_mention();
|
||||||
|
}
|
||||||
|
$("html, body").animate({ scrollTop: $(document).height() }, "slow");
|
||||||
|
$('#chatcontent').linkify({
|
||||||
|
target: "_blank"
|
||||||
});
|
});
|
||||||
funct.fail(function(data) {
|
return last;
|
||||||
Materialize.toast('Failed to send message.', 10000);
|
}
|
||||||
|
|
||||||
|
function run_fetch_routine() {
|
||||||
|
var channel_id = selected_channel;
|
||||||
|
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) {
|
||||||
|
var status = data.status;
|
||||||
|
update_embed_userchip(status.authenticated, status.avatar, status.username, status.user_id, status.discriminator);
|
||||||
|
last_message_id = fill_discord_messages(data.messages, jumpscroll);
|
||||||
|
if (status.manage_embed) {
|
||||||
|
$("#administrate_link").show();
|
||||||
|
} else {
|
||||||
|
$("#administrate_link").hide();
|
||||||
|
}
|
||||||
|
var guild = query_guild();
|
||||||
|
guild.done(function(guildobj) {
|
||||||
|
fill_channels(guildobj.channels);
|
||||||
|
fill_discord_members(guildobj.discordmembers);
|
||||||
|
fill_authenticated_users(guildobj.embedmembers.authenticated);
|
||||||
|
fill_unauthenticated_users(guildobj.embedmembers.unauthenticated);
|
||||||
|
fetchtimeout = setTimeout(run_fetch_routine, 5000);
|
||||||
|
});
|
||||||
});
|
});
|
||||||
funct.catch(function(data) {
|
fet.fail(function(data) {
|
||||||
if (data.status == 429) {
|
if (data.status == 403) {
|
||||||
Materialize.toast('You are sending messages too fast! 1 message per 10 seconds', 10000);
|
$('#loginmodal').modal('open');
|
||||||
|
Materialize.toast('Authentication error! You have been disconnected by the server.', 10000);
|
||||||
|
} else if (data.status == 401) {
|
||||||
|
$('#loginmodal').modal('open');
|
||||||
|
Materialize.toast('Session expired! You have been logged out.', 10000);
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
funct.always(function() {
|
fet.catch(function(data) {
|
||||||
$("#messagebox").attr('readonly', false);
|
if (!(data.status != 403 || data.status != 401)) {
|
||||||
})
|
fetchtimeout = setTimeout(run_fetch_routine, 10000);
|
||||||
|
}
|
||||||
|
});
|
||||||
}
|
}
|
||||||
});
|
|
||||||
|
|
||||||
$('#guild-btn').sideNav({
|
function update_embed_userchip(authenticated, avatar, username, userid, discrim=null) {
|
||||||
menuWidth: 300, // Default is 300
|
if (authenticated) {
|
||||||
edge: 'left', // Choose the horizontal origin
|
$("#currentuserimage").show();
|
||||||
closeOnClick: true, // Closes side-nav on <a> clicks, useful for Angular/Meteor
|
$("#currentuserimage").attr("src", avatar);
|
||||||
draggable: true // Choose whether you can drag to open on touch screens
|
$("#currentusername").text(username + "#" + discrim);
|
||||||
}
|
} else {
|
||||||
);
|
$("#currentuserimage").hide();
|
||||||
|
$("#currentusername").text(username + "#" + userid);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
$('#members-btn').sideNav({
|
$("#discordlogin_btn").click(function() {
|
||||||
menuWidth: 300, // Default is 300
|
lock_login_fields();
|
||||||
edge: 'right', // Choose the horizontal origin
|
wait_for_discord_login();
|
||||||
draggable: true // Choose whether you can drag to open on touch screens
|
});
|
||||||
}
|
|
||||||
);
|
$("#custom_username_field").keyup(function(event){
|
||||||
|
if (event.keyCode == 13) {
|
||||||
|
if (!(new RegExp(/^[a-z\d\-_\s]+$/i).test($(this).val()))) {
|
||||||
|
Materialize.toast('Illegal username provided! Only alphanumeric, spaces, dashes, and underscores allowed in usernames.', 10000);
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
if($(this).val().length >= 2 && $(this).val().length <= 32) {
|
||||||
|
lock_login_fields();
|
||||||
|
var usr = create_unauthenticated_user($(this).val());
|
||||||
|
usr.done(function(data) {
|
||||||
|
initialize_embed();
|
||||||
|
});
|
||||||
|
usr.fail(function(data) {
|
||||||
|
if (data.status == 429) {
|
||||||
|
Materialize.toast('Sorry! You are allowed to log in as a guest once every 15 minutes.', 10000);
|
||||||
|
} else if (data.status == 403) {
|
||||||
|
Materialize.toast('Authentication error! You have been banned.', 10000);
|
||||||
|
} else if (data.status == 406) {
|
||||||
|
Materialize.toast('Illegal username provided! Only alphanumeric, spaces, dashes, and underscores allowed in usernames.', 10000);
|
||||||
|
}
|
||||||
|
unlock_login_fields();
|
||||||
|
});
|
||||||
|
}
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
$("#messagebox").keyup(function(event){
|
||||||
|
if ($(this).val().length == 1) {
|
||||||
|
$(this).val($.trim($(this).val()));
|
||||||
|
}
|
||||||
|
if(event.keyCode == 13 && $(this).val().length >= 1 && $(this).val().length <= 350) {
|
||||||
|
$(this).val($.trim($(this).val()));
|
||||||
|
$(this).blur();
|
||||||
|
$("#messagebox").attr('readonly', true);
|
||||||
|
var funct = post(selected_channel, $(this).val());
|
||||||
|
funct.done(function(data) {
|
||||||
|
$("#messagebox").val("");
|
||||||
|
clearTimeout(fetchtimeout);
|
||||||
|
run_fetch_routine();
|
||||||
|
});
|
||||||
|
funct.fail(function(data) {
|
||||||
|
Materialize.toast('Failed to send message.', 10000);
|
||||||
|
});
|
||||||
|
funct.catch(function(data) {
|
||||||
|
if (data.status == 429) {
|
||||||
|
Materialize.toast('You are sending messages too fast! 1 message per 10 seconds', 10000);
|
||||||
|
}
|
||||||
|
});
|
||||||
|
funct.always(function() {
|
||||||
|
$("#messagebox").attr('readonly', false);
|
||||||
|
});
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
$('#guild-btn').sideNav({
|
||||||
|
menuWidth: 300, // Default is 300
|
||||||
|
edge: 'left', // Choose the horizontal origin
|
||||||
|
closeOnClick: true, // Closes side-nav on <a> clicks, useful for Angular/Meteor
|
||||||
|
draggable: true // Choose whether you can drag to open on touch screens
|
||||||
|
}
|
||||||
|
);
|
||||||
|
|
||||||
|
$('#members-btn').sideNav({
|
||||||
|
menuWidth: 300, // Default is 300
|
||||||
|
edge: 'right', // Choose the horizontal origin
|
||||||
|
draggable: true // Choose whether you can drag to open on touch screens
|
||||||
|
}
|
||||||
|
);
|
||||||
|
})();
|
||||||
|
|||||||
@ -109,7 +109,7 @@
|
|||||||
|
|
||||||
{% raw %}
|
{% raw %}
|
||||||
<script id="mustache_channellistings" type="text/template">
|
<script id="mustache_channellistings" type="text/template">
|
||||||
<li><a class="waves-effect truncate" id="channel-{{channelid}}" onclick='select_channel("{{channelid}}");'><span class="channel-hash">#</span> {{channelname}}</a></li>
|
<li><a class="waves-effect truncate" id="channel-{{channelid}}"><span class="channel-hash">#</span> {{channelname}}</a></li>
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<script id="mustache_authedusers" type="text/template">
|
<script id="mustache_authedusers" type="text/template">
|
||||||
@ -126,8 +126,8 @@
|
|||||||
{% endraw %}
|
{% endraw %}
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
var guild_id = "{{ guild_id }}";
|
const guild_id = "{{ guild_id }}";
|
||||||
var bot_client_id = "{{ client_id }}";
|
const bot_client_id = "{{ client_id }}";
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<script type="text/javascript" src="{{ url_for('static', filename='js/embed.js') }}"></script>
|
<script type="text/javascript" src="{{ url_for('static', filename='js/embed.js') }}"></script>
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user