2018-10-14 20:08:31 +01:00
|
|
|
@extends(Theme::viewName('layout'))
|
|
|
|
|
@section('title', trans('gallery.user_activity_feed.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.activity_feed')</li>
|
|
|
|
|
@endsection
|
|
|
|
|
|
|
|
|
|
@section('content')
|
|
|
|
|
<div class="container" id="user-app">
|
|
|
|
|
<div class="row">
|
|
|
|
|
<div class="col">
|
|
|
|
|
<div v-if="is_loading">
|
|
|
|
|
<p class="text-center mb-1">
|
|
|
|
|
<img src="{{ asset('ripple.svg') }}" alt="@lang('global.please_wait')" title="@lang('global.please_wait')"/>
|
|
|
|
|
</p>
|
|
|
|
|
<p class="text-center">
|
|
|
|
|
@lang('global.please_wait')
|
|
|
|
|
</p>
|
|
|
|
|
</div>
|
|
|
|
|
<div v-if="feed_items.length > 0">
|
|
|
|
|
<div class="card mb-2" v-for="feed_item in feed_items">
|
|
|
|
|
<div class="card-body row">
|
|
|
|
|
<div class="col-2 col-md-1 pr-0" style="max-width: 47px;">
|
|
|
|
|
<img class="rounded-circle" v-bind:src="feed_item.avatar"/>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="col-10 col-md-11">
|
|
|
|
|
<span v-html="feed_item.description"></span><br/>
|
|
|
|
|
<span class="text-muted" style="font-size: smaller;" v-html="feed_item.activity_at"></span>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="text-center" v-if="!is_loading && feed_items.length == 0">
|
|
|
|
|
<h4 class="text-danger"><b>@lang('gallery.user_activity_feed.no_activity_p1')</b></h4>
|
2018-11-17 09:47:28 +00:00
|
|
|
<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('userExplore')),
|
|
|
|
|
'l_explore_end' => '</a>'
|
|
|
|
|
])</p>
|
2018-10-14 20:08:31 +01:00
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
@endsection
|
|
|
|
|
|
|
|
|
|
@push('scripts')
|
|
|
|
|
<script type="text/javascript">
|
|
|
|
|
var viewModel = new UserViewModel({
|
|
|
|
|
feed_url: '{{ route('userActivityFeedJson') }}?t={{ time() }}'
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
var app = new Vue(viewModel);
|
|
|
|
|
app.loadFeedItems();
|
|
|
|
|
</script>
|
|
|
|
|
@endpush
|
