kopia lustrzana https://github.com/pixelfed/pixelfed
				
				
				
			Add profile following view
							rodzic
							
								
									41414747d4
								
							
						
					
					
						commit
						942442476c
					
				| 
						 | 
				
			
			@ -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
 | 
			
		||||
		Ładowanie…
	
		Reference in New Issue