From b144efbe966eec2cc264f2fb7987d517678f7f60 Mon Sep 17 00:00:00 2001
From: Daniel Supernault <danielsupernault@gmail.com>
Date: Sun, 20 May 2018 15:50:11 -0600
Subject: [PATCH] Add basic admin dashboard views

---
 resources/views/admin/media/home.blade.php    | 24 ++++++++
 .../views/admin/partial/sidebar.blade.php     | 37 +++++++++++++
 .../views/admin/partial/template.blade.php    | 25 +++++++++
 resources/views/admin/statuses/home.blade.php | 55 +++++++++++++++++++
 resources/views/admin/statuses/show.blade.php | 36 ++++++++++++
 resources/views/admin/users/home.blade.php    | 55 +++++++++++++++++++
 6 files changed, 232 insertions(+)
 create mode 100644 resources/views/admin/media/home.blade.php
 create mode 100644 resources/views/admin/partial/sidebar.blade.php
 create mode 100644 resources/views/admin/partial/template.blade.php
 create mode 100644 resources/views/admin/statuses/home.blade.php
 create mode 100644 resources/views/admin/statuses/show.blade.php
 create mode 100644 resources/views/admin/users/home.blade.php

diff --git a/resources/views/admin/media/home.blade.php b/resources/views/admin/media/home.blade.php
new file mode 100644
index 000000000..bb1d1dcc2
--- /dev/null
+++ b/resources/views/admin/media/home.blade.php
@@ -0,0 +1,24 @@
+@extends('admin.partial.template')
+
+@section('section')
+  <div class="title">
+    <h3 class="font-weight-bold">Media</h3>
+  </div>
+
+  <hr>
+
+  <div class="profile-timeline mt-5 row">
+    @foreach($media as $status)
+    <div class="col-12 col-md-4 mb-4">
+      <a class="card" href="{{$status->url()}}">
+        <img class="card-img-top" src="{{$status->thumb()}}" width="150px" height="150px">
+      </a>
+    </div>
+    @endforeach
+  </div>
+
+    <hr>
+  <div class="d-flex justify-content-center">
+    {{$media->links()}}
+  </div>
+@endsection
\ No newline at end of file
diff --git a/resources/views/admin/partial/sidebar.blade.php b/resources/views/admin/partial/sidebar.blade.php
new file mode 100644
index 000000000..12440a510
--- /dev/null
+++ b/resources/views/admin/partial/sidebar.blade.php
@@ -0,0 +1,37 @@
+  <div class="col-12 col-md-3 py-3" style="border-right:1px solid #ccc;">
+    <ul class="nav flex-column settings-nav">
+      <li class="nav-item pl-3 {{request()->is('dashboard')?'active':''}}">
+        <a class="nav-link lead text-muted" href="{{route('admin.home')}}">Dashboard</a>
+      </li>
+      <li class="nav-item pl-3 {{request()->is('alerts*')?'active':''}}">
+        <a class="nav-link lead text-muted" href="#">Alerts</a>
+      </li>
+      <li class="nav-item">
+        <hr>
+      </li>
+      <li class="nav-item pl-3 {{request()->is('instances*')?'active':''}}">
+        <a class="nav-link lead text-muted" href="#">Instances</a>
+      </li>
+      <li class="nav-item pl-3 {{request()->is('media*')?'active':''}}">
+        <a class="nav-link lead text-muted" href="{{route('admin.media')}}">Media</a>
+      </li>
+      <li class="nav-item pl-3 {{request()->is('reports*')?'active':''}}">
+        <a class="nav-link lead text-muted" href="#">Reports</a>
+      </li>
+      <li class="nav-item pl-3 {{request()->is('statuses*')?'active':''}}">
+        <a class="nav-link lead text-muted" href="{{route('admin.statuses')}}">Statuses</a>
+      </li>
+      <li class="nav-item pl-3 {{request()->is('users*')?'active':''}}">
+        <a class="nav-link lead text-muted" href="{{route('admin.users')}}">Users</a>
+      </li>
+      <li class="nav-item">
+        <hr>
+      </li>
+      <li class="nav-item pl-3">
+        <a class="nav-link lead text-muted" href="/horizon">Redis Queue</a>
+      </li>
+      <li class="nav-item pl-3 {{request()->is('settings*')?'active':''}}">
+        <a class="nav-link lead text-muted" href="#">Settings</a>
+      </li>
+    </ul>
+  </div>
\ No newline at end of file
diff --git a/resources/views/admin/partial/template.blade.php b/resources/views/admin/partial/template.blade.php
new file mode 100644
index 000000000..e207f6a99
--- /dev/null
+++ b/resources/views/admin/partial/template.blade.php
@@ -0,0 +1,25 @@
+@extends('layouts.app')
+
+@section('content')
+
+<div class="container">
+  <div class="col-12 mt-5">
+    <div class="card">
+      <div class="card-body p-0">
+        <div class="row">
+          @include('admin.partial.sidebar')
+          <div class="col-12 col-md-9 p-5">
+            @if (session('status'))
+                <div class="alert alert-success">
+                    {{ session('status')}}
+                </div>
+            @endif
+            @yield('section')
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+
+@endsection
\ No newline at end of file
diff --git a/resources/views/admin/statuses/home.blade.php b/resources/views/admin/statuses/home.blade.php
new file mode 100644
index 000000000..a627d6d0e
--- /dev/null
+++ b/resources/views/admin/statuses/home.blade.php
@@ -0,0 +1,55 @@
+@extends('admin.partial.template')
+
+@section('section')
+  <div class="title">
+    <h3 class="font-weight-bold">Statuses</h3>
+  </div>
+
+  <hr>
+
+  <table class="table">
+    <thead class="thead-dark">
+      <tr>
+        <th scope="col">#</th>
+        <th scope="col">Username</th>
+        <th scope="col">Caption</th>
+        <th scope="col">Storage</th>
+        <th scope="col">Created</th>
+      </tr>
+    </thead>
+    <tbody>
+      @foreach($statuses as $status)
+      <tr>
+        <th scope="row">
+          <a href="/statuses/show/{{$status->id}}">
+            {{$status->id}}
+          </a>
+        </th>
+        <td>{{$status->profile->username}}</td>
+        <td>{{str_limit($status->caption, 30)}}</td>
+        @if(!$status->media_path)
+        <td>0</td>
+        @else
+        <td><div class="human-size" data-bytes="{{$status->firstMedia()->size}}">{{$status->firstMedia()->size}}</div></td>
+        @endif
+        <td>{{$status->created_at->diffForHumans()}}</td>
+      </tr>
+      @endforeach
+    </tbody>
+  </table>
+  <div class="d-flex justify-content-center mt-5">
+    {{$statuses->links()}}
+  </div>
+@endsection
+
+@push('scripts')
+  <script type="text/javascript">
+    $(document).ready(function() {
+      $('.human-size').each(function(d,a) {
+        let el = $(a);
+        let size = el.data('bytes');
+        el.text(filesize(size, {round: 0}));
+      });
+    });
+  </script>
+@endpush
\ No newline at end of file
diff --git a/resources/views/admin/statuses/show.blade.php b/resources/views/admin/statuses/show.blade.php
new file mode 100644
index 000000000..ddec8d045
--- /dev/null
+++ b/resources/views/admin/statuses/show.blade.php
@@ -0,0 +1,36 @@
+@extends('admin.partial.template')
+
+@section('section')
+  <div class="title">
+    <h3 class="font-weight-bold">Status #{{$status->id}}</h3>
+  </div>
+
+  <hr>
+
+  <div>
+    <div class="btn-group" role="group">
+      <button type="button" class="btn btn-outline-secondary">View Details</button>
+      <button type="button" class="btn btn-outline-secondary">View User Stats</button>
+      <button type="button" class="btn btn-outline-danger">Delete</button>
+    </div>
+  </div>
+
+  @php($item = $status)
+  @include('status.template')
+@endsection
+
+@push('scripts')
+  <script type="text/javascript">
+    $(document).ready(function() {
+      $('.human-size').each(function(d,a) {
+        let el = $(a);
+        let size = el.data('bytes');
+        el.text(filesize(size, {round: 0}));
+      });
+
+      $('.status-card .card-footer').hide();
+      $('.status-card .reactions').hide();
+      $('.status-card .comments').hide();
+    });
+  </script>
+@endpush
\ No newline at end of file
diff --git a/resources/views/admin/users/home.blade.php b/resources/views/admin/users/home.blade.php
new file mode 100644
index 000000000..d0077574f
--- /dev/null
+++ b/resources/views/admin/users/home.blade.php
@@ -0,0 +1,55 @@
+@extends('admin.partial.template')
+
+@section('section')
+  <div class="title">
+    <h3 class="font-weight-bold">Users</h3>
+  </div>
+
+  <hr>
+
+  <table class="table">
+    <thead class="thead-dark">
+      <tr>
+        <th scope="col">#</th>
+        <th scope="col">Username</th>
+        <th scope="col">Email</th>
+        <th scope="col">Statuses</th>
+        <th scope="col">Storage</th>
+        <th scope="col">Role</th>
+        <th scope="col">Created</th>
+      </tr>
+    </thead>
+    <tbody>
+      @foreach($users as $user)
+      <tr>
+        <th scope="row">
+          <a href="/users/show/{{$user->id}}">
+            {{$user->id}}
+          </a>
+        </th>
+        <td>{{$user->username}}</td>
+        <td>{{$user->email}}</td>
+        <td>{{$user->profile->statuses->count()}}</td>
+        <td><p class="human-size" data-bytes="{{App\Media::whereUserId($user->id)->sum('size')}}"></p></td>
+        <td>{!!$user->is_admin ? '<span class="text-danger">admin</span>' : 'member'!!}</td>
+        <td>{{$user->created_at->diffForHumans(null, true, true)}}</td>
+      </tr>
+      @endforeach
+    </tbody>
+  </table>
+  <div class="d-flex justify-content-center mt-5">
+    {{$users->links()}}
+  </div>
+@endsection
+
+@push('scripts')
+  <script type="text/javascript">
+    $(document).ready(function() {
+      $('.human-size').each(function(d,a) {
+        let el = $(a);
+        let size = el.data('bytes');
+        el.text(filesize(size, {round: 0}));
+      });
+    });
+  </script>
+@endpush
\ No newline at end of file