dashboard/public/templates/views/whitelabel.tmpl
2020-05-29 15:26:47 +01:00

146 lines
5.1 KiB
Cheetah

{{define "content"}}
<div class="content">
<div class="container-fluid">
<div class="row">
<div class="col-md-12">
<div class="card">
<div class="card-header">
<h4 class="card-title">Bot Token</h4>
</div>
<div class="card-body" id="card">
<form onsubmit="updateSettings(); return false;">
<div class="row">
<div class="col-md-12">
<div class="form-group">
<label>Bot Token</label>
<input name="token" type="text" class="form-control"
placeholder="9ViiGeUZlFJKIfSzodnzZT6W.bX8IAh.p9gG0tElMXg1EqwAChqaYz3swFY" id="token">
</div>
</div>
</div>
<div class="row">
<div class="col-md-12 ">
<p class="white">Note: You will not be able to view the token after submitting it</p>
</div>
</div>
<div class="row">
<div class="col-md-1">
<div class="form-group">
<button class="btn btn-primary btn-fill" type="submit">
<i class="fas fa-paper-plane"></i>
Submit
</button>
</div>
</div>
<div class="col-md-2">
<button class="btn btn-primary btn-fill" id="invite" type="button">
<i class="fas fa-plus"></i>
Generate Invite Link
</button>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-12">
<div class="card">
<div class="card-header">
<h4 class="card-title">Custom Status</h4>
</div>
<div class="card-body" id="card">
<form onsubmit="updateStatus(); return false;">
<div class="row">
<div class="col-md-12">
<div class="form-group">
<label>Status</label>
<input name="status" type="text" class="form-control" placeholder="DM for help | t!help" id="status">
</div>
</div>
</div>
<div class="row">
<div class="col-md-2">
<div class="form-group">
<button class="btn btn-primary btn-fill" type="submit">
<i class="fas fa-paper-plane"></i>
Submit
</button>
</div>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
<div aria-live="polite" aria-atomic="true" style="position: relative">
<div style="position: absolute; right: 10px" id="toast-container">
</div>
</div>
<script>
// invite button
document.getElementById('invite').addEventListener('click', async () => {
// get bot ID
const res = await axios.get('/user/whitelabel');
if (res.status !== 200 || !res.data.success) {
showToast('Error', res.data.error);
return;
}
const inviteUrl = 'https://discord.com/oauth2/authorize?client_id=' + res.data.id + '&scope=bot&permissions=805825648';
window.open(inviteUrl, '_blank');
}, false);
</script>
<script>
async function updateSettings() {
const data = {
token: document.getElementById('token').value
};
const res = await axios.post('/user/whitelabel', data);
if (res.status !== 200 || !res.data.success) {
showToast('Error', res.data.error);
return;
}
showToast('Success', `Started tickets whitelabel on ${res.data.bot.username}#${res.data.bot.discriminator}`);
}
async function updateStatus() {
const data = {
status: document.getElementById('status').value
};
const res = await axios.post('/user/whitelabel/status', data);
if (res.status !== 200 || !res.data.success) {
showToast('Error', res.data.error);
return;
}
showToast('Success', 'Updated status successfully')
}
async function loadStatus() {
const res = await axios.get('/user/whitelabel');
if (res.status !== 200 || !res.data.success) {
showToast('Error', res.data.error);
return;
}
document.getElementById('status').value = res.data.status;
}
loadStatus();
</script>
</div>
{{end}}