mirror of
https://github.com/TitanEmbeds/Titan.git
synced 2025-06-16 19:35:24 +02:00
Very basic proof of concept, able to post and recieve messages
This commit is contained in:
78
templates/embed.html
Normal file
78
templates/embed.html
Normal file
@ -0,0 +1,78 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
|
||||
<script>
|
||||
function escapeHTML(unsafe) {
|
||||
return unsafe
|
||||
.replace(/&/g, "&")
|
||||
.replace(/</g, "<")
|
||||
.replace(/>/g, ">")
|
||||
.replace(/"/g, """)
|
||||
.replace(/'/g, "'");
|
||||
}
|
||||
var lastSnowflake = undefined
|
||||
function updateMessages(channelid, aftersnowflake=null) {
|
||||
setTimeout(function() {
|
||||
$.ajax({
|
||||
url: "/api/Get_Channel_Messages",
|
||||
data: {
|
||||
channel_id: channelid,
|
||||
after: aftersnowflake
|
||||
},
|
||||
dataType: "json",
|
||||
success: function(data, status){
|
||||
data = data['j']
|
||||
for (i = data.length-1; i >= 0; i--) {
|
||||
item = data[i]
|
||||
$("#messagesview").append("<p>"+item['id'] + " " + item['timestamp'] + " " + item['author']['username'] + " " + escapeHTML(item['content']) + "</p>")
|
||||
lastSnowflake = item['id']
|
||||
|
||||
if($("#messagesview").scrollTop() + $("#messagesview").innerHeight() >= $("#messagesview")[0].scrollHeight - 160) {
|
||||
$('#messagesview').scrollTop($('#messagesview').prop("scrollHeight"));
|
||||
}
|
||||
}
|
||||
},
|
||||
complete: function() {
|
||||
updateMessages("140252024666062848", lastSnowflake)
|
||||
}
|
||||
});
|
||||
}, 5000);
|
||||
}
|
||||
updateMessages("140252024666062848")
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<div style="height: 95vh; overflow-y: auto;" id="messagesview"></div>
|
||||
|
||||
<div style="height: 5vh;">
|
||||
<input type="text" id="messagebox" style="height:100%; width:100%; font-size:15px;">
|
||||
</div>
|
||||
|
||||
<script>
|
||||
var channelid = "140252024666062848"
|
||||
$('#messagebox').bind("enterKey",function(e){
|
||||
var content = $('#messagebox').val();
|
||||
$('#messagebox').val('')
|
||||
$.ajax({
|
||||
url: "/api/Create_Message",
|
||||
method: "post",
|
||||
data: {
|
||||
channel_id: channelid,
|
||||
content: content
|
||||
},
|
||||
dataType: "json"
|
||||
})
|
||||
});
|
||||
$('#messagebox').keyup(function(e){
|
||||
if(e.keyCode == 13)
|
||||
{
|
||||
var content = $('#messagebox').val();
|
||||
if (/\S/.test(content)) {
|
||||
$(this).trigger("enterKey");
|
||||
}
|
||||
}
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
21
templates/set_username.html
Normal file
21
templates/set_username.html
Normal file
@ -0,0 +1,21 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<form method="post">
|
||||
<h1>Set username:<h1>
|
||||
<input type="text" name="username" id="username" required>
|
||||
</form>
|
||||
<script>
|
||||
$("input").keypress(function(event) {
|
||||
var content = $('#username').val();
|
||||
if (event.which == 13 && /\S/.test(content)) {
|
||||
event.preventDefault();
|
||||
$("form").submit();
|
||||
}
|
||||
});
|
||||
</script>
|
||||
<body>
|
||||
</html>
|
Reference in New Issue
Block a user