ARCHBLOX
/
website
1
0
Fork 0
Code Issues Pull Requests 4 Packages Projects Releases Wiki Activity

Old Admin Panel Sunset 

Removed the old admin in favor of the new one, also added themes.
This commit is contained in:
tersiswilvin 2022-11-06 17:16:09 -08:00
parent 25c02ed960
commit 940a000adf
5 changed files with 266 additions and 289 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

402
public/css/NewAdminCSS.css
View File

@ -1,44 +1,17 @@
/*Legacy*/
.iphone-sidebar {
position: fixed;
color: rgb(255, 255, 255);
width: 20%;
height: 100%;
margin-left: 0px;
background-color: rgb(0, 0, 0);
padding-bottom: 5px;
padding-top: 5px;
}
.iphone-content {
position: relative;
color: white;
width: 80%;
height: 100%;
left: 20%;
background-color: rgb(0, 0, 0);
padding-bottom: 5px;
padding-top: 5px;
padding-left: 5px;
padding-right: 0px;
overflow-x: hidden;
position: fixed;
height: 100%;
}
#InviteTreeContainer {
background-color: rgb(255, 255, 255);
}
/*--------------*/
body { body {
font-family: 'Helvetica Neue', Helvetica, Arial, Sans-Serif;
}
body.NewPanel {
background-color: #111;
min-width: 0px; min-width: 0px;
font-family: Arial,Helvetica,sans-serif; /*/Don't Change/*/ font-family: Arial,Helvetica,sans-serif;
color: #fff; }
body :focus-visible {
outline: none !important;
}
.light-theme {
background-color: #ccc;
color: #2d312d;
}
.dark-theme {
background-color: #111;
color: #ddd;
} }
@font-face @font-face
@ -82,46 +55,65 @@ br {
-ms-user-select: none; -ms-user-select: none;
user-select: none; user-select: none;
} }
a {
color: inherit;
font-weight: normal;
}
.NewPanel #MasterContainer.AdminPanel { .light-theme #MasterContainer.AdminPanel {
background-color: #ccc;
}
.dark-theme #MasterContainer.AdminPanel {
background-color: #111; background-color: #111;
} }
.NewPanel #MasterContainer #BodyWrapper { #MasterContainer #BodyWrapper {
padding-top: 25px; padding-top: 25px;
background-color: #111;
color: #fff;
} }
.NewPanel .AdminPanel { .light-theme #MasterContainer #BodyWrapper {
background-color: #ccc;
color: #2d312d;
}
.dark-theme #MasterContainer #BodyWrapper {
background-color: #111;
color: #ddd
}
.AdminPanel {
height: 100%; height: 100%;
} }
.NewPanel #MasterContainer .iphone-sidebar, .NewPanel #MasterContainer .iphone-content, #MasterContainer #AdminWrapper, #MasterContainer #BodyWrapper { #AdminWrapper.Navigation {
display: none;
}
.NewPanel #MasterContainer #AdminWrapper, .NewPanel #MasterContainer #BodyWrapper {
display: block;
}
.NewPanel #AdminWrapper.Navigation {
width: 100%; width: 100%;
} }
.NewPanel .AdminHeader { .AdminHeader {
width: 100%; width: 100%;
height: 75px; height: 75px;
background-color: #333;
z-index: 2; z-index: 2;
position: relative; position: relative;
} }
.NewPanel .AdminSubHeader { .light-theme .AdminHeader {
background-color: #aaa;
}
.dark-theme .AdminHeader {
background-color: #333;
}
.AdminSubHeader {
width: 100%; width: 100%;
height: 25px; height: 25px;
background: #333; /*/Fallback for older browsers/*/
background: linear-gradient(180deg, #333, #191919);
box-shadow: 0 2px 8px 0 #000;
z-index: 1; z-index: 1;
position: relative; position: relative;
border-bottom-left-radius: 15px; border-bottom-left-radius: 15px;
border-bottom-right-radius: 15px; border-bottom-right-radius: 15px;
} }
.NewPanel .AdminSubHeader ul { .light-theme .AdminSubHeader {
background: #aaa; /*/Fallback for older browsers/*/
background: linear-gradient(180deg, #aaa, #555);
box-shadow: 0 2px 8px 0 #000;
}
.dark-theme .AdminSubHeader {
background: #333; /*/Fallback for older browsers/*/
background: linear-gradient(180deg, #333, #191919);
box-shadow: 0 2px 8px 0 #000;
}
.AdminSubHeader ul {
padding: 0; padding: 0;
margin: auto auto; margin: auto auto;
width: 100%; width: 100%;
@ -132,36 +124,48 @@ br {
display: flex; display: flex;
justify-content: center; justify-content: center;
} }
.NewPanel .AdminSubHeader li { .AdminSubHeader li {
width: 25%; width: 25%;
text-align: center; text-align: center;
list-style: none; list-style: none;
padding: 5px 0; padding: 5px 0;
}
.light-theme .AdminSubHeader li {
color: #000;
}
.dark-theme .AdminSubHeader li {
color: #fff; color: #fff;
} }
.NewPanel .AdminSubHeader li a { .AdminSubHeader li a {
font-size: 14px; font-size: 14px;
font-weight: 100; font-weight: 100;
color: #bbb;
cursor: pointer; cursor: pointer;
transition: .1s all linear; transition: .1s all linear;
} }
.NewPanel .AdminSubHeader li a:hover, .NewPanel .AdminSubHeader li a:active { .light-theme .AdminSubHeader li a {
color: #fff; color: #222;
box-shadow: 0 2px 0 0 #fff; }
.dark-theme .AdminSubHeader li a {
color: #bbb;
}
.AdminSubHeader li a:hover, .AdminSubHeader li a:active {
transition: .1s all linear; transition: .1s all linear;
} }
.NewPanel .AdminSubHeader li a.active { .light-theme .AdminSubHeader li a:hover, .light-theme .AdminSubHeader li a:active, .dark-theme .AdminSubHeader li a:hover, .dark-theme .AdminSubHeader li a:active {
color: #fff;
box-shadow: 0 2px 0 0 #fff;
}
.AdminSubHeader li a.active {
box-shadow: 0 2px 0 0 #00b7ff; box-shadow: 0 2px 0 0 #00b7ff;
} }
.NewPanel .AdminSubHeader li a:focus { .AdminSubHeader li a:focus {
color: #dbdbdb; color: #dbdbdb;
box-shadow: 0 2px 0 0 #dbdbdb; box-shadow: 0 2px 0 0 #dbdbdb;
} }
.NewPanel .AdminSubHeader li a.active:focus { .AdminSubHeader li a.active:focus {
box-shadow: 0 2px 0 0 #11749b; box-shadow: 0 2px 0 0 #11749b;
} }
.NewPanel .AdminPanel .logoutbtn { .AdminPanel .logoutbtn {
color: #00b7ff; color: #00b7ff;
cursor: default; cursor: default;
top: 10px; top: 10px;
@ -181,11 +185,11 @@ br {
display: flex; display: flex;
flex-direction: row-reverse; flex-direction: row-reverse;
} }
.NewPanel .AdminPanel .logoutarrow { .AdminPanel .logoutarrow {
height: 16px; height: 16px;
width: 16px; width: 16px;
} }
.NewPanel .AdminPanel .logoutarrow:before { .AdminPanel .logoutarrow:before {
font-family: "copenhagen-icons"; font-family: "copenhagen-icons";
font-style: normal; font-style: normal;
font-weight: normal; font-weight: normal;
@ -194,12 +198,10 @@ br {
transform: rotate(180deg); transform: rotate(180deg);
position: absolute; position: absolute;
} }
.NewPanel .AdminPanel .logoutarrow:before { .AdminPanel .logoutarrow:before {
content: '\2794'; content: '\2794';
} }
.NewPanel .AdminHeader .Slogan { .AdminHeader .Slogan {
color: #bbb;
text-shadow: #11111191 2px 2px;
font-size: 16px; font-size: 16px;
font-weight: 100; font-weight: 100;
display: block; display: block;
@ -212,7 +214,15 @@ br {
-ms-user-select: none; -ms-user-select: none;
user-select: none; user-select: none;
} }
.NewPanel .AdminHeader .SiteBrand { .light-theme .AdminHeader .Slogan {
color: #222;
text-shadow: #55555591 2px 2px;
}
.dark-theme .AdminHeader .Slogan {
color: #bbb;
text-shadow: #11111191 2px 2px;
}
.AdminHeader .SiteBrand {
width: 200px; width: 200px;
height: 40px; height: 40px;
padding: 5px; padding: 5px;
@ -220,18 +230,26 @@ br {
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: contain; background-size: contain;
background-position: 0; background-position: 0;
opacity: .75;
transition: .1s opacity linear; transition: .1s opacity linear;
display: block; display: block;
margin: auto; margin: auto;
} }
.NewPanel .AdminHeader .SiteBrand:hover { .light-theme .AdminHeader .SiteBrand {
opacity: .7;
}
.dark-theme .AdminHeader .SiteBrand {
opacity: .8;
}
.AdminHeader .SiteBrand:hover {
opacity: 1; opacity: 1;
} }
.NewPanel .AdminPanel #Body { .light-theme .AdminPanel #Body {
background-color: #ccc;
}
.dark-theme .AdminPanel #Body {
background-color: #111; background-color: #111;
} }
.NewPanel .AdminPanel .MainHeader, .NewPanel .AdminPanel .SubHeader { .AdminPanel .MainHeader, .AdminPanel .SubHeader {
text-align: center; text-align: center;
cursor: default; cursor: default;
-webkit-touch-callout: none; -webkit-touch-callout: none;
@ -241,43 +259,53 @@ br {
-ms-user-select: none; -ms-user-select: none;
user-select: none; user-select: none;
} }
.NewPanel .AdminPanel .Reminder { .AdminPanel .Reminder {
color: #ff7300 color: #ff7300
} }
.NewPanel .text-error { .text-error {
display: block; display: block;
text-align: center; text-align: center;
color: #d6241a; color: #d6241a;
font-weight: 200; font-weight: 200;
padding: 5px; padding: 5px;
} }
.NewPanel .text-header { .text-header {
display: block; display: block;
text-align: center; text-align: center;
padding: 5px 0; padding: 5px 0;
} }
.NewPanel .text-secondary { .text-secondary {
color: #bbb;
display: inline-block; display: inline-block;
text-align: left; text-align: left;
} }
.NewPanel .AdminPanel .Stats-Wrapper { .light-theme .text-secondary {
color: #555;
}
.dark-theme .text-secondary {
color: #bbb;
}
.AdminPanel .Stats-Wrapper {
text-align: center; text-align: center;
padding: 4px; padding: 4px;
} }
.NewPanel .AdminPanel .StatsContainer { .AdminPanel .StatsContainer {
margin: 15px 15px 0 15px; margin: 15px 15px 0 15px;
padding: 15px; padding: 15px;
border: 1px dashed #ff7300; border: 1px dashed #ff7300;
}
.light-theme .AdminPanel .StatsContainer {
background-color: #aaa;
}
.dark-theme .AdminPanel .StatsContainer {
background-color: #080808; background-color: #080808;
} }
.NewPanel .AdminPanel .Userlist { .AdminPanel .Userlist {
margin: 10px; margin: 10px;
} }
.NewPanel .AdminPanel form div { .AdminPanel form div {
text-align: center; text-align: center;
} }
.NewPanel .SearchCloseBtn { .SearchCloseBtn {
color: #af1400; color: #af1400;
transition: .1s linear; transition: .1s linear;
left: auto; left: auto;
@ -286,28 +314,31 @@ br {
position: absolute; position: absolute;
font-size: 16px; font-size: 16px;
} }
.NewPanel .SearchCloseBtn:hover { .SearchCloseBtn:hover {
color: #d41900; color: #d41900;
} }
.NewPanel .AdminPanel #SearchInput { .AdminPanel #SearchInput {
border: 1px solid #555;
border-radius: 3px; border-radius: 3px;
}
.light-theme .AdminPanel #SearchInput {
border: 1px solid #bbb;
color: #1b1b1b;
background-color: #fff;
}
.dark-theme .AdminPanel #SearchInput {
border: 1px solid #555;
color: #bbb; color: #bbb;
background-color: #000; background-color: #000;
} }
.NewPanel .AdminPanel #SearchInput:focus, .AdminPanel #SearchInput:active { .AdminPanel #SearchInput:focus, .AdminPanel #SearchInput:active {
border-color: #0099ff; border-color: #0099ff;
} }
.NewPanel #SearchInput, .NewPanel .btn-neutral { #SearchInput, .btn-neutral {
margin: 0 5px; margin: 0 5px;
} }
.NewPanel :focus-visible { .AdminPanel .Stats {
outline: none !important;
}
.NewPanel .AdminPanel .Stats {
font-size: 16px; font-size: 16px;
font-weight: 100; font-weight: 100;
color: #a7a7a7;
cursor: default; cursor: default;
-webkit-touch-callout: none; -webkit-touch-callout: none;
-webkit-user-select: none; -webkit-user-select: none;
@ -316,22 +347,38 @@ br {
-ms-user-select: none; -ms-user-select: none;
user-select: none; user-select: none;
} }
.NewPanel .AdminPanel .Stats.Counter { .light-theme .AdminPanel .Stats {
color: #222;
}
.dark-theme .AdminPanel .Stats {
color: #a7a7a7;
}
.AdminPanel .Stats.Counter {
font-weight: 400; font-weight: 400;
}
.light-theme .AdminPanel .Stats.Counter {
color: #000;
}
.dark-theme .AdminPanel .Stats.Counter {
color: #fff; color: #fff;
} }
.NewPanel .AdminPanel .Stat-Separator { .AdminPanel .Stat-Separator {
width: 50%; width: 50%;
height: 1px; height: 1px;
background: #555; /*/Fallback for older browsers/*/
background: linear-gradient(90deg,rgb(85, 85, 85,0) 0%, #555 50%, rgb(85, 85, 85,0) 100%);
display: block; display: block;
margin: auto; margin: auto;
} }
.NewPanel .AdminPanel .SearchContainer { .light-theme .AdminPanel .Stat-Separator {
background: #000; /*/Fallback for older browsers/*/
background: linear-gradient(90deg,#00000000 0%, #000 50%, #00000000 100%);
}
.dark-theme .AdminPanel .Stat-Separator {
background: #555; /*/Fallback for older browsers/*/
background: linear-gradient(90deg,#55555500 0%, #555 50%, rgb(85, 85, 85,0) 100%);
}
.AdminPanel .SearchContainer {
width: 235px; width: 235px;
height: auto; height: auto;
background-color: #555;
border-radius: 5px; border-radius: 5px;
margin: 62px 25px 0 0; margin: 62px 25px 0 0;
display: -webkit-box; display: -webkit-box;
@ -343,15 +390,27 @@ br {
align-content: center; align-content: center;
flex-direction: column; flex-direction: column;
} }
.NewPanel .SearchContainer .Thumbnail { .light-theme .AdminPanel .SearchContainer {
background-color: #bbb;
}
.dark-theme .AdminPanel .SearchContainer {
background-color: #555;
}
.SearchContainer .Thumbnail {
height: 64px; height: 64px;
width: 64px; width: 64px;
margin-top: -37px; margin-top: -37px;
background-color: #555;
border: 5px solid #111;
border-radius: 100%; border-radius: 100%;
} }
.NewPanel .SearchBoard { .light-theme .SearchContainer .Thumbnail {
background-color: #bbb;
border: 5px solid #ccc;
}
.dark-theme .SearchContainer .Thumbnail {
background-color: #555;
border: 5px solid #111;
}
.SearchBoard {
width: 100%; width: 100%;
height: 100%; height: 100%;
position: relative; position: relative;
@ -364,19 +423,19 @@ br {
justify-content: center; justify-content: center;
align-items: flex-start; align-items: flex-start;
} }
.NewPanel .SearchContainer .UserThumbnail { .SearchContainer .UserThumbnail {
background-image: url(/img/defaultrender.png); background-image: url(/img/defaultrender.png);
background-size: contain; background-size: contain;
width: 100%; width: 100%;
height: 100%; height: 100%;
} }
.NewPanel .SearchContainer .UserDetails { .SearchContainer .UserDetails {
padding: 5px; padding: 5px;
} }
.NewPanel .SearchContainer .SearchBox { .SearchContainer .SearchBox {
width: 100%; width: 100%;
} }
.NewPanel .AuthenticatedUserNameWrapper { .AuthenticatedUserNameWrapper {
top: 10px; top: 10px;
right: 10px; right: 10px;
font-size: 16px; font-size: 16px;
@ -392,19 +451,30 @@ br {
-ms-user-select: none; -ms-user-select: none;
user-select: none; user-select: none;
} }
.NewPanel .AuthenticatedUserName, .NewPanel .logoutarrow { .light-theme .AuthenticatedUserNameWrapper {
color: #00b7ff; color: #0D0D0D;
}
.dark-theme .AuthenticatedUserNameWrapper {
color: #fff;
}
.AuthenticatedUserName, .logoutarrow {
transition: .25s all ease-in-out; transition: .25s all ease-in-out;
display: inline-block; display: inline-block;
} }
.NewPanel .AuthenticatedUserName:hover, .NewPanel .logout:hover + .logoutarrow { .light-theme .AuthenticatedUserName, .light-theme .logoutarrow {
color: #0387bb;
}
.dark-theme .AuthenticatedUserName, .dark-theme .logoutarrow {
color: #00b7ff;
}
.AuthenticatedUserName:hover, .logout:hover + .logoutarrow {
color: #7ddaff; color: #7ddaff;
transition: .25s all ease-in-out; transition: .25s all ease-in-out;
} }
.NewPanel .UserDetails .Row { .UserDetails .Row {
overflow-wrap: anywhere; overflow-wrap: anywhere;
} }
.NewPanel .SearchContainer .Thumbnail a { .SearchContainer .Thumbnail a {
width: 12px; width: 12px;
height: 12px; height: 12px;
display: block; display: block;
@ -413,30 +483,37 @@ br {
position: relative; position: relative;
border-radius: 50%; border-radius: 50%;
} }
.NewPanel .website { .ingame {
display: none; /*TODO*/
}
.online {
background: #0087e0; /*/Fallback for older browsers/*/ background: #0087e0; /*/Fallback for older browsers/*/
background: linear-gradient(0deg, #0087e0 0%, #005085 49%,#005a85 50%, #0099ff 95%, #fff 100%); background: linear-gradient(0deg, #0087e0 0%, #005085 49%,#005a85 50%, #0099ff 95%, #fff 100%);
border: 2px solid #111;
width: 12px; width: 12px;
height: 12px; height: 12px;
display: block; display: block;
border-radius: 50%; border-radius: 50%;
margin: -8px; margin: -8px;
} }
.NewPanel .offline { .offline {
background: #a3a3a3; /*/Fallback for older browsers/*/ background: #a3a3a3; /*/Fallback for older browsers/*/
background: linear-gradient(0deg, #a3a3a3 0%, #7a7a7a 49%, #797979 50%, #c9c9c9 95%, #fff 100%); background: linear-gradient(0deg, #a3a3a3 0%, #7a7a7a 49%, #797979 50%, #c9c9c9 95%, #fff 100%);
border: 2px solid #111;
width: 12px; width: 12px;
height: 12px; height: 12px;
display: block; display: block;
border-radius: 50%; border-radius: 50%;
margin: -8px; margin: -8px;
} }
.NewPanel .info-hidden { .light-theme .online, .light-theme .offline, .light-theme .ingame {
border: 2px solid #ccc;
}
.dark-theme .online, .dark-theme .offline, .dark-theme .ingame {
border: 2px solid #111;
}
.info-hidden {
font-style: italic; font-style: italic;
} }
.NewPanel .info-error { .info-error {
color: #ff3300; color: #ff3300;
font-style: italic; font-style: italic;
cursor: not-allowed; cursor: not-allowed;
@ -447,19 +524,19 @@ br {
-ms-user-select: none; -ms-user-select: none;
user-select: none; user-select: none;
} }
.NewPanel .info-email { .info-email {
color: #c9c9c9; color: #c9c9c9;
} }
/*Heavily based off of the roblox developer tree list (because it looks cool)*/ /*Heavily based off of the roblox developer tree list (because it looks cool)*/
.NewPanel .SearchTree { .SearchTree {
width: 260px; width: 260px;
height: 100%; height: 100%;
padding: 0; padding: 0;
margin: 10px auto 0; margin: 10px auto 0;
min-height: 550px; min-height: 550px;
} }
.NewPanel .SearchTree .Menu { .SearchTree .Menu {
list-style-type: none; list-style-type: none;
position: relative; position: relative;
top: 0; top: 0;
@ -467,8 +544,7 @@ br {
line-height: 20px; line-height: 20px;
min-height: 550px; min-height: 550px;
} }
.NewPanel .SearchTree a { .SearchTree a {
color: #9b9b9b;
transition: .15s all ease-in-out; transition: .15s all ease-in-out;
font-size: 14px; font-size: 14px;
margin: 0 0 0 38px; margin: 0 0 0 38px;
@ -477,12 +553,20 @@ br {
top: 18px; top: 18px;
display: inline-block; display: inline-block;
} }
.NewPanel .SearchTree a:hover { .light-theme .SearchTree a {
color: #565656;
}
.dark-theme .SearchTree a {
color: #9b9b9b;
}
.light-theme .SearchTree a:hover {
color: #0387bb;
}
.dark-theme .SearchTree a:hover {
color: #00b7ff; color: #00b7ff;
} }
.NewPanel .SearchTree a::after { .SearchTree a::after {
content: ''; content: '';
border: 1px solid #555;
border-radius: 100%; border-radius: 100%;
width: 2px; width: 2px;
height: 2px; height: 2px;
@ -491,55 +575,66 @@ br {
position: absolute; position: absolute;
top: 9px; top: 9px;
} }
.NewPanel .SearchTree a span { .light-theme .SearchTree a::after {
border: 1px solid #222;
}
.dark-theme .SearchTree a::after {
border: 1px solid #555;
}
.SearchTree a span {
display: block; display: block;
} }
.NewPanel #BodyWrapper .forwardArrow::before { #BodyWrapper .forwardArrow::before {
font-family: "copenhagen-icons"; font-family: "copenhagen-icons";
font-style: normal; font-style: normal;
font-weight: normal; font-weight: normal;
line-height: 1em; line-height: 1em;
-webkit-font-smoothing: antialiased; -webkit-font-smoothing: antialiased;
} }
.NewPanel #BodyWrapper .forwardArrow::before { #BodyWrapper .forwardArrow::before {
content: '\2794'; content: '\2794';
} }
.NewPanel .SearchTree .forwardArrow:hover { .SearchTree .forwardArrow:hover {
color: #00b7ff; color: #00b7ff;
} }
.NewPanel #BodyWrapper .forwardArrow { #BodyWrapper .forwardArrow {
position: relative; position: relative;
display: inline-block; display: inline-block;
margin: 0; margin: 0;
padding: 0; padding: 0;
line-height: 14px; line-height: 14px;
} }
.NewPanel #BodyWrapper .forwardArrow::after, .NewPanel #BodyWrapper .userInfo::after { #BodyWrapper .forwardArrow::after, #BodyWrapper .userInfo::after {
display: none; display: none;
} }
.NewPanel #BodyWrapper .userInfo { #BodyWrapper .userInfo {
margin: 0; margin: 0;
} }
.NewPanel #BodyWrapper .userInfo::before { #BodyWrapper .userInfo::before {
font-family: "copenhagen-icons"; font-family: "copenhagen-icons";
font-style: normal; font-style: normal;
font-weight: normal; font-weight: normal;
line-height: 1em; line-height: 1em;
-webkit-font-smoothing: antialiased; -webkit-font-smoothing: antialiased;
} }
.NewPanel #BodyWrapper .userInfo::before { #BodyWrapper .userInfo::before {
content: '\2139'; content: '\2139';
border-radius: 100%; border-radius: 100%;
} }
.NewPanel .TreeList { .TreeList {
border-left: 1px dashed #555;
margin: 13px 0 0 30px; margin: 13px 0 0 30px;
padding: 0; padding: 0;
} }
.NewPanel #DropDown.TreeList { .light-theme .TreeList {
border-left: 1px dashed #222;
}
.dark-theme .TreeList {
border-left: 1px dashed #555;
}
#DropDown.TreeList {
min-height: 550px; min-height: 550px;
} }
.NewPanel .SearchTree li ul li { .SearchTree li ul li {
list-style-type: none; list-style-type: none;
position: relative; position: relative;
top: 3px; top: 3px;
@ -547,13 +642,13 @@ br {
padding-bottom: 16px; padding-bottom: 16px;
white-space: nowrap; white-space: nowrap;
} }
.NewPanel .SearchTree li ul li:last-child { .SearchTree li ul li:last-child {
padding-bottom: 11px; padding-bottom: 11px;
} }
.NewPanel .SearchTree li ul li.subList { .SearchTree li ul li.subList {
padding-bottom: 0; padding-bottom: 0;
} }
.NewPanel .SearchTree li ul li:before { .SearchTree li ul li:before {
content: ''; content: '';
display: inline-block; display: inline-block;
width: 25px; width: 25px;
@ -561,22 +656,27 @@ br {
position: absolute; position: absolute;
left: 0em; left: 0em;
top: 28px; top: 28px;
}
.light-theme .SearchTree li ul li:before {
border-top: 1px dashed #222;
}
.dark-theme .SearchTree li ul li:before {
border-top: 1px dashed #555; border-top: 1px dashed #555;
} }
@media (max-width:990px) { @media (max-width:990px) {
.NewPanel .AdminPanel #Body, .NewPanel .AdminPanel #BodyWrapper, .NewPanel .AdminPanel #MasterContainer { .AdminPanel #Body, .AdminPanel #BodyWrapper, .AdminPanel #MasterContainer {
width: 100% !important; /*!important since late 2012 roblox uses element.style CRINGE!*/ width: 100% !important; /*!important since late 2012 roblox uses element.style CRINGE!*/
padding: 0; padding: 0;
} }
} }
@media (max-width: 600px) { @media (max-width: 600px) {
.NewPanel .AuthenticatedUserNameWrapper { .AuthenticatedUserNameWrapper {
font-size: 10px; font-size: 10px;
} }
} }
@media (max-width:500px) { @media (max-width:500px) {
.NewPanel .AuthenticatedUserNameWrapper { .AuthenticatedUserNameWrapper {
display: none; display: none;
} }
} }

