@extends('admin.partial.template-full') @section('section') <div class="title d-flex justify-content-between align-items-center"> <span><a href="{{route('admin.users')}}" class="btn btn-outline-secondary btn-sm font-weight-bold">Back</a></span> <span class="text-center"> <h3 class="font-weight-bold mb-0">@{{$profile->username}}</h3> <p class="mb-0 small text-muted text-uppercase font-weight-bold"> <span>{{$profile->statuses()->count()}} Posts</span> <span class="px-1">|</span> <span>{{$profile->followers()->count()}} Followers</span> <span class="px-1">|</span> <span>{{$profile->following()->count()}} Following</span> </p> </span> <span> <div class="dropdown"> <button class="btn btn-outline-secondary btn-sm font-weight-bold dropdown-toggle" type="button" id="userActions" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><i class="fas fa-bars"></i></button> <div class="dropdown-menu dropdown-menu-right" aria-labelledby="userActions"> <a class="dropdown-item" href="/i/admin/users/activity/{{$user->id}}"> <span class="font-weight-bold">Activity</span> </a> <a class="dropdown-item" href="/i/admin/users/message/{{$user->id}}"> <span class="font-weight-bold">Send Message</span> </a> <a class="dropdown-item" href="{{$profile->url()}}"> <span class="font-weight-bold">View Profile</span> </a> <div class="dropdown-divider"></div> <a class="dropdown-item" href="/i/admin/users/edit/{{$user->id}}"> <span class="font-weight-bold">Edit</span> </a> <a class="dropdown-item" href="/i/admin/users/modtools/{{$user->id}}"> <span class="font-weight-bold">Mod Tools</span> </a> <a class="dropdown-item" href="/i/admin/users/modlogs/{{$user->id}}"> <span class="font-weight-bold">Mod Logs</span> </a> <div class="dropdown-divider"></div> <a class="dropdown-item" href="/i/admin/users/delete/{{$user->id}}"> <span class="text-danger font-weight-bold">Delete Account</span> </a> </div> </div> </span> </div> <hr> <div class="row mb-3"> <div class="col-12 col-md-4"> <div class="card shadow-none border"> <div class="card-body text-center"> <img src="{{$profile->avatarUrl()}}" class="box-shadow rounded-circle" width="128px" height="128px"> <p class="mt-3 mb-0 lead"> <span class="font-weight-bold">{{$profile->name}}</span> </p> @if($user->is_admin == true) <p class="mb-0"> <span class="badge badge-danger badge-sm">ADMIN</span> </p> @endif <div class="d-flex justify-content-around mt-3"> <div class="mb-0"> <p class="mb-n2 text-center text-dark font-weight-bold"> {{$profile->created_at->diffForHumans()}} </p> <p class="mb-0 text-center text-muted"> <span class="small">Joined</span> </p> </div> @if($user->last_active_at) <div class="mb-0"> <p class="mb-n2 text-center text-dark font-weight-bold"> {{$user->last_active_at->diffForHumans()}} </p> <p class="mb-0 text-center text-muted"> <span class="small">Last Active</span> </p> </div> @endif </div> </div> <div class="list-group list-group-flush details-list"> <div class="list-group-item details-list-item"> <p class="details-list-item-title">email</p> <p class="details-list-item-value text-truncate" title="{{$user->email}}">{{$user->email}}</p> </div> @if($profile->website) <div class="list-group-item details-list-item"> <p class="details-list-item-title">website</p> <p class="details-list-item-value text-truncate" title="{{$profile->website}}">{{$profile->website}}</p> </div> @endif <div class="list-group-item details-list-item"> <p class="details-list-item-title">bookmarks</p> <p class="details-list-item-value text-truncate">{{$profile->bookmarks()->count()}}</p> </div> <div class="list-group-item details-list-item"> <p class="details-list-item-title">collections</p> <p class="details-list-item-value text-truncate">{{$profile->collections()->count()}}</p> </div> <div class="list-group-item details-list-item"> <p class="details-list-item-title">likes</p> <p class="details-list-item-value text-truncate">{{$profile->likes()->count()}}</p> </div> <div class="list-group-item details-list-item"> <p class="details-list-item-title">reports</p> <p class="details-list-item-value text-truncate">{{$profile->reports()->count()}}</p> </div> <div class="list-group-item details-list-item"> <p class="details-list-item-title">reported</p> <p class="details-list-item-value text-truncate">{{$profile->reported()->count()}}</p> </div> <div class="list-group-item details-list-item"> <p class="details-list-item-title">active stories</p> <p class="details-list-item-value text-truncate">{{$profile->stories()->count()}}</p> </div> <div class="list-group-item details-list-item"> <p class="details-list-item-title">storage used</p> <p class="details-list-item-value text-truncate">{{PrettyNumber::size($profile->media()->sum('size'))}}<span class="text-muted"> / {{PrettyNumber::size(config_cache('pixelfed.max_account_size') * 1000)}}</p> </div> <div class="list-group-item details-list-item"> <p class="details-list-item-title">bio</p> <p class="details-list-item-value text-wrap text-xs">{{ $profile->bio }}</p> </div> </div> </div> </div> <div class="col-12 col-md-8"> <p class="title h4 font-weight-bold mt-2 py-2">Recent Posts</p> <hr> <div class="row"> @foreach($profile->statuses()->whereHas('media')->latest()->take(16)->get() as $item) @php($post = \App\Services\StatusService::get($item->id, false)) <div class="col-12 col-md-3 col-sm-6 mb-3 px-0"> <a href="{{$item->url()}}"> @if($post) <img src="{{$post['media_attachments'][0]['url']}}" width="200px" height="200px" style="object-fit: cover;" onerror="this.src='/storage/no-preview.png';this.onerror=null;"> @else <img src="/storage/no-preview.png" width="200px" height="200px"> @endif </a> </div> @endforeach @if($profile->statuses()->whereHas('media')->count() == 0) <div class="col-12"> <div class="card card-body border shadow-none bg-transparent"> <p class="text-center mb-0 text-muted">No statuses found</p> </div> </div> @endif </div> </div> </div> @endsection @push('styles') <style type="text/css"> .gap-1 { gap: 5rem; } .details-list { } .details-list-item { display: flex; justify-content: space-between; align-items: center; gap: 5rem; border-left: 0; border-right: 0; } .details-list-item-title { margin-bottom: 0; color: #9ca3af !important; text-transform: uppercase !important; font-weight: bold; font-size: 13px; opacity: 0.69; } .details-list-item-value { font-size: 15px; font-weight: 600; margin-bottom: 0; } .text-xs { font-size: 11px !important; font-weight: normal; } </style> @endpush