103 lines
No EOL
3.9 KiB
PHP
103 lines
No EOL
3.9 KiB
PHP
@extends('layouts.admin')
|
|
@include('partials/admin.settings.nav', ['activeTab' => 'basic'])
|
|
|
|
@section('title')
|
|
Statistics Overview
|
|
@endsection
|
|
|
|
@section('content-header')
|
|
<h1>Statistics Overview<small>Monitor your panel usage.</small></h1>
|
|
<ol class="breadcrumb">
|
|
<li><a href="{{ route('admin.index') }}">Admin</a></li>
|
|
<li class="active">Statistics</li>
|
|
</ol>
|
|
@endsection
|
|
|
|
@section('content')
|
|
<div class="row">
|
|
<div class="col-xs-12 col-md-8">
|
|
<div class="box box-primary">
|
|
<div class="box-header with-border">
|
|
Servers
|
|
</div>
|
|
<div class="box-body">
|
|
<div class="col-xs-12 col-md-6">
|
|
<canvas id="servers_chart" width="100%" height="50"></canvas>
|
|
</div>
|
|
<div class="col-xs-12 col-md-6">
|
|
<canvas id="status_chart" width="100%" height="50"></canvas>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-xs-12 col-md-4">
|
|
<div class="info-box bg-blue">
|
|
<span class="info-box-icon"><i class="fa fa-server"></i></span>
|
|
<div class="info-box-content number-info-box-content">
|
|
<span class="info-box-text">Servers</span>
|
|
<span class="info-box-number">{{ $serversCount }}</span>
|
|
</div>
|
|
</div>
|
|
<div class="info-box bg-blue">
|
|
<span class="info-box-icon"><i class="ion ion-ios-barcode-outline"></i></span>
|
|
<div class="info-box-content number-info-box-content">
|
|
<span class="info-box-text">Total used RAM</span>
|
|
<span class="info-box-number">{{ $totalServerRam }}MB</span>
|
|
</div>
|
|
</div>
|
|
<div class="info-box bg-blue">
|
|
<span class="info-box-icon"><i class="ion ion-stats-bars"></i></span>
|
|
<div class="info-box-content number-info-box-content">
|
|
<span class="info-box-text">Total used disk space</span>
|
|
<span class="info-box-number">{{ $totalServerDisk }}MB</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-xs-12 col-md-8">
|
|
<div class="box box-primary">
|
|
<div class="box-header with-border">
|
|
Nodes
|
|
</div>
|
|
<dib class="box-body">
|
|
<div class="col-xs-12 col-md-6">
|
|
<canvas id="ram_chart" width="100%" height="50"></canvas>
|
|
</div>
|
|
<div class="col-xs-12 col-md-6">
|
|
<canvas id="disk_chart" width="100%" height="50"></canvas>
|
|
</div>
|
|
</dib>
|
|
</div>
|
|
</div>
|
|
<div class="col-xs-12 col-md-4">
|
|
<div class="info-box bg-blue">
|
|
<span class="info-box-icon"><i class="ion ion-ios-barcode-outline"></i></span>
|
|
<div class="info-box-content number-info-box-content">
|
|
<span class="info-box-text">Total RAM</span>
|
|
<span class="info-box-number">{{ $totalNodeRam }}MB</span>
|
|
</div>
|
|
</div>
|
|
<div class="info-box bg-blue">
|
|
<span class="info-box-icon"><i class="ion ion-stats-bars"></i></span>
|
|
<div class="info-box-content number-info-box-content">
|
|
<span class="info-box-text">Total Disk Space</span>
|
|
<span class="info-box-number">{{ $totalNodeDisk }}MB</span>
|
|
</div>
|
|
</div>
|
|
<div class="info-box bg-blue">
|
|
<span class="info-box-icon"><i class="fa fa-location-arrow"></i></span>
|
|
<div class="info-box-content number-info-box-content">
|
|
<span class="info-box-text">Total Allocations</span>
|
|
<span class="info-box-number">{{ $totalAllocations }}</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
@endsection
|
|
|
|
@section('footer-scripts')
|
|
@parent
|
|
{!! Theme::js('vendor/chartjs/chart.min.js') !!}
|
|
{!! Theme::js('js/admin/statistics.js') !!}
|
|
@endsection |