mirror of
https://github.com/ION606/selmer-bot-website.git
synced 2026-05-14 22:16:54 +00:00
(fixed?) the issue with adding servers
This commit is contained in:
ION606
@@ -0,0 +1,232 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Selmer Bot Web Dashboard</title>
|
||||
|
||||
<style>
|
||||
body {
|
||||
background:#000;
|
||||
}
|
||||
|
||||
#load {
|
||||
position:absolute;
|
||||
width:600px;
|
||||
height:36px;
|
||||
left:50%;
|
||||
top:40%;
|
||||
margin-left:-300px;
|
||||
overflow:visible;
|
||||
-webkit-user-select:none;
|
||||
-moz-user-select:none;
|
||||
-ms-user-select:none;
|
||||
user-select:none;
|
||||
cursor:default;
|
||||
}
|
||||
|
||||
#load div {
|
||||
position:absolute;
|
||||
width:20px;
|
||||
height:36px;
|
||||
opacity:0;
|
||||
font-family:Helvetica, Arial, sans-serif;
|
||||
animation:move 2s linear infinite;
|
||||
-o-animation:move 2s linear infinite;
|
||||
-moz-animation:move 2s linear infinite;
|
||||
-webkit-animation:move 2s linear infinite;
|
||||
transform:rotate(180deg);
|
||||
-o-transform:rotate(180deg);
|
||||
-moz-transform:rotate(180deg);
|
||||
-webkit-transform:rotate(180deg);
|
||||
color:#35C4F0;
|
||||
}
|
||||
|
||||
#load div:nth-child(2) {
|
||||
animation-delay:0.2s;
|
||||
-o-animation-delay:0.2s;
|
||||
-moz-animation-delay:0.2s;
|
||||
-webkit-animation-delay:0.2s;
|
||||
}
|
||||
#load div:nth-child(3) {
|
||||
animation-delay:0.4s;
|
||||
-o-animation-delay:0.4s;
|
||||
-webkit-animation-delay:0.4s;
|
||||
-webkit-animation-delay:0.4s;
|
||||
}
|
||||
#load div:nth-child(4) {
|
||||
animation-delay:0.6s;
|
||||
-o-animation-delay:0.6s;
|
||||
-moz-animation-delay:0.6s;
|
||||
-webkit-animation-delay:0.6s;
|
||||
}
|
||||
#load div:nth-child(5) {
|
||||
animation-delay:0.8s;
|
||||
-o-animation-delay:0.8s;
|
||||
-moz-animation-delay:0.8s;
|
||||
-webkit-animation-delay:0.8s;
|
||||
}
|
||||
#load div:nth-child(6) {
|
||||
animation-delay:1s;
|
||||
-o-animation-delay:1s;
|
||||
-moz-animation-delay:1s;
|
||||
-webkit-animation-delay:1s;
|
||||
}
|
||||
#load div:nth-child(7) {
|
||||
animation-delay:1.2s;
|
||||
-o-animation-delay:1.2s;
|
||||
-moz-animation-delay:1.2s;
|
||||
-webkit-animation-delay:1.2s;
|
||||
}
|
||||
|
||||
@keyframes move {
|
||||
0% {
|
||||
left:0;
|
||||
opacity:0;
|
||||
}
|
||||
35% {
|
||||
left: 41%;
|
||||
-moz-transform:rotate(0deg);
|
||||
-webkit-transform:rotate(0deg);
|
||||
-o-transform:rotate(0deg);
|
||||
transform:rotate(0deg);
|
||||
opacity:1;
|
||||
}
|
||||
65% {
|
||||
left:59%;
|
||||
-moz-transform:rotate(0deg);
|
||||
-webkit-transform:rotate(0deg);
|
||||
-o-transform:rotate(0deg);
|
||||
transform:rotate(0deg);
|
||||
opacity:1;
|
||||
}
|
||||
100% {
|
||||
left:100%;
|
||||
-moz-transform:rotate(-180deg);
|
||||
-webkit-transform:rotate(-180deg);
|
||||
-o-transform:rotate(-180deg);
|
||||
transform:rotate(-180deg);
|
||||
opacity:0;
|
||||
}
|
||||
}
|
||||
|
||||
@-moz-keyframes move {
|
||||
0% {
|
||||
left:0;
|
||||
opacity:0;
|
||||
}
|
||||
35% {
|
||||
left:41%;
|
||||
-moz-transform:rotate(0deg);
|
||||
transform:rotate(0deg);
|
||||
opacity:1;
|
||||
}
|
||||
65% {
|
||||
left:59%;
|
||||
-moz-transform:rotate(0deg);
|
||||
transform:rotate(0deg);
|
||||
opacity:1;
|
||||
}
|
||||
100% {
|
||||
left:100%;
|
||||
-moz-transform:rotate(-180deg);
|
||||
transform:rotate(-180deg);
|
||||
opacity:0;
|
||||
}
|
||||
}
|
||||
|
||||
@-webkit-keyframes move {
|
||||
0% {
|
||||
left:0;
|
||||
opacity:0;
|
||||
}
|
||||
35% {
|
||||
left:41%;
|
||||
-webkit-transform:rotate(0deg);
|
||||
transform:rotate(0deg);
|
||||
opacity:1;
|
||||
}
|
||||
65% {
|
||||
left:59%;
|
||||
-webkit-transform:rotate(0deg);
|
||||
transform:rotate(0deg);
|
||||
opacity:1;
|
||||
}
|
||||
100% {
|
||||
left:100%;
|
||||
-webkit-transform:rotate(-180deg);
|
||||
transform:rotate(-180deg);
|
||||
opacity:0;
|
||||
}
|
||||
}
|
||||
|
||||
@-o-keyframes move {
|
||||
0% {
|
||||
left:0;
|
||||
opacity:0;
|
||||
}
|
||||
35% {
|
||||
left:41%;
|
||||
-o-transform:rotate(0deg);
|
||||
transform:rotate(0deg);
|
||||
opacity:1;
|
||||
}
|
||||
65% {
|
||||
left:59%;
|
||||
-o-transform:rotate(0deg);
|
||||
transform:rotate(0deg);
|
||||
opacity:1;
|
||||
}
|
||||
100% {
|
||||
left:100%;
|
||||
-o-transform:rotate(-180deg);
|
||||
transform:rotate(-180deg);
|
||||
opacity:0;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
</style>
|
||||
|
||||
<script>
|
||||
window.onload = () => {
|
||||
var guildId = window.location.href;
|
||||
guildId = guildId.split('guild_id=')[1];
|
||||
guildId = guildId.split('&')[0];
|
||||
const sid = window.localStorage.getItem('sessionId');
|
||||
|
||||
var xhr = new XMLHttpRequest();
|
||||
xhr.open('post', 'https://www.selmerbot.com/joinedGuild', true);
|
||||
xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded; charset=UTF-8');
|
||||
xhr.setRequestHeader('serverNumber', guildId);
|
||||
xhr.setRequestHeader('sessionid', sid);
|
||||
xhr.onloadend = (e) => {
|
||||
if (xhr.response == 'OK') {
|
||||
window.location.href = 'dashboard';
|
||||
} else {
|
||||
// alert("Uh oh, an error has occured\nPlease try again!");
|
||||
// window.location.href = 'myGuilds';
|
||||
}
|
||||
}
|
||||
xhr.send();
|
||||
}
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<div style="align-content: center;">
|
||||
<div id="load">
|
||||
<div>G</div>
|
||||
<div>N</div>
|
||||
<div>I</div>
|
||||
<div>D</div>
|
||||
<div>A</div>
|
||||
<div>O</div>
|
||||
<div>L</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div style="bottom: 0; color: rgb(65, 0, 185); position: absolute;">Animation by Dissimulate <a href="https://codepen.io/dissimulate">https://codepen.io/dissimulate</a></footer>
|
||||
<!-- Get the session id, send it to the main server, then redirect to the dashboard -->
|
||||
</body>
|
||||
</html>
|
||||
+10
-2
@@ -58,7 +58,8 @@
|
||||
function getSessionData() {
|
||||
return new Promise((resolve, reject) => {
|
||||
var xhrsess = new XMLHttpRequest();
|
||||
xhrsess.open('post', 'https://www.selmerbot.com/getSessionInfo/', true);
|
||||
// xhrsess.open('post', 'https://www.selmerbot.com/getSessionInfo/', true);
|
||||
xhrsess.open('post', 'http://localhost:53134/getSessionInfo/', true);
|
||||
xhrsess.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded; charset=UTF-8');
|
||||
xhrsess.setRequestHeader('session', window.localStorage.getItem('sessionId'));
|
||||
|
||||
@@ -131,7 +132,14 @@
|
||||
// imagem.classList.add('serverImgOut');
|
||||
imagem.className = 'serverImgOut';
|
||||
imagem.onclick = function() {
|
||||
window.open('https://discord.com/oauth2/authorize?client_id=926551095352901632&scope=applications.commands+bot&permissions=549755289087');
|
||||
var url;
|
||||
//Open a new window with the invite. Once the invite is processed, send request to the server to update the db (toggle inServer to true?)
|
||||
if (window.location.href.indexOf('localhost') != -1) {
|
||||
url = 'https://discord.com/api/oauth2/authorize?client_id=944046902415093760&permissions=549755289087&redirect_uri=http%3A%2F%2Flocalhost%3A53134%2FjoinedGuild&response_type=code&scope=rpc%20bot%20applications.commands'
|
||||
} else {
|
||||
url = 'https://discord.com/api/oauth2/authorize?client_id=944046902415093760&permissions=549755289087&redirect_uri=https%3A%2F%2Fwww.selmerbot.com%2FjoinedGuild&scope=bot%20applications.commands'
|
||||
}
|
||||
window.open(url);
|
||||
}//OPEN A NEW WINDOW WITH SERVER INVITE
|
||||
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user