diff --git a/controller/api.js b/controller/api.js
new file mode 100644
index 0000000..7f27522
--- /dev/null
+++ b/controller/api.js
@@ -0,0 +1,52 @@
+const GuildM = require('../models/guilds');
+
+
+exports.hasRem = (io)=>
+{
+ return(req,res)=>
+ {
+ GuildM.find({gID:req.body.guildID})
+ .then(
+ (guild,err)=>
+ {
+ if(err || guild.length==0) return res.json({hasRem:false})
+ return res.json({hasRem:true})
+ }
+ )
+ }
+};
+
+exports.guildData = (io)=>
+{
+ return (req, res)=>
+ {
+ GuildM.find({gID:req.body.guildID})
+ .then(
+ (guild,err)=>
+ {
+ if(err || guild.length==0) return res.json(null)
+ return res.json(guild[0])
+ }
+ )
+ }
+}
+
+exports.updateGuild = (io)=>
+{
+ return (req, res)=>
+ {
+
+ GuildM.findOne({gID:req.body.guildID})
+ .then(
+ (guild, err)=>
+ {
+ if(err || guild.length) return res.json({Error:'No guild'});
+
+ guild[`${req.body.property}`] =! guild[`${req.body.property}`];
+ GuildM.updateOne({gID:req.body.guildID}, guild).then(()=>
+ {
+ return res.json(guild);
+ })
+ })
+ }
+}
\ No newline at end of file
diff --git a/controller/bot.js b/controller/bot.js
deleted file mode 100644
index 8e9ff2d..0000000
--- a/controller/bot.js
+++ /dev/null
@@ -1,7 +0,0 @@
-exports.get = (io)=>
-{
- return(req,res)=>
- {
- res.render('addtodiscord')
- }
-}
\ No newline at end of file
diff --git a/controller/dashboard.js b/controller/dashboard.js
new file mode 100644
index 0000000..b637d26
--- /dev/null
+++ b/controller/dashboard.js
@@ -0,0 +1,15 @@
+exports.get = (io)=>
+{
+ return(req,res)=>
+ {
+ res.render('dashboard')
+ }
+}
+exports.post = (io)=>
+{
+ return(req,res)=>
+ {
+ //change Shit on db
+ res.render('home')
+ }
+}
\ No newline at end of file
diff --git a/public/css/addtodiscord.css b/public/css/addtodiscord.css
deleted file mode 100644
index 204af6a..0000000
--- a/public/css/addtodiscord.css
+++ /dev/null
@@ -1,103 +0,0 @@
-
-@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@1,900&display=swap');
-
-body
-{
- margin:0;
- background-image: url("../images/wallhaven-650953.png");
- height:100%;
- width:100%;
- position:absolute;
- top:0%;
- left:0%;
- background-repeat: no-repeat;
- background-attachment: fixed;
- background-position: center;
-}
-
-.Footer
-{
- font-family:Verdana, sans-serif;
- color:rgb(14, 19, 19);
- position: fixed;
- left: 0;
- bottom: 0;
- width: 100%;
- text-align: center;
-}
-button
-{
- display:inline-block;
- padding:0%;
- margin:0;
- height:10%;
- width:30%;
-}
-.Discordbtn
-{
- position:static;
-}
-.DiscordAddBtn
-{
- height: 70%;
- width:70%;
-
-}
-.githublogo
-{
- height:5%;
- width:5%;
-}
-.github
-{
- display:inline-block;
- padding:3%;
- font-family:Verdana, sans-serif;
- font-size:100%;
- font-weight:bolder;
- color:black;
- text-align: center;
-}
-h1
-{
- display:block;
- padding-bottom: 30%;
- color:rgb(0, 183, 255);
- font-size: 50px;
- font-family: 'Lato', sans-serif;
- font-weight: bolder;
- text-align: center;
-}
-a,
-a:link,
-a:visited,
-a:hover,
-a:active
-{
- text-decoration: none;
- color:black;
-}
-.center
-{
- text-align: center;
- margin: auto;
- width: 50%;
- padding: 10px;
-}
-
-
-.verticalCenter
-{
- position: absolute;
- margin: 0;
- top: 50%;
- left: 50%;
- -ms-transform: translate(-50%, -50%);
- transform: translate(-50%, -50%);
-}
-.container
-{
- height: 100%;
- position: relative;
-
-}
\ No newline at end of file
diff --git a/public/css/dashboard.css b/public/css/dashboard.css
new file mode 100644
index 0000000..a8bd9d1
--- /dev/null
+++ b/public/css/dashboard.css
@@ -0,0 +1,122 @@
+@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@1,900&display=swap');
+
+body
+{
+ display: flex;
+ width: 100%;
+ align-items: center;
+ justify-content: center;
+ overflow: hidden;
+ background-color: #071c24;
+}
+#userWrapper
+{
+ position: absolute;
+ top:3vh;
+ left:50%;
+ transform: translateX(-50%);
+ height: 15vh;
+ width: 80%;
+}
+#avatar
+{
+ background-color: ivory;
+ height: 10vh;
+ width: 10vh;
+ background-size: 10vh 10vh;
+ position: relative;
+ top:2vh;
+ left: 10%;
+}
+#userName
+{
+ position: relative;
+ left: 50%;
+ top:-25%;
+ font-size: larger;
+ font-family: 'Lato';
+ font-weight: bolder;
+ color: rgb(15, 98, 131);
+}
+#guilds
+{
+ position: relative;
+ top:20vh;
+ background-color: rgba(210, 252, 253, 0.541);
+ width: 80%;
+ height: 70%;
+ font-family: 'Lato';
+ font-weight: bolder;
+ text-align: center;
+ border-radius: 2%;
+ border: 2px solid #020608;
+}
+.DiscordAddBtn
+{
+ position: relative;
+ transform: translateY(calc(50% - 1vh));
+ left:calc(50% - 6vw);
+ height: 2vh;
+ width:9vw;
+ background-image: url("../images/add-to-discord.png");
+ background-repeat: no-repeat;
+ background-size: 9vw 2vh;
+ cursor:pointer;
+
+
+}
+.material-symbols-outlined
+{
+ cursor: pointer;
+}
+.popup .material-symbols-outlined
+{
+ position: relative;
+ top:-0.1em;
+ right:1vh;
+ float:right;
+}
+.popup
+{
+ position: absolute;
+ top:50%;
+ left: 50%;
+ transform: translate(-50%, -50%);
+ height: 30%;
+ width: 50%;
+ background-color: rgba(210, 252, 253, 0.541);
+ border-radius: 1%;
+ border: 2px solid #020608;
+ z-index: 10;
+ text-align: center;
+}
+h1
+{
+ font-family: 'Lato';
+ position: relative;
+ top: -50%;
+}
+h3
+{
+ font-family: 'Lato';
+}
+p
+{
+ font-family: 'Lato';
+ padding-top: 1vh;
+ padding-bottom: 1vh;
+}
+p:nth-child(even)
+{
+ background-color: #071c2498;
+}
+.hidden
+{
+ display: none;
+}
+#close_bt
+{
+ position: relative;
+ top:1vh;
+ right:1vh;
+}
\ No newline at end of file
diff --git a/public/css/index.css b/public/css/index.css
index da05f53..d149489 100644
--- a/public/css/index.css
+++ b/public/css/index.css
@@ -12,9 +12,7 @@ body
background-repeat: no-repeat;
background-attachment: fixed;
background-position: center;
-
}
-
.Footer
{
font-family:Verdana, sans-serif;
@@ -33,7 +31,6 @@ button
height:10%;
width:30%;
}
-
.DiscordAddBtn
{
position:absolute;
@@ -119,75 +116,6 @@ a:active
}
-.SideNav
-{
- overflow: hidden;
- background-color: #071c24;
- margin: 0 0 0 0;
- padding:0;
- width: 15%;
- height: 100%;
- position: fixed;
- right: 0%;
- z-index: 1;
- border-left: 2px solid #010f14;
-
-}
-
-.SideNav ul
-{
- list-style: none;
- position: absolute;
- top:30%;
- margin-right: auto;
-}
-
-.SideNav a
-{
- color: #ffffff;
- text-align: center;
- font-size: 17px;
- text-decoration: none;
-}
-.btLogin
-{
- float: left;
- color: #ffffff;
- background-color: #010f14;
- height: 30px;
- border-style: none;
- margin-left: 10%;
-}
-.btRegister
-{
- float: right;
- color: #ffffff;
- background-color: #010f14;
- height: 30px;
- border-style: none;
- margin-right: 10%;
-}
-button:hover
-{
- background-color: #7c949c ;
-}
-#iName
-{
- color: rgba(0, 0, 0, 0.377);
-}
-#iPassword
-{
- color: rgba(0, 0, 0, 0.377);
-}
-#iName:focus::placeholder
-{
- color:transparent;
-}
-#iPassword:focus::placeholder
-{
- color:transparent;
-}
-
#iName:focus
{
color: black
@@ -196,81 +124,30 @@ button:hover
{
color: black
}
-#pLogin
-{
- color: ivory;
- text-align: Left;
- font: helvetica;
- font-size: 17px;
- text-decoration: none;
- margin-bottom: 45%;
-}
-div#password-constraints
-{
- margin: 5px 0 0 0;
- font-size: 16px;
- z-index: 0;
-}
-button#toggle-password
-{
- background: none;
- border: none;
- cursor: pointer;
- font-weight: 300;
- padding-left: 2%;
- position: relative !important;
- color: rgb(0, 183, 255);
- top: -2.25vh !important;
- right: -10.5vw !important;
- margin-right: 3%;
-}
+
label
{
color:ivory;
}
-button#toggle-password {
- background: none;
- border: none;
- cursor: pointer;
- font-weight: 300;
- padding: 0;
- /* Display at the top right of the password section */
- position: absolute;
- top: -4px;
- right: -2px;
- }
-
- div#password-constraints {
- display:none;
- margin: 5px 0 0 0;
- font-size: 16px;
- }
- input[type=password]:hover div#password-constraints
+.LoginBT
{
- background-color: black;
- display: block;
+ position: relative;
+ float:right;
+ margin-top: 5vh;
+ margin-right: 5vw;
+ text-align: center;
+ background-color: #7188DA;
+ height: 5vh;
+ width: 10vw;
+ border: 1px solid rgb(0, 0, 0);
+ border-radius: 5px;
+ font-size: larger;
+ font-weight: bolder;
+ font-family: 'Lato';
}
-@media (min-width: 450px) {
-
- button {
- font-size: 14px; /* fallback */
- font-size: var(--desktop-font-size);
- }
- button#signin {
- margin: 40px 0 0 0;
- }
- div#password-constraints {
- font-size: 14px;
- }
- input {
- font-size: 14px; /* fallback */
- }
- label {
- font-size: 14px; /* fallback */
- }
- }
-#Forgot
+#login
{
- font-size: 12px;
- margin-left: 3%;
+ color:rgb(252, 252, 218);
+ position: relative;
+ top:1vh;
}
\ No newline at end of file
diff --git a/public/js/dashboard.js b/public/js/dashboard.js
new file mode 100644
index 0000000..6efba20
--- /dev/null
+++ b/public/js/dashboard.js
@@ -0,0 +1,145 @@
+var userID;
+window.onload = async () =>
+{
+ const fragment = new URLSearchParams(window.location.hash.slice(1));
+ const [accessToken, tokenType] = [fragment.get('access_token'), fragment.get('token_type')];
+ var guilds;
+ const avatar = document.getElementById('avatar');
+ const userName = document.getElementById('userName');
+ var table = document.getElementById('guilds')
+
+ if (!accessToken) return window.location.href = '/';
+ fetch('https://discord.com/api/users/@me',
+ {
+ headers: {
+ authorization: `${tokenType} ${accessToken}`,
+ },
+ })
+ .then(result => result.json())
+ .then(response =>
+ {
+ userID = response.id;
+ avatar.style.backgroundImage = `url(https://cdn.discordapp.com/avatars/${response.id}/${response.avatar}.jpeg)`
+ userName.textContent = response.username
+ })
+ .catch(console.error);
+ fetch('https://discord.com/api/users/@me/guilds',
+ {
+ headers: {
+ authorization: `${tokenType} ${accessToken}`,
+ },
+ })
+ .then(result => result.json())
+ .then(response =>
+ {
+ guilds = response.filter(x=>x.owner==true);
+ for(var guild of guilds)
+ {
+ (async (guild)=>
+ {
+ var row = document.createElement('tr');
+ var name = document.createElement('td');
+ name.textContent = guild.name;
+ var settings = document.createElement('td');
+ settings.id = guild.id;
+ var gear = document.createElement('span');
+ gear.classList.add('material-symbols-outlined')
+ gear.onclick = handleSettigns
+ gear.textContent = 'settings';
+ row.appendChild(name);
+ var addRemData = document.createElement('td');
+ if(!await hasRem(guild.id))
+ {
+ var button = document.createElement('div');
+ button.classList.add('DiscordAddBtn');
+ addRemData.appendChild(button);
+ }
+ row.appendChild(addRemData);
+ settings.appendChild(gear);
+ row.appendChild(settings);
+ table.appendChild(row)
+ })(guild)
+ }
+
+ })
+ .catch(console.error);
+
+};
+
+function handleSettigns(event)
+{
+ var guildID = event.target.parentNode.id;
+ var guildName = event.target.parentNode.parentNode.childNodes[0].textContent;
+ var popup = document.getElementById('popup');
+ const data = {guildID}
+ fetch(`${window.location.origin}/api/getGuildData`,
+ {
+ method: "POST",
+ mode: "cors",
+ headers: {
+ "Content-Type": "application/json",
+ },
+ body: JSON.stringify(data), // body data type must match "Content-Type" header
+ })
+ .then(result => result.json())
+ .then(res =>
+ {
+ popup.classList.remove('hidden');
+ popup.children[1].textContent = guildName;
+ popup.children[1].id = guildID;
+ let music = document.getElementById('music')
+ music.textContent = res.music? 'check_box' :'check_box_outline_blank';
+ let strikes = document.getElementById('strikes')
+ strikes.textContent = res.strikes? 'check_box' :'check_box_outline_blank';
+ music.onclick = requestChange;
+ strikes.onclick = requestChange;
+
+
+ })
+ .catch(console.error);
+}
+async function hasRem(guildID)
+{
+ return await fetch(`${window.location.origin}/api/hasRem`,
+ {
+ method: "POST",
+ mode: "cors",
+ headers: {
+ "Content-Type": "application/json",
+ },
+ body: JSON.stringify({guildID}), // body data type must match "Content-Type" header
+ })
+ .then(result => result.json())
+ .then(res =>
+ {
+ return res.hasRem;
+ })
+ .catch(console.error);
+}
+
+function handleClose(element)
+{
+ element.parentNode.classList.add('hidden');
+}
+async function requestChange()
+{
+
+ return await fetch(`${window.location.origin}/api/change`,
+ {
+ method: "POST",
+ mode: "cors",
+ headers: {
+ "Content-Type": "application/json",
+ },
+ body: JSON.stringify({guildID:event.target.parentNode.parentNode.children[1].id,userID, property:event.target.id}), // body data type must match "Content-Type" header
+ })
+ .then(result => result.json())
+ .then(res =>
+ {
+ let music = document.getElementById('music')
+ music.textContent = res.music? 'check_box' :'check_box_outline_blank';
+ let strikes = document.getElementById('strikes')
+ strikes.textContent = res.strikes? 'check_box' :'check_box_outline_blank';
+ })
+ .catch(console.error);
+}
\ No newline at end of file
diff --git a/public/js/index.js b/public/js/index.js
index 63c59ae..e69de29 100644
--- a/public/js/index.js
+++ b/public/js/index.js
@@ -1,38 +0,0 @@
-window.onload = function ()
-{
- document.querySelector('input#password').addEventListener('input', validatePassword);
- document.querySelector('button#toggle-password').addEventListener('click', togglePassword);
-}
-
-function togglePassword()
-{
- const passwordInput = document.querySelector('input#password');
- const togglePasswordButton = document.querySelector('button#toggle-password');
- if (passwordInput.type === 'password') {
- passwordInput.type = 'text';
- togglePasswordButton.textContent = 'visibility_off';
- togglePasswordButton.setAttribute('aria-label',
- 'Hide password.');
- } else {
- passwordInput.type = 'password';
- togglePasswordButton.textContent = 'visibility';
- togglePasswordButton.setAttribute('aria-label',
- 'Show password as plain text. ' +
- 'Warning: this will display your password on the screen.');
- }
-}
-function validatePassword()
-{
- const passwordInput = document.querySelector('input#password');
- let message= '';
- if (!/.{8,}/.test(passwordInput.value)) {
- message = 'At least eight characters. ';
- }
- if (!/.*[A-Z].*/.test(passwordInput.value)) {
- message += '\nAt least one uppercase letter. ';
- }
- if (!/.*[a-z].*/.test(passwordInput.value)) {
- message += '\nAt least one lowercase letter.';
- }
- passwordInput.setCustomValidity(message);
-}
\ No newline at end of file
diff --git a/routes/routes.js b/routes/routes.js
index 21150c2..f421512 100644
--- a/routes/routes.js
+++ b/routes/routes.js
@@ -1,7 +1,14 @@
const router = require('express').Router();
const homeController = require('../controller/home.js');
+const dash = require('../controller/dashboard.js');
+const api = require('../controller/api.js');
module.exports = (io)=>
{
- router.route('/').get(homeController.home(io))
+ router.route('/').get(homeController.home(io));
+ router.route('/api/hasRem').post(api.hasRem(io));
+ router.route('/api/getGuildData/').post(api.guildData(io));
+ router.route('/api/Change/').post(api.updateGuild(io));
+ router.route('/dashboard').get(dash.get(io))
+ .post(dash.post(io));
return router;
};
\ No newline at end of file
diff --git a/server.js b/server.js
index 9f61999..0cc3a0e 100644
--- a/server.js
+++ b/server.js
@@ -78,7 +78,7 @@ bot.on('ready', () =>
nGuild.name = guild.name;
nGuild.memberCount = guild.members.cache.size;
nGuild.gID = guild.id;
- nGuild.strike = false;
+ nGuild.strikes = false;
nGuild.music = false;
nGuild.save(err=>
{
diff --git a/views/addtodiscord.ejs b/views/addtodiscord.ejs
deleted file mode 100644
index da234fc..0000000
--- a/views/addtodiscord.ejs
+++ /dev/null
@@ -1,40 +0,0 @@
-
-
-
-
-
-
-
- Rem-chan at your service
-
-
-
-
-
-
Rem-chan
-
-
-
- Rem themed discord bot. Everything you want in a bot, with a weabo twist.
-
-
-
-
-
-
+
+ | Guild |
+ Has Rem? |
+ Configure |
+
+
+
+
+
+
+
+
-
- 
- GitHub
-
-