6
resources/views/admin/index.blade.php
View File

@ -62,10 +62,4 @@
</div> </div>
</div> </div>
</div> </div>
@endsection
@section('content')
<h1>{{ env('APP_NAME') }}</h1>
<h5>Administration Area</h5><br>
<p><strong>{{ App\Models\User::count() }}</strong> users registered, <strong>{{ App\Models\User::where('admin', true)->count() }}</strong> total admins, <strong>{{ App\Models\User::where('last_seen', '>', Carbon\Carbon::now()->subDay()->toDateTimeString())->count(); }}</strong> users online in the past 24 hours.</p><br>
<p><strong>{{ App\Models\InviteKey::count() }}</strong> invite keys exist, <strong>{{ App\Models\InviteKey::where('active', true)->count() }}</strong> keys haven't been used yet.</p>
@endsection @endsection

63
resources/views/admin/tree.blade.php
View File

@ -39,17 +39,21 @@
@if ($user) @if ($user)
<ul class="SearchTree"> <ul class="SearchTree">
<li class="Menu"> <li class="Menu">
<a title="{{ $invited_by }}'s Invite Tree" href="/admin/tree?q={{ App\Models\User::where('name', $invited_by)->first()->id }}&searchBy=id"> <div id="Invitedheader" class="invitedUser">
<span>{{ $invited_by }}</span> <a title="{{ $invited_by }}'s Invite Tree" href="/admin/tree?q={{ App\Models\User::where('name', $invited_by)->first()->id }}&searchBy=id">
</a> <span>{{ $invited_by }}</span>
<a href="/admin/users?q={{ App\Models\User::where('name', $invited_by)->first()->id }}&searchBy=id" title="View {{ App\Models\User::where('name', $invited_by)->first()->name }}'s Details" class="userInfo"></a> </a>
<a href="{{ route('profile', App\Models\User::where('name', $invited_by)->first()->id) }}" title="{{ $invited_by }}'s Profile" class="forwardArrow"></a> <a href="/admin/users?q={{ App\Models\User::where('name', $invited_by)->first()->id }}&searchBy=id" title="View {{ App\Models\User::where('name', $invited_by)->first()->name }}'s Details" class="userInfo"></a>
<a href="{{ route('profile', App\Models\User::where('name', $invited_by)->first()->id) }}" title="{{ $invited_by }}'s Profile" class="forwardArrow"></a>
</div>
<ul id="DropDown" class="TreeList"> <ul id="DropDown" class="TreeList">
<li class="subList"> <li class="subList">
<a href="{{ route('profile', $user->id) }}" title="{{ $user->name }}'s Profile" class="RedirectArrow"> <div id="subusernameBody" class="subUsernameContainer">
<span>{{ $user->name }}</span> <a href="{{ route('profile', $user->id) }}" title="{{ $user->name }}'s Profile" class="RedirectArrow">
</a> <span>{{ $user->name }}</span>
<a href="/admin/users?q={{ $user->id }}&searchBy=id" title="View {{ $user->name }}'s Details" class="userInfo"></a> </a>
<a href="/admin/users?q={{ $user->id }}&searchBy=id" title="View {{ $user->name }}'s Details" class="userInfo"></a>
</div>
<ul class="TreeList"> <ul class="TreeList">
@foreach ($children as $child) @foreach ($children as $child)
<li> <li>
@ -69,44 +73,3 @@
</div> </div>
</div> </div>
@endsection @endsection
@section('content')
<div id="UserList">
<h2>Invite Tree</h2>
@if (request()->query('q'))
<a href="{{ route('admin_tree') }}" style="color:navy">Clear Search</a>
@endif
<form method="GET" action="{{ route('admin_tree') }}">
<div style="margin-top:10px;margin-bottom:10px;"><input type="text" id="q" name="q"
placeholder="Search..." value="{{ request()->q }}"><button class="bluebutton" style="margin-left:2px"
name="searchBy" value="name">Search by Username</button><button class="bluebutton"
style="margin-left:2px" name="searchBy" value="id">Search by ID</button></div>
</form>
@if ($user)
<div id="SearchContainer">
<h2>User Found: {{ $user->name }}</h2>
<ul>
<li>
<h3><a href="{{ route('profile', App\Models\User::where('name', $invited_by)->first()->id) }}"
target="_blank">{{ $invited_by }}</a>
</h3>
</li>
<ul>
<li><a href="{{ route('profile', $user->id) }}" target="_blank">{{ $user->name }}</a></li>
<ul>
@foreach ($children as $child)
<li><a href="{{ route('profile', $child->id) }}" target="_blank">{{ $child->name }}</a>
</li>
@endforeach
</ul>
</ul>
</ul>
</div>
@endif
@if (!request()->has('q'))
<h5>Enter a username or ID.</h5>
@elseif (!$user)
<h5>No user was found, check if you entered the correct details.</h5>
@endif
</div>
@endsection

