SileNce/discord_bot_mgmt
1
0
Fork 0
mirror of https://github.com/SileNce5k/discord_bot_mgmt.git synced 2025-04-20 03:26:14 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions

Finish basic view of dashboard

Browse source 
Very basic, probably need a lot more editing when actual logs and stuff
show up (+ it needs to be dynamic?)
This commit is contained in:
SileNce5k 2025-01-13 06:46:15 +01:00
parent cbf315b76f
commit 3a13f98ab4
Signed by: SileNce
GPG key ID: B0A142BB4291B204
2 changed files with 82 additions and 14 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

72
frontend/public/css/main.css
View file

@ -3,7 +3,6 @@ body {
background-color: #262626; background-color: #262626;
color: #dedede; color: #dedede;
font-size: 40px; font-size: 40px;
text-align: center;
font-family: "Verdana, Geneva, Tahoma, sans-serif"; font-family: "Verdana, Geneva, Tahoma, sans-serif";
display: flex; display: flex;
flex-direction: column; flex-direction: column;
@ -24,18 +23,13 @@ a:visited {
} }
#nav { #nav {
/*margin-top:20%;*/
position: fixed; position: fixed;
bottom: 20px; bottom: 20px;
text-align: center; text-align: center;
width: 100%; width: 100%;
} }
#links p {
margin-top: 0px;
margin-bottom: 0px;
}
#incorrect-login{ #incorrect-login{
@ -61,18 +55,74 @@ a:visited {
font-weight: bolder; font-weight: bolder;
position: absolute; position: absolute;
border-radius: 12px; border-radius: 12px;
border: 2px solid #c8c8c8;
justify-content: center;
} }
#check01:checked~ul.dropdown-submenu { #check01:checked~ul.dropdown-submenu {
display: inherit; display: inherit;
flex-direction: column; flex-direction: column;
position: inherit;
align-items: center;
justify-content: center;
padding: 10px 0px 0px 0px;
outline: 2px solid #c8c8c8;
margin-top: 55px;
} }
.user-dropdown{ .user-dropdown {
display:flex; display: flex;
top: 8%; top: 10px;
right: 10%; right: 250px;
position: absolute; position: absolute;
user-select: none;
} }
#bot {
width: 1200px;
border: 5px solid #444;
display: flex;
justify-content: center;
align-items: center;
height: 600px;
position: absolute;
margin-top: 35px;
top: 160px;
width: 62%;
padding: 0px;
}
#bot-log {
border: 5px solid #444;
display: flex;
align-items: center;
position: relative;
width: 85%;
height: 500px;
flex-direction: column;
}
#bot-log > p {
font-size: 17px;
margin: 0px;
}
#main-content {
justify-content: center;
display: flex;
}
#bot-buttons {
display: inherit;
position: relative;
align-self: flex-start;
margin-top: 3%;
flex-direction: column;
margin-left: 40px;
}
#bot-buttons > button {
margin-top: 2px;
}

20
frontend/views/dashboard.ejs
View file

@ -10,7 +10,6 @@
<body> <body>
<header class="dashboard"> <header class="dashboard">
<h1 class="dashboard-title">Dashboard</h1>
<div class="user-dropdown"> <div class="user-dropdown">
<input id="check01" type="checkbox" name="menu" /> <input id="check01" type="checkbox" name="menu" />
<label class="dropdown-label" for="check01"> <label class="dropdown-label" for="check01">
@ -22,6 +21,25 @@
</ul> </ul>
</div> </div>
</header> </header>
<div id="main-content">
<h1 class="dashboard-title">Dashboard</h1>
<div id="bot">
<div id="bot-log">
<p>2025-01-13 05:55:02 - example command executed by -some-user-id-</p>
<p>2025-01-13 05:57:33 - userinfo command executed by -some-user-id-</p>
</div>
<div id="bot-buttons">
<button>Restart</button>
<button>Update</button>
<button>Download Config</button>
<button>Upload Config</button>
<button>Backup data</button>
<button>Restore data</button>
<button>Download logs</button>
</div>
</div>
</div>
<%= footer %> <%= footer %>
</body> </body>