Browse Source

Add profile following view

Daniel Supernault 7 years ago
parent
commit
942442476c
1 changed files with 78 additions and 0 deletions
  1. 78 0
      resources/views/profile/following.blade.php

+ 78 - 0
resources/views/profile/following.blade.php

@@ -0,0 +1,78 @@
+@extends('layouts.app')
+
+@section('content')
+
+<div class="container following-page" style="min-height: 60vh;">
+
+  <div class="profile-header row my-5 offset-md-1">
+    <div class="col-12 col-md-3">
+      <div class="profile-avatar">
+        <img class="img-thumbnail" src="{{$profile->avatarUrl()}}" style="border-radius:100%;" width="172px">
+      </div>
+    </div>
+    <div class="col-12 col-md-9 d-flex align-items-center">
+      <div class="profile-details">
+        <div class="username-bar pb-2  d-flex align-items-center">
+          <span class="font-weight-light h1">{{$profile->username}}</span>
+        </div>
+        <div class="profile-stats pb-3 d-inline-flex lead">
+          <div class="font-weight-light pr-5">
+            <a class="text-dark" href="{{$profile->url()}}">
+              <span class="font-weight-bold">{{$profile->statuses()->count()}}</span> 
+              Posts
+            </a>
+          </div>
+          <div class="font-weight-light pr-5">
+            <a class="text-dark" href="{{$profile->url('/followers')}}">
+              <span class="font-weight-bold">{{$profile->followerCount(true)}}</span> 
+              Followers
+            </a>
+          </div>
+          <div class="font-weight-light pr-5">
+            <a class="text-dark" href="{{$profile->url('/following')}}">
+              <span class="font-weight-bold">{{$profile->followingCount(true)}}</span> 
+              Following
+            </a>
+          </div>
+        </div>
+        <p class="lead font-weight-bold">
+          {{$profile->name}}
+        </p>
+      </div>
+    </div>
+  </div>
+
+  <div class="col-12 col-md-8 offset-2">
+    @if($following->count() !== 0)
+    <ul class="list-group mt-4">
+      @foreach($following as $user)
+      <li class="list-group-item following">
+          <span class="following-icon pr-3">
+            <img src="{{$user->avatarUrl()}}" width="32px" class="rounded-circle">
+          </span>
+          <a class="following-username font-weight-bold text-dark" href="{{$user->url()}}">
+            {{$user->username}}
+          </a>
+          <span class="following-name text-muted">
+            {{$user->name}}
+          </span>
+      </li>
+      @endforeach
+    </ul>
+    @else
+      <div class="col-12">
+        <div class="card">
+          <div class="card-body py-5 my-5">
+            <div class="d-flex my-5 py-5 justify-content-center align-items-center">
+              <p class="lead font-weight-bold">{{ __('profile.emptyFollowing') }}</p>
+            </div>
+          </div>
+        </div>
+      </div>
+    @endif
+    <div class="d-flex justify-content-center mt-4">
+      {{$following->links()}}
+    </div>
+  </div>
+</div>
+@endsection