From 483dca77886c25a5c80695f8622eb6a215089cb0 Mon Sep 17 00:00:00 2001
From: Daniel Supernault <danielsupernault@gmail.com>
Date: Thu, 9 Aug 2018 19:58:47 -0600
Subject: [PATCH] Add following activity view

---
 resources/views/account/following.blade.php | 96 +++++++++++++++++++++
 1 file changed, 96 insertions(+)
 create mode 100644 resources/views/account/following.blade.php

diff --git a/resources/views/account/following.blade.php b/resources/views/account/following.blade.php
new file mode 100644
index 000000000..8cb3dbf9e
--- /dev/null
+++ b/resources/views/account/following.blade.php
@@ -0,0 +1,96 @@
+@extends('layouts.app')
+
+@section('content')
+<div class="container notification-page" style="min-height: 60vh;">
+  <div class="col-12 col-md-8 offset-md-2">
+    <div class="card mt-3">
+      <div class="card-body p-0">
+        <ul class="nav nav-tabs d-flex text-center">
+          <li class="nav-item flex-fill">
+            <a class="nav-link font-weight-bold text-uppercase active" href="{{route('notifications.following')}}">Following</a>
+          </li>
+          <li class="nav-item flex-fill">
+            <a class="nav-link font-weight-bold text-uppercase" href="{{route('notifications')}}">My Notifications</a>
+          </li>
+        </ul>
+      </div>
+    </div>
+    <div class="">
+{{--       <div class="card-header bg-white">
+        <span class="font-weight-bold lead">Notifications</span>
+        <span class="small float-right font-weight-bold">
+          <a href="?a=comment" class="pr-4 text-muted" title="Commented on your post"><i class="fas fa-comment fa-2x"></i></a>
+          <a href="?a=follow" class="pr-4 text-muted" title="Followed you"><i class="fas fa-user-plus fa-2x"></i></a>
+          <a href="?a=mention" class="pr-4 text-muted" title="Mentioned you"><i class="fas fa-comment-dots fa-2x"></i></a>
+          <a href="{{route('notifications')}}" class="font-weight-bold text-dark">View All</a>
+        </span>
+      </div> --}}
+    </div>
+    <ul class="list-group">
+
+    @if($notifications->count() > 0)
+      @foreach($notifications as $notification)
+      @php
+      if(!in_array($notification->action, ['like', 'follow'])) {
+        continue;
+      }
+      @endphp
+      <li class="list-group-item notification border-0">
+        @switch($notification->action)
+
+        @case('like')
+          <span class="notification-icon pr-3">
+            <img src="{{optional($notification->actor, function($actor) {
+              return $actor->avatarUrl(); }) }}" width="32px" class="rounded-circle">
+          </span>
+          <span class="notification-text">
+            <a class="font-weight-bold text-dark" href="{{$notification->actor->url()}}">{{$notification->actor->username}}</a>
+
+            {{__('liked a post by')}}
+            
+            <a class="font-weight-bold text-dark" href="{{$notification->item->profile->url()}}">{{$notification->item->profile->username}}</a>
+
+            <span class="text-muted notification-timestamp pl-1">{{$notification->created_at->diffForHumans(null, true, true, true)}}</span>
+          </span>
+          <span class="float-right notification-action">
+            @if($notification->item_id && $notification->item_type == 'App\Status')
+              <a href="{{$notification->status->url()}}"><img src="{{$notification->status->thumb()}}" width="32px" height="32px"></a>
+            @endif
+          </span>
+        @break
+
+        @case('follow')
+          <span class="notification-icon pr-3">
+            <img src="{{$notification->actor->avatarUrl()}}" width="32px" class="rounded-circle">
+          </span>
+          <span class="notification-text">
+            <a class="font-weight-bold text-dark" href="{{$notification->actor->url()}}">{{$notification->actor->username}}</a>
+
+            {{__('started following')}}
+            
+            <a class="font-weight-bold text-dark" href="{{$notification->item->url()}}">{{$notification->item->username}}</a>
+
+            <span class="text-muted notification-timestamp pl-1">{{$notification->created_at->diffForHumans(null, true, true, true)}}</span>
+          </span>
+        @break
+
+        @endswitch
+      </li>
+      @endforeach
+    </ul>
+
+      <div class="d-flex justify-content-center my-4">
+        {{$notifications->links()}}
+      </div>
+    @else
+      <div class="mt-4">
+        <div class="alert alert-info font-weight-bold">No unread notifications found.</div>
+      </div>
+    @endif
+  </div>
+</div>
+@endsection
+
+@push('scripts')
+<script type="text/javascript" src="{{mix('js/activity.js')}}"></script>
+@endpush