66
resources/views/admin/users.blade.php
View File

@ -32,7 +32,7 @@
</div> </div>
<a> <a>
@if (Cache::has('is_online_' . $user->id)) @if (Cache::has('is_online_' . $user->id))
<span class="website" title="Online"> <span class="online" title="Online">
</span> </span>
@else @else
<span class="offline" title="Offline"> <span class="offline" title="Offline">
@ -271,67 +271,3 @@
</div> </div>
{{ $users->appends($_GET)->links() }} {{ $users->appends($_GET)->links() }}
@endsection @endsection
@section('content')
<div id="UserList">
<h2>User List</h2>
<p>Remember, use your powers for good, not for evil.</p>
<p>Please do not share a user's birth date or email address without their permission.</p>
@if (request()->query('q'))
<a href="{{ route('admin_users') }}" style="color:navy">Clear Search</a>
@endif
<form method="GET" action="{{ route('admin_users') }}">
<div style="margin-top:10px;margin-bottom:10px;"><input type="text" id="q" name="q" placeholder="Search..." value="{{ request()->q }}"><button
class="bluebutton" style="margin-left:2px" name="searchBy" value="name">Search by Username</button><button class="bluebutton" style="margin-left:2px" name="searchBy" value="id">Search by ID</button></div>
</form>
@foreach ($users as $user)
<div id="SearchContainer">
<div class="ProfileContainerBox" id="ProfileContainerBox1" style="background-color: white;">
<div id="ProfileContainerBox1ImageContainer">
<img alt="Profile Image" src="https://archblox.com/img/defaultrender.png" width="60px"
height="100%">
</div>
<div id="ProfileContainerBox1TextContainer" style="color:black">
<p><strong>Username:</strong> {{ $user->name }}</p>
@if ($user->admin)
<p><strong>Email:</strong> <i>Admin Email Hidden</i></p>
@else
<p><strong>Email:</strong> {{ $user->email }}</p>
@endif
<p><strong>ID:</strong> {{ $user->id }}</p>
<p><strong>DOB:</strong> {{ Carbon\Carbon::parse($user->dob)->format('d/m/Y') }}</p>
<p><strong>Rank:</strong>
@if ($user->admin)
Admin
@else
User
@endif
</p>
<p><strong>Status:</strong> Normal</p>
@if (!empty($user->id))
@if (!empty(App\Models\User::where('id', $user->invited_by)->first()->id))
<p><strong>Invited By:</strong> <a style="color:blue">{{ App\Models\User::where('id', $user->invited_by)->first()->name }}</a>
(ID: {{ App\Models\User::where('id', $user->invited_by)->first()->id }})
</p>
@else
<p><strong>Invited By:</strong> <a style="color:blue">N/A</a>
(ID: N/A)
</p>
@endif
@endif
<!--
<button class="greybutton">Check Reports For This User</button>
<button class="bluebutton">Edit User Data</button>
<button class="bluebutton">Warn/Ban History</button>
<button class="redbutton">Warn</button>
<button class="redbutton">Ban/Terminate</button>-->
</div>
</div>
</div>
@endforeach
@if ($users->isEmpty())
<h5>No user was found, check if you entered the correct details.</h5>
@endif
</div>
{{ $users->appends($_GET)->links() }}
@endsection

