mirror of
https://github.com/ION606/selmer-bot-website.git
synced 2026-05-14 22:16:54 +00:00
Added the 'team' page and the suggestion box
This commit is contained in:
ION606
Binary file not shown.
|
After Width: | Height: | Size: 39 KiB |
+5
-1
@@ -492,8 +492,12 @@
|
||||
</li>
|
||||
|
||||
<li class="nav-item">
|
||||
<a href="premium.html" class="nav-link"><i class="fa-solid fa-crown" style="scale: 2; color: gold;" alt="PREMIUM"></i></a>
|
||||
<a href="premium.html" class="nav-link"><i class="fa-solid fa-crown" style="scale: 2; color: gold;" alt="PREMIUM"></i></a>
|
||||
</li>
|
||||
|
||||
<li class="nav-item">
|
||||
<a href="team" class="nav-link"><i class="fa-solid fa-user-gear" style="scale: 2; color: rgb(12, 216, 5);" alt="AUTHOR"></i></a>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
<!-- <button type="button" class="btn btn-primary" data-bs-toggle="tooltip" title="Hooray!">Hover over me!</button> -->
|
||||
|
||||
+5
-1
@@ -710,8 +710,12 @@
|
||||
</li>
|
||||
|
||||
<li class="nav-item">
|
||||
<a href="premium.html" class="nav-link"><i class="fa-solid fa-crown" style="scale: 2; color: gold;" alt="PREMIUM"></i></a>
|
||||
<a href="premium.html" class="nav-link"><i class="fa-solid fa-crown" style="scale: 2; color: gold;" alt="PREMIUM"></i></a>
|
||||
</li>
|
||||
|
||||
<li class="nav-item">
|
||||
<a href="team" class="nav-link"><i class="fa-solid fa-user-gear" style="scale: 2; color: rgb(12, 216, 5);" alt="AUTHOR"></i></a>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
<!-- <button type="button" class="btn btn-primary" data-bs-toggle="tooltip" title="Hooray!">Hover over me!</button> -->
|
||||
|
||||
+5
-1
@@ -325,7 +325,11 @@
|
||||
</li>
|
||||
|
||||
<li class="nav-item">
|
||||
<a href="premium.html" class="nav-link"><i class="fa-solid fa-crown" style="scale: 2; color: gold;" alt="PREMIUM"></i></a>
|
||||
<a href="premium.html" class="nav-link"><i class="fa-solid fa-crown" style="scale: 2; color: gold;" alt="PREMIUM"></i></a>
|
||||
</li>
|
||||
|
||||
<li class="nav-item">
|
||||
<a href="team" class="nav-link"><i class="fa-solid fa-user-gear" style="scale: 2; color: rgb(12, 216, 5);" alt="AUTHOR"></i></a>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
|
||||
@@ -10,7 +10,7 @@ import { v4 as uuidv4 } from 'uuid'
|
||||
import { validate as uuidValidate } from 'uuid';
|
||||
|
||||
//Bot section (PLACE IN ENV)
|
||||
import { Client, Intents } from 'discord.js';
|
||||
import { Client, Intents, MessageEmbed } from 'discord.js';
|
||||
const token = process.env.token;
|
||||
const clientId = process.env.clientId;
|
||||
const clientSecret = process.env.clientSecret;
|
||||
@@ -36,6 +36,7 @@ const bot = new Client({
|
||||
partials: [ 'CHANNEL' ]
|
||||
});
|
||||
|
||||
bot.home_server = process.env.home_server;
|
||||
bot.on('ready', async () => {console.log('BOT RUNNING'); });
|
||||
bot.login(token);
|
||||
|
||||
@@ -277,8 +278,59 @@ app.get('/newCalEvent.html', async (req, res) => {
|
||||
|
||||
app.get('/calendar.html', async (req, res) => {
|
||||
return res.sendFile('calendar.html', { root: '.' });
|
||||
});
|
||||
|
||||
app.get('/team', async (req, res) => {
|
||||
return res.sendFile("team.html", { root: '.' });
|
||||
})
|
||||
|
||||
app.post("/suggestion", async (req, res)=> {
|
||||
if (req.headers.sessionid == 'null') {
|
||||
return res.sendStatus(401);
|
||||
}
|
||||
|
||||
const suggestion = req.headers.suggestion;
|
||||
if (suggestion) {
|
||||
connection.then((client) => {
|
||||
const dbo = client.db("main").collection("sessions");
|
||||
dbo.findOne({ "sessionId": req.headers.sessionid }).then((doc) => {
|
||||
|
||||
if (!doc) {
|
||||
return res.sendStatus(410);
|
||||
}
|
||||
|
||||
const discId = doc.userId;
|
||||
const user = bot.users.cache.get(discId);
|
||||
|
||||
const channel = bot.guilds.cache.get(bot.home_server).channels.cache.get('944330760146534492');
|
||||
const embd = new MessageEmbed()
|
||||
|
||||
//If the bot doesn't have the user, just put the id in
|
||||
var uid, icon;
|
||||
if(!user) {
|
||||
uid = `<@${discId}>`;
|
||||
icon = 'https://github.com/ION606/selmer-bot-website/blob/main/assets/circleOutline.png?raw=true';
|
||||
} else {
|
||||
uid = `${user.username}#${user.discriminator}`;
|
||||
icon = user.displayAvatarURL();
|
||||
}
|
||||
|
||||
embd.setAuthor({ name: `${uid}`, url: "", iconURL: icon });
|
||||
embd.setTitle(`Selmer Bot Suggestion`);
|
||||
|
||||
embd.setColor("ORANGE")
|
||||
.setTimestamp()
|
||||
.setDescription(suggestion)
|
||||
.setThumbnail('https://github.com/ION606/selmer-bot-website/blob/main/assets/suggestion.png?raw=true')
|
||||
.setFooter({ text: 'This suggestion came from the Selmer Bot Website suggestion box'});
|
||||
|
||||
channel.send({ embeds: [embd] })
|
||||
|
||||
res.sendStatus(200);
|
||||
});
|
||||
});
|
||||
}
|
||||
})
|
||||
|
||||
//Stripe stuff
|
||||
app.get('/.well-known/apple-developer-merchantid-domain-association', async (req, res) => {
|
||||
|
||||
+5
-1
@@ -225,8 +225,12 @@
|
||||
</li>
|
||||
|
||||
<li class="nav-item">
|
||||
<a href="premium.html" class="nav-link"><i class="fa-solid fa-crown" style="scale: 2; color: gold;" alt="PREMIUM"></i></a>
|
||||
<a href="premium.html" class="nav-link"><i class="fa-solid fa-crown" style="scale: 2; color: gold;" alt="PREMIUM"></i></a>
|
||||
</li>
|
||||
|
||||
<li class="nav-item">
|
||||
<a href="team" class="nav-link"><i class="fa-solid fa-user-gear" style="scale: 2; color: rgb(12, 216, 5);" alt="AUTHOR"></i></a>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
<div class="container"><h1 style="font-family: 'Rajdhani', sans-serif; text-align: left;">Selmer Bot Web Dashboard</h1></div>
|
||||
|
||||
@@ -0,0 +1,273 @@
|
||||
<!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">
|
||||
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet">
|
||||
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js"></script>
|
||||
|
||||
<link rel="shortcut icon" href="https://github.com/ION606/selmer-bot-website/blob/main/assets/favicon.ico?raw=true" type="image/x-icon">
|
||||
<script src="https://kit.fontawesome.com/728e740903.js" crossorigin="anonymous"></script>
|
||||
|
||||
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||||
<link href="https://fonts.googleapis.com/css2?family=Rajdhani:wght@300&display=swap" rel="stylesheet">
|
||||
|
||||
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.1/dist/css/bootstrap.min.css" rel="stylesheet">
|
||||
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.1/dist/js/bootstrap.bundle.min.js"></script>
|
||||
|
||||
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
|
||||
|
||||
<title>Selmer Bot Directory</title>
|
||||
|
||||
<style>
|
||||
body {
|
||||
/* background-color: black; */
|
||||
/* background-image: linear-gradient(140deg, #EADEDB 0%, #BC70A4 50%, #BFD641 75%); */
|
||||
background-image: linear-gradient(140deg, #4a12e4 10%, #13206d 50%, #41d6d6 75%);
|
||||
background-repeat:no-repeat;
|
||||
background-size: 100vw 100vh;
|
||||
}
|
||||
|
||||
.webBtn {
|
||||
margin: 50px;
|
||||
font-family:'Comic Sans MS';
|
||||
font-size:20px;
|
||||
line-height:20px;
|
||||
color:#ffffff;
|
||||
background-color:#4d4d4d;
|
||||
padding:20px;
|
||||
border-radius:10px;
|
||||
}
|
||||
|
||||
.webBtn:hover {
|
||||
color: #000000;
|
||||
background-color: #9b9999;
|
||||
}
|
||||
|
||||
.loginbtn {
|
||||
margin-top: 14px;
|
||||
scale: 1.2;
|
||||
border-radius: 10%;
|
||||
}
|
||||
.loginbtn:hover {
|
||||
color: #377aea;
|
||||
}
|
||||
|
||||
.tooltip {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
cursor: default;
|
||||
}
|
||||
|
||||
.tooltip .tooltiptext {
|
||||
visibility: hidden;
|
||||
padding: 0.25em 0.5em;
|
||||
background-color: black;
|
||||
color: #fff;
|
||||
text-align: center;
|
||||
border-radius: 0.25em;
|
||||
white-space: nowrap;
|
||||
|
||||
/* Position the tooltip */
|
||||
position: absolute;
|
||||
z-index: 1;
|
||||
top: 100%;
|
||||
left: 100%;
|
||||
transition-property: visibility;
|
||||
transition-delay: 0s;
|
||||
}
|
||||
|
||||
.tooltip:hover .tooltiptext {
|
||||
visibility: visible;
|
||||
transition-delay: 0.3s;
|
||||
}
|
||||
|
||||
nav {
|
||||
/* background-color: rgb(0, 0, 0); */
|
||||
background: linear-gradient(0deg, #06075f00 10%, #13206d 50%, #41d6d6 95%);
|
||||
/* color: blue; */
|
||||
/* text-align: center; */
|
||||
}
|
||||
|
||||
.navbar .nav-item {
|
||||
margin-right: 25px;
|
||||
margin-left: 25px;
|
||||
}
|
||||
|
||||
#right {
|
||||
float: right;
|
||||
margin-right: 50px;
|
||||
}
|
||||
|
||||
.logoutbtn {
|
||||
margin-top: 14px;
|
||||
scale: 1.2;
|
||||
border-radius: 10%;
|
||||
/* float: right; */
|
||||
}
|
||||
|
||||
.logoutbtn:hover {
|
||||
cursor: pointer;
|
||||
color: red;
|
||||
}
|
||||
|
||||
.headerText {
|
||||
color: white;
|
||||
font-family: 'Rajdhani', sans-serif;
|
||||
}
|
||||
|
||||
h1 {
|
||||
color: rgb(150, 148, 148);
|
||||
-webkit-text-stroke-width: 0.3px;
|
||||
-webkit-text-stroke-color: white;
|
||||
}
|
||||
|
||||
/* h3 {
|
||||
margin-right: 20%;
|
||||
margin-left: 20%;
|
||||
color: white;
|
||||
text-align: center;
|
||||
line-height: 40px;
|
||||
} */
|
||||
|
||||
.abtme {
|
||||
text-align: center;
|
||||
background-color: rgba(0, 0, 0, 0.212);
|
||||
margin-right: 20%;
|
||||
margin-left: 20%;
|
||||
margin-top: 20px;;
|
||||
color: white;
|
||||
text-align: center;
|
||||
line-height: 40px;
|
||||
}
|
||||
|
||||
.inpbox {
|
||||
width: 250px;
|
||||
height: 100px;
|
||||
border-radius: 20px;
|
||||
background-color: rgb(200, 200, 202);
|
||||
}
|
||||
|
||||
.sbtn {
|
||||
margin: 20px;
|
||||
color: #ffffff;
|
||||
background: linear-gradient(0deg, #5f060600 10%, #6d1335 50%, #d64141 95%);
|
||||
background: linear-gradient(0deg, #d64141 10%, #6d1335 50%, #5f060600 95%);
|
||||
font-size: 19px;
|
||||
border: 1px solid #2d63c8;
|
||||
border-radius: 30px;
|
||||
padding: 15px 50px;
|
||||
cursor: pointer;
|
||||
}
|
||||
</style>
|
||||
|
||||
<script>
|
||||
/*
|
||||
Get the sessionId and the suggestion, send it to the back end where you can get the userId and attach it to the suggestion,
|
||||
then send all that to the selmer-bot ideas channel in the RPI Directory and Emojibase server
|
||||
*/
|
||||
function sendData(event) {
|
||||
event.preventDefault();
|
||||
|
||||
const sid = window.localStorage.getItem('sessionId');
|
||||
// if (!sid) {
|
||||
// return alert("Please log in to send feedback!");
|
||||
// }
|
||||
|
||||
const sbox = document.getElementById("sugbx");
|
||||
if (!sbox.value) { return; }
|
||||
|
||||
var xhr = new XMLHttpRequest();
|
||||
xhr.open('post', 'http://localhost:53134/suggestion/', true);
|
||||
xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded; charset=UTF-8');
|
||||
xhr.setRequestHeader('sessionId', sid);
|
||||
xhr.setRequestHeader('suggestion', sbox.value);
|
||||
|
||||
xhr.onloadend = (e) => {
|
||||
if (xhr.response == 'OK') {
|
||||
sbox.value = "Thank you for your suggestion, it has been recorded!";
|
||||
sbox.disabled = true;
|
||||
document.getElementById('sb').disabled = true;
|
||||
}
|
||||
}
|
||||
|
||||
xhr.send();
|
||||
}
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<!-- Nav Bar -->
|
||||
<nav class="navbar navbar-expand-sm navbar-fixed-top">
|
||||
<div class="container-fluid mx-auto">
|
||||
<a class="navbar-brand" href="index.html">
|
||||
<img src="https://github.com/ION606/selmer-bot-website/blob/main/assets/Selmer-icon.png?raw=true" alt="Selmer Icon" style="width: 50px;">
|
||||
</a>
|
||||
|
||||
<!-- <li class="nav-item">
|
||||
<a href="index.html" style="color: white" class="nav-link"><i class="fa-solid fa-house-chimney", alt="Home" style="scale: 2;"></i></a>
|
||||
</li> -->
|
||||
<ul class="navbar-nav">
|
||||
<li class="nav-item">
|
||||
<a href="myGuilds.html" id="guildslink" class="nav-link"><i class="fa-solid fa-server" alt="Servers" style="scale: 2; color: rgb(11, 189, 189);"></i></a>
|
||||
</li>
|
||||
|
||||
<li class="nav-item">
|
||||
<a href="calendar.html" id="callink" class="nav-link"><i class="fa-solid fa-calendar" alt="Calendar" style="scale: 2; color: lightgrey;"></i></a>
|
||||
</li>
|
||||
|
||||
<li class="nav-item">
|
||||
<a href="https://github.com/ION606/selmerBot/wiki" target="_blank" class="nav-link"><i class="fa-solid fa-book" style="scale: 2; color: white;" alt="WIKI"></i></a>
|
||||
</li>
|
||||
|
||||
<li class="nav-item">
|
||||
<a href="premium.html" class="nav-link"><i class="fa-solid fa-crown" style="scale: 2; color: gold;" alt="PREMIUM"></i></a>
|
||||
</li>
|
||||
|
||||
<li class="nav-item">
|
||||
<a href="team" class="nav-link"><i class="fa-solid fa-user-gear" style="scale: 2; color: rgb(12, 216, 5);" alt="AUTHOR"></i></a>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
<!-- <button type="button" class="btn btn-primary" data-bs-toggle="tooltip" title="Hooray!">Hover over me!</button> -->
|
||||
<div class="container headerText"><h1>Selmer Bot Web Dashboard</h1></div>
|
||||
<!-- <span class="ms-auto" style="margin-right: 1%;">
|
||||
< !-- <button id="login" class="loginbtn" onclick="window.location = getAPIRedirect()">Log Into Dashboard</button> -- >
|
||||
<button onclick="logout()" id="logoutbtn" class="logoutbtn" style="display: none;"><i class="fa-solid fa-arrow-right-from-bracket" alt="Log Out"></i></button>
|
||||
<button onclick="window.location = getAPIRedirect()" id="loginbtn" class="loginbtn"><i class="fa-solid fa-arrow-right-from-bracket" alt="Log In"></i></button>
|
||||
</span> -->
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
<div style="text-align: center;">
|
||||
<h1>Selmer Bot is being created by ION606!</h1>
|
||||
|
||||
<h3 style="text-align: center;" class="abtme">
|
||||
Hello there, and welcome to the Selmer Bot Web Dashboard! I'm ION606 and I'm a sophomore in college for a Computer Science and an Information Technology dual major.
|
||||
I like creating bots and programming new things! Feel free to suggest new features in the suggestion box (coming soon)!
|
||||
</h3>
|
||||
|
||||
<h1 style="margin-top: 30px;">Find me here!</h1>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="row">
|
||||
<div style="text-align: center;">
|
||||
<button onclick="window.open('http://www.selmerbot.com/', target='_blank')" class="webBtn">selmerbot.com</button>
|
||||
<script type="text/javascript" src="https://cdnjs.buymeacoffee.com/1.0.0/button.prod.min.js" data-name="bmc-button" data-slug="ion606" data-color="#FFDD00" data-emoji="" data-font="Cookie" data-text="Buy me a coffee" data-outline-color="#000000" data-font-color="#000000" data-coffee-color="#ffffff"></script>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div style="text-align: center; margin-top:50px;">
|
||||
<h1 style="color:rgb(240, 235, 235)"><u>Selmer Bot Feature Suggestion</u></h1>
|
||||
|
||||
<form action="/suggestion" method="post">
|
||||
<textarea type="text" class="inpbox" id="sugbx"></textarea>
|
||||
</form>
|
||||
<button onclick="sendData(event)" class="sbtn" id="sb">Submit</button>
|
||||
</div>
|
||||
|
||||
<div style="text-align: center; position: absolute; bottom: 5px; color: white;">Copyright @ION606 2022</div>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user