mirror of
https://github.com/pixelfed/pixelfed.git
synced 2024-11-24 07:21:27 +00:00
181 lines
9 KiB
PHP
181 lines
9 KiB
PHP
|
@extends('admin.partial.template-full')
|
||
|
|
|
||
|
|
@section('section')
|
||
|
|
</div>
|
||
|
|
<div class="header bg-primary pb-6 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">Stats</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">Total posts</h5>
|
||
|
|
<span class="h2 font-weight-bold mb-0">{{$data['statuses']}}</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> {{$data['statuses_monthly']}}</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">Total users</h5>
|
||
|
|
<span class="h2 font-weight-bold mb-0">{{$data['users']}}</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> {{$data['users_monthly']}}</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">Reports</h5>
|
||
|
|
<span class="h2 font-weight-bold mb-0">{{$data['reports']}}</span>
|
||
|
|
</div>
|
||
|
|
<div class="col-auto">
|
||
|
|
<div class="icon icon-shape bg-gradient-primary text-white rounded-circle shadow">
|
||
|
|
<i class="ni ni-bell-55"></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> {{$data['reports_monthly']}}</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">Messages</h5>
|
||
|
|
<span class="h2 font-weight-bold mb-0">{{$data['contact']}}</span>
|
||
|
|
</div>
|
||
|
|
<div class="col-auto">
|
||
|
|
<div class="icon icon-shape bg-gradient-info text-white rounded-circle shadow">
|
||
|
|
<i class="ni ni-chat-round"></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> {{$data['contact_monthly']}}</span>
|
||
|
|
<span class="text-nowrap">in last 30 days</span>
|
||
|
|
</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="container-fluid mt-4">
|
||
|
|
|
||
|
|
<div class="row">
|
||
|
|
<div class="col-md-8">
|
||
|
|
<div class="card bg-default">
|
||
|
|
<div class="card-header bg-transparent">
|
||
|
|
<div class="row align-items-center">
|
||
|
|
<div class="col">
|
||
|
|
<h6 class="text-light text-uppercase ls-1 mb-1">Overview</h6>
|
||
|
|
<h5 class="h3 text-white mb-0">Daily Posts</h5>
|
||
|
|
</div>
|
||
|
|
<div class="col">
|
||
|
|
<ul class="nav nav-pills justify-content-end">
|
||
|
|
<li class="nav-item mr-2 mr-md-0 posts-this-week" data-toggle="chart" data-target="#c1-dark" data-update='{"data":{"datasets":[{"data":{{$data['posts_this_week']}}}]}}'>
|
||
|
|
<a href="#" class="nav-link py-2 px-3 active" data-toggle="tab">
|
||
|
|
<span class="d-none d-md-block">This Week</span>
|
||
|
|
<span class="d-md-none">W</span>
|
||
|
|
</a>
|
||
|
|
</li>
|
||
|
|
<li class="nav-item" data-toggle="chart" data-target="#c1-dark" data-update='{"data":{"datasets":[{"data":{{$data['posts_last_week']}}}]}}'>
|
||
|
|
<a href="#" class="nav-link py-2 px-3" data-toggle="tab">
|
||
|
|
<span class="d-none d-md-block">Last Week</span>
|
||
|
|
<span class="d-md-none">W</span>
|
||
|
|
</a>
|
||
|
|
</li>
|
||
|
|
</ul>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="card-body">
|
||
|
|
<!-- Chart -->
|
||
|
|
<div class="chart">
|
||
|
|
<!-- Chart wrapper -->
|
||
|
|
<canvas id="c1-dark" class="chart-canvas"></canvas>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="col-md-4">
|
||
|
|
<div class="card shadow-none border mb-2" style="min-height:125px">
|
||
|
|
<div class="card-body">
|
||
|
|
<p class="small text-uppercase font-weight-bold text-muted">Failed Jobs (24h)</p>
|
||
|
|
<p class="h2 mb-0">{{$data['failedjobs']}}</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="card shadow-none border mb-2" style="min-height:125px">
|
||
|
|
<div class="card-body">
|
||
|
|
<p class="small text-uppercase font-weight-bold text-muted">Remote Instances</p>
|
||
|
|
<p class="h2 mb-0">{{$data['instances']}}</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="card shadow-none border mb-2" style="min-height:125px">
|
||
|
|
<div class="card-body">
|
||
|
|
<p class="small text-uppercase font-weight-bold text-muted">Photos Uploaded</p>
|
||
|
|
<p class="h2 mb-0">{{$data['media']}}</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="card shadow-none border" style="min-height:125px">
|
||
|
|
<div class="card-body">
|
||
|
|
<p class="small text-uppercase font-weight-bold text-muted">Storage Used</p>
|
||
|
|
<p class="human-size mb-0" data-bytes="{{$data['storage']}}">{{$data['storage']}} bytes</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
@endsection
|
||
|
|
|
||
|
|
@push('scripts')
|
||
|
|
<script type="text/javascript">
|
||
|
|
$(document).ready(function() {
|
||
|
|
$('.human-size').each(function(d,a) {
|
||
|
|
let el = $(a);
|
||
|
|
let size = el.data('bytes');
|
||
|
|
el.addClass('h2');
|
||
|
|
el.text(filesize(size, {round: 0}));
|
||
|
|
});
|
||
|
|
});
|
||
|
|
</script>
|
||
|
|
@endpush
|