SileNce/discord_bot_mgmt
1
0
Fork 0
mirror of https://github.com/SileNce5k/discord_bot_mgmt.git synced 2025-04-19 19:16:20 +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

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

@ -3,7 +3,6 @@ body {
background-color: #262626;
color: #dedede;
font-size: 40px;
text-align: center;
font-family: "Verdana, Geneva, Tahoma, sans-serif";
display: flex;
flex-direction: column;
@ -24,18 +23,13 @@ a:visited {
}
#nav {
/*margin-top:20%;*/
position: fixed;
bottom: 20px;
text-align: center;
width: 100%;
}
#links p {
margin-top: 0px;
margin-bottom: 0px;
}
#incorrect-login{
@ -61,18 +55,74 @@ a:visited {
font-weight: bolder;
position: absolute;
border-radius: 12px;
border: 2px solid #c8c8c8;
justify-content: center;
}
#check01:checked~ul.dropdown-submenu {
display: inherit;
display: inherit;
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 {
display: flex;
top: 10px;
right: 250px;
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;
}
.user-dropdown{
display:flex;
top: 8%;
right: 10%;
position: absolute;
#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>
<header class="dashboard">
<h1 class="dashboard-title">Dashboard</h1>
<div class="user-dropdown">
<input id="check01" type="checkbox" name="menu" />
<label class="dropdown-label" for="check01">
@ -22,6 +21,25 @@
</ul>
</div>
</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 %>
</body>