18
resources/views/layouts/admin.blade.php
View File

@ -21,7 +21,7 @@
<script src="{{ asset('js/detect_iphone.js') }}" defer></script> <script src="{{ asset('js/detect_iphone.js') }}" defer></script>
</head> </head>
<body class="NewPanel"> <body class="dark-theme">
@yield('alert') @yield('alert')
<div id="MasterContainer" class="AdminPanel" style="width: 100%;"> <div id="MasterContainer" class="AdminPanel" style="width: 100%;">
@ -66,22 +66,6 @@
@yield('Body') @yield('Body')
</div> </div>
</div> </div>
<div class="iphone-sidebar">
<img href="{{ route('admin_index') }}" src="https://archblox.com/img/MORBLOXlogo.png" width="50%">
<p>Admin Panel</p>
<p>Logged in as: {{ Auth::user()->name }}</p>
<br>
<a href="{{ route('admin_index') }}">Home</a>
<br>
<a href="{{ route('admin_users') }}">User List</a>
<br>
<a href="{{ route('admin_tree') }}">Invite Tree</a>
<br><br>
<a href="{{ route('home') }}"><span style="font-size:20px">←</span> Return to Main Site</a>
</div>
<div class="iphone-content">
@yield('content')
</div>
</body> </body>
</html> </html>