pixelfed/pixelfed

View on GitHub
resources/views/admin/users/show.blade.php

Summary

Maintainability
A
0 mins
Test Coverage
@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">&commat;{{$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