ION_Archive/selmer-bot-website
1
0
Fork 0
mirror of https://github.com/ION606/selmer-bot-website.git synced 2026-05-15 06:26:54 +00:00
Code Issues Packages Projects Releases Wiki Activity

Added the channel selection menu

Browse Source
This commit is contained in:
ION606
2022-07-27 16:15:40 +03:00
parent d5583231df
commit bbf7dd1814
1 changed files with 33 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files
dashboard.html
+33 -20
View File
@@ -248,7 +248,7 @@
//Load the channels serverSettings.Id //Load the channels serverSettings.Id
var xhr = new XMLHttpRequest(); var xhr = new XMLHttpRequest();
xhr.open('get', 'https://selmer-bot-website.herokuapp.com/getChannels/', true); xhr.open('get', 'http://localhost:53134/getChannels/', true);
xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded; charset=UTF-8'); xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded; charset=UTF-8');
xhr.setRequestHeader('serverNumber', serverSettings.Id); xhr.setRequestHeader('serverNumber', serverSettings.Id);
xhr.onloadend = (e) => { xhr.onloadend = (e) => {
@@ -260,10 +260,27 @@
for (let i = 0; i < channels.text.length; i ++) { for (let i = 0; i < channels.text.length; i ++) {
var channel = channels.text[i]; var channel = channels.text[i];
if (channel.name && channel.id) { if (channel.name && channel.id) {
var opt = document.createElement('option'); var optlog = document.createElement('option');
opt.value = channel.id; optlog.value = channel.id;
opt.innerHTML = channel.name; optlog.innerHTML = channel.name;
document.getElementById('logchanneldropdown').appendChild(opt);
//I need two because if I try to append the same one, it only appends to one dorpdown
var optwelcome = document.createElement('option');
optwelcome.value = channel.id;
optwelcome.innerHTML = channel.name;
if (serverSettings.WELCOME.welcomechannel == optwelcome.value) {
optwelcome.setAttribute('selected', '');
}
if (serverSettings.LOG.logchannel == optlog.value) {
optlog.setAttribute('selected', '');
// optlog.selected = serverSettings.LOG.logchannel;
}
document.getElementById('logchanneldropdown').appendChild(optlog);
document.getElementById('welcomechanneldropdown').appendChild(optwelcome);
} }
} }
@@ -272,7 +289,7 @@
//Welcome section //Welcome section
let wc = serverSettings.WELCOME.welcomechannel || ''; let wc = serverSettings.WELCOME.welcomechannel || '';
let wm = serverSettings.WELCOME.welcomemessage || ''; let wm = serverSettings.WELCOME.welcomemessage || '';
document.getElementById('wc').setAttribute('value', wc); // document.getElementById('wc').setAttribute('value', wc);
document.getElementById('wm').setAttribute('value', wm); document.getElementById('wm').setAttribute('value', wm);
//Logging section ,"LOG":{"_id":"LOG","keepLogs":false,"logchannel":null,"severity":0}} //Logging section ,"LOG":{"_id":"LOG","keepLogs":false,"logchannel":null,"severity":0}}
@@ -281,7 +298,7 @@
let ls = serverSettings.LOG.severity || 0; let ls = serverSettings.LOG.severity || 0;
document.getElementById('kl').checked = kl; document.getElementById('kl').checked = kl;
document.getElementById('lc').setAttribute('value', lc); // document.getElementById('lc').setAttribute('value', lc);
// document.getElementById('ls').children[ls].checked = true; //Doesn't work // document.getElementById('ls').children[ls].checked = true; //Doesn't work
} }
@@ -326,10 +343,6 @@
function sendData(event, inp) { function sendData(event, inp) {
event.preventDefault(); event.preventDefault();
var values=Array.from($(".logchanneldropdown").find(':selected')).map(function(item){
return $(item).text();
});
//Change saving status //Change saving status
var b = document.getElementById('savstat'); var b = document.getElementById('savstat');
b.classList.replace('saved', 'saving'); b.classList.replace('saved', 'saving');
@@ -354,16 +367,13 @@
} }
serverSettings.LOG.keepLogs = kl; serverSettings.LOG.keepLogs = kl;
} else { } else {
const wc = document.getElementById('wc').value || null; serverSettings.WELCOME.welcomechannel = document.getElementById('welcomechanneldropdown').value || null;
const wm = document.getElementById('wm').value || null; serverSettings.WELCOME.welcomemessage = document.getElementById('wm').value || null;
serverSettings.WELCOME.welcomechannel = wc;
serverSettings.WELCOME.welcomemessage = wm;
} }
//Send the data to the server //Send the data to the server
var xhr = new XMLHttpRequest(); var xhr = new XMLHttpRequest();
xhr.open('post', 'https://selmer-bot-website.herokuapp.com/sendData/', true); xhr.open('post', 'http://localhost:53134/sendData/', true);
xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded; charset=UTF-8'); xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded; charset=UTF-8');
xhr.setRequestHeader('serverSettings', JSON.stringify(serverSettings)); xhr.setRequestHeader('serverSettings', JSON.stringify(serverSettings));
@@ -435,7 +445,10 @@
<div id="welcome", class="hide wc" style="margin-top: 20px;"> <div id="welcome", class="hide wc" style="margin-top: 20px;">
<form> <form>
<label for="wc">Welcome Channel Name:</label> <label for="wc">Welcome Channel Name:</label>
<input type="text" id="wc" name="wc"><br><br> <!-- <input type="text" id="wc" name="wc"><br><br> -->
<select id="welcomechanneldropdown" class="form-select mb-5" aria-label="Default select example">
<option selected=""></option>
</select>
<label for="wm">Welcome Message:</label> <label for="wm">Welcome Message:</label>
<input type="text" id="wm" name="wm"><br><br> <input type="text" id="wm" name="wm"><br><br>
@@ -454,8 +467,8 @@
<label for="kl">Keep Logs?</label> <label for="kl">Keep Logs?</label>
<input type="checkbox" id="kl" name="kl"><br><br> <input type="checkbox" id="kl" name="kl"><br><br>
<!-- <label for="lc">Logging Channel Name:</label> <label class="ps-1" for="lc">Log Channel Name:</label>
<input type="text" id="lc" name="lc"><br><br> --> <!-- <input type="text" id="lc" name="lc"><br><br> -->
<select id="logchanneldropdown" class="form-select mb-5" aria-label="Default select example"> <select id="logchanneldropdown" class="form-select mb-5" aria-label="Default select example">
<option selected=""></option> <option selected=""></option>
</select> </select>