73 lines
3.7 KiB
PHP
73 lines
3.7 KiB
PHP
@extends(Theme::viewName('layout'))
|
|
@section('title', trans('gallery.explore_users.title'))
|
|
|
|
@section('breadcrumb')
|
|
<li class="breadcrumb-item"><a href="{{ route('home') }}"><i class="fa fa-fw fa-home"></i></a></li>
|
|
<li class="breadcrumb-item active">@lang('navigation.breadcrumb.explore_users')</li>
|
|
@endsection
|
|
|
|
@section('content')
|
|
<div class="container" id="explore-users-app">
|
|
<div class="row">
|
|
<div class="col">
|
|
@if ($users->count() > 0)
|
|
<h1>@yield('title')</h1>
|
|
<p class="mb-1">@lang('gallery.explore_users.intro_p1')</p>
|
|
<p>
|
|
@lang('gallery.explore_users.intro_p2')@if (!Auth::guest())@lang('gallery.explore_users.intro_p2_logged_in')@endif.
|
|
</p>
|
|
<hr class="mt-4 mb-4"/>
|
|
|
|
@foreach ($users as $user)
|
|
<div class="row">
|
|
<div id="user-avatar" class="col-sm-3 col-md-2 col-xl-1 mb-3">
|
|
<img src="{{ Theme::gravatarUrl($user->email, 64) }}" title="{{ $user->name }}" class="rounded">
|
|
</div>
|
|
<div class="col-sm-9 col-md-10 col-xl-11">
|
|
@if (!Auth::guest() && $user->id != Auth::user()->id)
|
|
@if (in_array($user->id, $users_following))
|
|
<button class="btn btn-outline-primary pull-right" data-user-id="{{ $user->profileAliasForUrl() }}" v-on:click="unFollowUser"><i class="fa fa-fw fa-check"></i> @lang('gallery.explore_users.following_button')</button>
|
|
@else
|
|
<button class="btn btn-primary pull-right" data-user-id="{{ $user->profileAliasForUrl() }}" v-on:click="followUser">@lang('gallery.explore_users.follow_button')</button>
|
|
@endif
|
|
@endif
|
|
<h2 class="h3"><a href="{{ $user->profileUrl() }}">{{ $user->name }}</a></h2>
|
|
<h3 class="h5 text-muted mt-1">{{ $user->profile_alias }}</h3>
|
|
</div>
|
|
</div>
|
|
@if (!$loop->last)
|
|
<hr class="mt-2 mb-4"/>
|
|
@endif
|
|
@endforeach
|
|
|
|
<div class="row mt-3">
|
|
<div class="col text-center">
|
|
{{ $users->links() }}
|
|
</div>
|
|
</div>
|
|
@else
|
|
<div class="text-center">
|
|
<h4 class="text-danger"><b>@lang('gallery.user_activity_feed.no_activity_p1')</b></h4>
|
|
<p>@lang('gallery.user_activity_feed.no_activity_p2')</p>
|
|
<p>@lang('gallery.user_activity_feed.no_activity_p3', [
|
|
'l_explore_start' => sprintf('<a href="%s">', route('exploreUsers')),
|
|
'l_explore_end' => '</a>'
|
|
])</p>
|
|
<p class="mt-4"><a href="{{ route('exploreUsers') }}" class="btn btn-primary btn-lg"><i class="fa fa-fw fa-search"></i> @lang('gallery.user_activity_feed.explore_photographers_link')</a></p>
|
|
</div>
|
|
@endif
|
|
</div>
|
|
</div>
|
|
</div>
|
|
@endsection
|
|
|
|
@push('scripts')
|
|
<script type="text/javascript">
|
|
var viewModel = new ExploreUsersViewModel({
|
|
'follow_user_url': '{{ route('followUser', [-1]) }}',
|
|
'unfollow_user_url': '{{ route('unFollowUser', [-1]) }}'
|
|
});
|
|
|
|
var app = new Vue(viewModel);
|
|
</script>
|
|
@endpush |