1
0
Fork 0
pixelfed/resources/views/admin/stories/home.blade.php

148 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