From a9cc8239be3dba6ac4bae6512019e41c8eaf0503 Mon Sep 17 00:00:00 2001
From: Stasiek Michalski <hellcp@opensuse.org>
Date: Sun, 3 Jun 2018 18:07:18 +0200
Subject: [PATCH] Seperate info about user into new view

---
 .../views/profile/partial/user-info.blade.php | 77 +++++++++++++++++++
 1 file changed, 77 insertions(+)
 create mode 100644 resources/views/profile/partial/user-info.blade.php

diff --git a/resources/views/profile/partial/user-info.blade.php b/resources/views/profile/partial/user-info.blade.php
new file mode 100644
index 000000000..23922e125
--- /dev/null
+++ b/resources/views/profile/partial/user-info.blade.php
@@ -0,0 +1,77 @@
+<div class="bg-white py-5">
+  <div class="container">
+    <div class="row">
+      <div class="col-12 col-md-4 d-flex">
+        <div class="profile-avatar mx-auto">
+          <img class="img-thumbnail" src="{{$user->avatarUrl()}}" style="border-radius:100%;" width="172px">
+        </div>
+      </div>
+      <div class="col-12 col-md-8 d-flex align-items-center">
+        <div class="profile-details">
+          <div class="username-bar pb-2  d-flex align-items-center">
+            <span class="font-weight-ultralight h1">{{$user->username}}</span>
+            @if($owner == true)
+            <span class="h5 pl-2 b-0">
+            <a class="icon-settings text-muted" href="{{route('settings')}}"></a>
+            </span>
+            @elseif ($following == true)
+            <span class="pl-4">
+              <form class="follow-form" method="post" action="/i/follow" style="display: inline;" data-id="{{$user->id}}" data-action="unfollow">
+                @csrf
+                <input type="hidden" name="item" value="{{$user->id}}">
+                <button class="btn btn-outline-secondary font-weight-bold px-4 py-0" type="submit">Unfollow</button>
+              </form>
+            </span>
+            @elseif ($following == false)
+            <span class="pl-4">
+              <form class="follow-form" method="post" action="/i/follow" style="display: inline;" data-id="{{$user->id}}" data-action="follow">
+                @csrf
+                <input type="hidden" name="item" value="{{$user->id}}">
+                <button class="btn btn-primary font-weight-bold px-4 py-0" type="submit">Follow</button>
+              </form>
+            </span>
+            @endif
+            {{-- TODO: Implement action dropdown
+            <span class="pl-4">
+              <div class="dropdown">
+                <button class="btn btn-secondary dropdown-toggle py-0" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+                <i class="icon-options"></i>
+                </button>
+                <div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
+                  <a class="dropdown-item" href="#">Report User</a>
+                  <a class="dropdown-item" href="#">Block User</a>
+                </div>
+              </div>
+            </span>
+            --}}
+          </div>
+          <div class="profile-stats pb-3 d-inline-flex lead">
+            <div class="font-weight-light pr-5">
+              <span class="font-weight-bold">{{$user->statuses()->whereNull('in_reply_to_id')->count()}}</span> 
+              Posts
+            </div>
+            <div class="font-weight-light pr-5">
+              <a class="text-dark" href="{{$user->url('/followers')}}">
+              <span class="font-weight-bold">{{$user->followerCount(true)}}</span> 
+              Followers
+              </a>
+            </div>
+            <div class="font-weight-light pr-5">
+              <a class="text-dark" href="{{$user->url('/following')}}">
+              <span class="font-weight-bold">{{$user->followingCount(true)}}</span> 
+              Following
+              </a>
+            </div>
+          </div>
+          <p class="lead">
+            <span class="font-weight-bold">{{$user->name}}</span> 
+            @if($user->remote_url)
+            <span class="badge badge-info">REMOTE PROFILE</span>
+            @endif
+            {{$user->bio}}
+          </p>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>