Updated Admin Panel

Makes way for improvements on the user and tree list, renamed Admistration Area in home to "Home".

public/css/NewAdminCSS.css

@@ -7,6 +7,14 @@ body {
   min-width: 0px;
 }
 
+@font-face
+{
+	font-family: "copenhagen-icons";
+	src: url(copenhagen-icons-268fb7c014de8a06d7d40310b5000daa..woff) format("woff");
+	font-weight: normal;
+	font-style: normal
+}
+
 h1 {
   font-size: 32px;
   font-weight: 800;
@@ -66,6 +74,8 @@ h6 {
   box-shadow: 0 2px 8px 0 #000;
   z-index: 1;
   position: relative;
+  border-bottom-left-radius: 15px;
+  border-bottom-right-radius: 15px;
 }
 .NewPanel .AdminSubHeader ul {
   padding: 0;
@@ -282,12 +292,12 @@ h6 {
   user-select: none;
 }
 .NewPanel .AuthenticatedUserName {
-  color: #009dff;
+  color: #00b7ff;
   transition: .25s all ease-in-out;
   display: inline-block;
 }
 .NewPanel .AdminHeader .HomeBtn {
-  color: #009dff;
+  color: #00b7ff;
   cursor: default;
   -webkit-touch-callout: none;
   -webkit-user-select: none;
@@ -337,7 +347,7 @@ h6 {
   overflow-wrap: anywhere;
 }
 .NewPanel .AuthenticatedUserName:hover, .NewPanel .Backbtn:hover, .NewPanel .Backbtn:hover + .BackArrow {
-  color: #2fcfff;
+  color: #7ddaff;
   transition: .25s all ease-in-out;
 }
 .NewPanel .SearchContainer .Thumbnail a {
@@ -413,18 +423,47 @@ h6 {
 .NewPanel .SearchTree a span {
   display: block;
 }
-.NewPanel .SearchTree .forwardArrow {
+.NewPanel #BodyWrapper .forwardArrow::before {
-  transform: rotate(180deg);
+  font-family: "copenhagen-icons";
+  font-style: normal;
+  font-weight: normal;
+  line-height: 1em;
+  vertical-align: middle;
+  -webkit-font-smoothing: antialiased;
+}
+.NewPanel #BodyWrapper .forwardArrow::before {
+  content: '\2794';
+}
+.NewPanel .SearchTree .forwardArrow:hover {
+  color: #00b7ff;
+}
+.NewPanel #BodyWrapper .forwardArrow {
   position: relative;
   display: inline-block;
   margin: 0;
   padding: 0;
-  top: 21px;
   line-height: 14px;
 }
-.NewPanel .SearchTree .forwardArrow::after {
+.NewPanel #BodyWrapper .forwardArrow::after, .NewPanel #BodyWrapper .userInfo::after {
   display: none;
 }
+.NewPanel #BodyWrapper .userInfo {
+  margin: 0;
+}
+.NewPanel #BodyWrapper .userInfo::before {
+  font-family: "copenhagen-icons";
+  font-style: normal;
+  font-weight: normal;
+  line-height: 1em;
+  vertical-align: middle;
+  -webkit-font-smoothing: antialiased;
+}
+.NewPanel #BodyWrapper .userInfo::before {
+  content: '\2139';
+  padding: 0 2px;
+  border: 1px solid;
+  border-radius: 100%;
+}
 .NewPanel .TreeList {
   border-left: 1px dashed #555;
   margin: 13px 0 0 30px;

resources/views/admin/index.blade.php

@@ -6,7 +6,7 @@
 @section('Body')
 <div id="Body" style="width: 970px;">
 <h2 class="MainHeader">
-    Administration Area
+     Home
 </h2>
 <div class="StatsContainer">
 <div class="Stats-Wrapper">

resources/views/admin/tree.blade.php

@@ -42,7 +42,7 @@
                     <a title="{{ $invited_by }}'s Invite Tree" href="/iphone/tree?q={{ App\Models\User::where('name', $invited_by)->first()->id }}&searchBy=id">
                         <span>{{ $invited_by }}</span>
                     </a>
-                    <a href="{{ route('profile', App\Models\User::where('name', $invited_by)->first()->id) }}" title="{{ $invited_by }}'s Profile" class="forwardArrow">←</a>
+                    <a href="{{ route('profile', App\Models\User::where('name', $invited_by)->first()->id) }}" title="{{ $invited_by }}'s Profile" class="forwardArrow"></a>
                     <ul id="DropDown" class="TreeList">
                         <li class="subList">
                             <a href="{{ route('profile', $user->id) }}" title="{{ $user->name }}'s Profile" class="RedirectArrow">
@@ -54,7 +54,8 @@
                                     <a href="/iphone/tree?q={{ $child->id }}&searchBy=id" title="{{ $child->name }}'s Invite Tree">
                                         <span>{{ $child->name }}</span>
                                     </a>
-                                    <a href="{{ route('profile', $child->id) }}" title="{{ $child->name }}'s Profile" class="forwardArrow">←</a>
+                                    <a href="/iphone/users?q={{ $child->id }}&searchBy=id" title="View {{ $child->name }}'s Details" class="userInfo"></a>
+                                    <a href="{{ route('profile', $child->id) }}" title="{{ $child->name }}'s Profile" class="forwardArrow"></a>
                                 </li>
                             @endforeach
                             </ul>

resources/views/admin/users.blade.php

@@ -82,7 +82,11 @@
                 @if ($user->admin)
                     [Redacted]
                 @else
-                    {{ Carbon\Carbon::parse($user->dob)->format('d/m/Y') }}
+                @guest
+                {{ Carbon\Carbon::parse($user->dob)->format('d/m/Y') }}
+                @else
+                {{ Carbon\Carbon::parse($user->dob)->format(Auth::user()->settings->date_preference) }}
+                @endguest
                 @endif
             </a>
         </div>
@@ -165,6 +169,15 @@
             <a href="{{ route('profile', App\Models\User::where('id', $user->invited_by)->first()->id) }}" class="AuthenticatedUserName">
                 {{ App\Models\User::where('id', $user->invited_by)->first()->name }}
             </a>
+            <a href="/iphone/tree?q={{ App\Models\User::where('id', $user->invited_by)->first()->id }}&searchBy=id" title="{{ App\Models\User::where('id', $user->invited_by)->first()->name }}'s Invite Tree" class="forwardArrow AuthenticatedUserName"></a>
+        </div>
+        <div class="Row">
+            <div class="text-secondary">
+                View
+            </div>
+            <a href="{{ route('profile', App\Models\User::where('id', $user->invited_by)->first()->id) }}" title="View invite tree from {{ $user->name }}" class="AuthenticatedUserName">
+                Invite Tree
+            </a>
         </div>
         <div class="Row">
             <div class="text-secondary">