From 5f26c6b63af125d5470de03fa99233b5e0474c58 Mon Sep 17 00:00:00 2001
From: tersiswilvin <52929976+tersiswilvin@users.noreply.github.com>
Date: Fri, 19 Aug 2022 20:23:49 -0700
Subject: [PATCH] Improved tree list

Adds a somewhat improved tree list as well as small changes to the online and offline icon in user list.
---
 public/css/NewAdminCSS.css            | 42 +++++++++++++++++++++++++--
 resources/views/admin/tree.blade.php  | 41 ++++++++++----------------
 resources/views/layouts/app.blade.php |  2 +-
 3 files changed, 56 insertions(+), 29 deletions(-)

diff --git a/public/css/NewAdminCSS.css b/public/css/NewAdminCSS.css
index c2dc219..075db56 100644
--- a/public/css/NewAdminCSS.css
+++ b/public/css/NewAdminCSS.css
@@ -175,6 +175,7 @@ h6 {
 }
 .NewPanel .SearchCloseBtn{
   color: #af1400;
+  transition: .1s linear;
   left: auto;
   margin-left: -105px;
   margin-top: 1px;
@@ -344,29 +345,64 @@ h6 {
   height: 12px;
   display: block;
   float: right;
-  top: -6px;
+  top: -12px;
   position: relative;
   border-radius: 50%;
 }
 .NewPanel .website {
   background: linear-gradient(0deg, #0087e0 0%, #005085 49%,#005a85 50%, #0099ff 95%, #fff 100%);
+  border: 2px solid #111;
   width: 12px;
   height: 12px;
   display: block;
   border-radius: 50%;
-  margin: -5px;
+  margin: -8px;
 }
 .NewPanel .offline {
   background: linear-gradient(0deg, #a3a3a3 0%, #7a7a7a 49%, #797979 50%, #c9c9c9 95%, #fff 100%);
+  border: 2px solid #111;
   width: 12px;
   height: 12px;
   display: block;
   border-radius: 50%;
-  margin: -5px;
+  margin: -8px;
 }
 .NewPanel.AdminPanel .flex {
   display: table!important;
 }
+.NewPanel .InvitationUserName {
+  text-align: center;
+  margin-top: 20px;
+  font-size: 20px;
+  font-weight: 600;
+  display: block;
+}
+.NewPanel .InvitationSubName {
+  text-align: center;
+  font-size: 18px;
+  font-weight: 100;
+}
+.NewPanel .InvitationSubName .InvitationText {
+  display: inline-block;
+  font-weight: 100;
+  cursor: default;
+  -webkit-touch-callout: none;
+  -webkit-user-select: none;
+  -khtml-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+}
+.NewPanel .InvitationSubText {
+  text-align: center;
+  cursor: default;
+  -webkit-touch-callout: none;
+  -webkit-user-select: none;
+  -khtml-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+}
 
 @media (max-width:1000px) {
   .NewPanel .AdminSubHeader ul {
diff --git a/resources/views/admin/tree.blade.php b/resources/views/admin/tree.blade.php
index 67923d5..591191d 100644
--- a/resources/views/admin/tree.blade.php
+++ b/resources/views/admin/tree.blade.php
@@ -18,6 +18,11 @@
         <h2 class="MainHeader">
             Invite Tree
         </h2>
+        @if (!request()->has('q'))
+            <h5 class="SubHeader">Enter a Username or ID.</h5>
+        @elseif (!$user)
+            <h5 class="SubHeader text-error">Unable to find user, please check if you entered the correct information.</h5>
+        @endif
         <div class="Userlist">
             <form method="GET" action="{{ route('admin_tree') }}">
                 <div>
@@ -32,36 +37,22 @@
                 </div>
             </form>
             @if ($user)
-                <div class="UserList">
-                    <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>
+            <a class="InvitationUserName AuthenticatedUserName" href="{{ route('profile', $user->id) }}">{{ $user->name }}</a>
+            <div class="InvitationSubName">
+            <h4 class="InvitationText">Invited By </h4>
+            <a href="{{ route('profile', App\Models\User::where('name', $invited_by)->first()->id) }}" class="AuthenticatedUserName">{{ $invited_by }}</a>
+            <h5 class="InvitationSubText">{{ $user->name }} Invited</h5>
+            @foreach ($children as $child)
+            <li>
+            <a href="{{ route('profile', $child->id) }}" target="_blank" class="AuthenticatedUserName">{{ $child->name }}</a>
+            </li>
+            @endforeach
+            </div>
             @endif
         </div>
     </div>
 @endsection
 @section('content')
-<!-- This is legacy code and won't output to the document - Conkley -->
     <div id="UserList">
         <h2>Invite Tree</h2>
         @if (request()->query('q'))
diff --git a/resources/views/layouts/app.blade.php b/resources/views/layouts/app.blade.php
index 896b6c2..a9e77a3 100644
--- a/resources/views/layouts/app.blade.php
+++ b/resources/views/layouts/app.blade.php
@@ -104,7 +104,7 @@
             @default
             @endswitch
             @endauth
-            <a id="logo_full" href="{{ route('home') }}"><img alt="ARCHBLOX Logo" class = "btn-logo" src="{{ asset('img/MORBLOXlogo.png') }}"/></a>
+            <a id="logo_full" href="{{ route('home') }}"><img alt="ARCHBLOX Logo" class="btn-logo" src="{{ asset('img/MORBLOXlogo.png') }}"/></a>
             <a id="logo_small" href="{{ route('home') }}"><img alt="ARCHBLOX Logo"
                     src="{{ asset('img/MORBLOXlogoshort.png') }}"/></a>
             <div id="NewRedesign" class="navbarbuttoncontainer NavigationRedesign">