mirror of
https://github.com/pixelfed/pixelfed.git
synced 2024-12-22 21:13:16 +00:00
147 lines
5.1 KiB
PHP
147 lines
5.1 KiB
PHP
@extends('admin.partial.template-full')
|
|
|
|
@section('section')
|
|
</div>
|
|
<div class="header bg-primary pb-3 mt-n4">
|
|
<div class="container-fluid">
|
|
<div class="header-body">
|
|
<div class="row align-items-center py-4">
|
|
<div class="col-lg-6 col-7">
|
|
<p class="display-1 text-white d-inline-block mb-0">Stories</p>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-xl-3 col-md-6">
|
|
<div class="card card-stats">
|
|
<div class="card-body">
|
|
<div class="row">
|
|
<div class="col">
|
|
<h5 class="card-title text-uppercase text-muted mb-0">Active Stories</h5>
|
|
<span class="h2 font-weight-bold mb-0">{{$stats['active']['today']}}</span>
|
|
</div>
|
|
<div class="col-auto">
|
|
<div class="icon icon-shape bg-gradient-primary text-white rounded-circle shadow">
|
|
<i class="ni ni-image"></i>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<p class="mt-3 mb-0 text-sm">
|
|
<span class="text-success mr-2"><i class="fa fa-arrow-up"></i> {{$stats['active']['month']}}</span>
|
|
<span class="text-nowrap">in last 30 days</span>
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-xl-3 col-md-6">
|
|
<div class="card card-stats">
|
|
<div class="card-body">
|
|
<div class="row">
|
|
<div class="col">
|
|
<h5 class="card-title text-uppercase text-muted mb-0">Remote Stories</h5>
|
|
<span class="h2 font-weight-bold mb-0">{{$stats['remote']['month']}}</span>
|
|
</div>
|
|
<div class="col-auto">
|
|
<div class="icon icon-shape bg-gradient-primary text-white rounded-circle shadow">
|
|
<i class="ni ni-circle-08"></i>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<p class="mt-3 mb-0 text-sm">
|
|
<span class="text-success mr-2"><i class="fa fa-arrow-up"></i> {{$stats['remote']['month']}}</span>
|
|
<span class="text-nowrap">in last 30 days</span>
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-xl-2 col-md-6">
|
|
<div class="mb-3">
|
|
<h5 class="text-light text-uppercase mb-0">Total Stories</h5>
|
|
<span class="text-white h2 font-weight-bold mb-0">{{$stats['total']}}</span>
|
|
</div>
|
|
<div class="">
|
|
<h5 class="text-light text-uppercase mb-0">Stories Per User</h5>
|
|
<span class="text-white h2 font-weight-bold mb-0">{{$stats['avg_spu']}}</span>
|
|
</div>
|
|
</div>
|
|
<div class="col-xl-2 col-md-6">
|
|
<div class="mb-3">
|
|
<h5 class="text-light text-uppercase mb-0">Storage Used</h5>
|
|
<span class="text-white h2 font-weight-bold mb-0 human-size">{{$stats['storage']['sum']}}</span>
|
|
</div>
|
|
<div class="">
|
|
<h5 class="text-light text-uppercase mb-0">Average Media Size</h5>
|
|
<span class="text-white h2 font-weight-bold mb-0 human-size">{{$stats['storage']['average']}}</span>
|
|
</div>
|
|
</div>
|
|
<div class="col-xl-2 col-md-6">
|
|
<div class="mb-3">
|
|
<h5 class="text-light text-uppercase mb-0">Average Duration</h5>
|
|
<span class="text-white h2 font-weight-bold mb-0">{{$stats['avg_duration']}}s</span>
|
|
</div>
|
|
<div class="">
|
|
<h5 class="text-light text-uppercase mb-0">Average Type</h5>
|
|
<span class="text-white h2 font-weight-bold mb-0">{{$stats['avg_type']}}</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="container-fluid mt-4">
|
|
<div class="table-responsive">
|
|
<table class="table table-dark">
|
|
<thead class="thead-dark">
|
|
<tr>
|
|
<th scope="col" class="">#</th>
|
|
<th scope="col" class="">Username</th>
|
|
<th scope="col" class="">Type</th>
|
|
<th scope="col" class="">View Count</th>
|
|
<th scope="col" class="">Created</th>
|
|
<th scope="col" class="">Expires</th>
|
|
<th scope="col"></th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
@foreach($stories as $story)
|
|
<tr>
|
|
<th scope="row">
|
|
<a href="{{$story->url()}}" class="text-monospace">
|
|
{{$story->id}}
|
|
</a>
|
|
</th>
|
|
<td class="font-weight-bold">{{$story->profile->username}}</td>
|
|
<td class="font-weight-bold">{{$story->type}}</td>
|
|
<td class="font-weight-bold">{{$story->view_count ?? 0}}</td>
|
|
<td class="font-weight-bold">{{$story->created_at->diffForHumans(null, true, true, true)}}</td>
|
|
<td class="font-weight-bold">{{optional($story->expires_at)->diffForHumans(null, true, true, true)}}</td>
|
|
<td class="text-right">
|
|
<div class="dropdown">
|
|
<a class="btn btn-sm btn-icon-only text-light" href="#" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
|
<i class="fas fa-ellipsis-v"></i>
|
|
</a>
|
|
<div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow">
|
|
<a class="dropdown-item" href="{{$story->mediaUrl()}}">Preview</a>
|
|
<a class="dropdown-item" href="#">Delete</a>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
@endforeach
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
<div class="d-flex justify-content-center mt-5 small">
|
|
{{$stories->links()}}
|
|
</div>
|
|
</div>
|
|
@endsection
|
|
|
|
@push('scripts')
|
|
<script type="text/javascript">
|
|
$(document).ready(function() {
|
|
$('.human-size').each(function(d,a) {
|
|
a.innerText = filesize(a.innerText, {round: 0});
|
|
});
|
|
});
|
|
</script>
|
|
@endpush
|