1+ @extends (' layouts.admin' )
2+ @include (' partials/admin.settings.nav' , [' activeTab' => ' basic' ] )
3+
4+ @section (' title' )
5+ Statistics Overview
6+ @endsection
7+
8+ @section (' content-header' )
9+ <h1 >Statistics Overview<small >Monitor your panel usage.</small ></h1 >
10+ <ol class =" breadcrumb" >
11+ <li ><a href =" {{ route (' admin.index' ) } }" >Admin</a ></li >
12+ <li class =" active" >Statistics</li >
13+ </ol >
14+ @endsection
15+
16+ @section (' content' )
17+ <div class =" row" >
18+ <div class =" col-xs-12 col-md-8" >
19+ <div class =" box box-primary" >
20+ <div class =" box-header with-border" >
21+ Servers
22+ </div >
23+ <div class =" box-body" >
24+ <div class =" col-xs-12 col-md-6" >
25+ <canvas id =" servers_chart" width =" 100%" height =" 50" ></canvas >
26+ </div >
27+ <div class =" col-xs-12 col-md-6" >
28+ <canvas id =" status_chart" width =" 100%" height =" 50" ></canvas >
29+ </div >
30+ </div >
31+ </div >
32+ </div >
33+ <div class =" col-xs-12 col-md-4" >
34+ <div class =" info-box bg-blue" >
35+ <span class =" info-box-icon" ><i class =" fa fa-server" ></i ></span >
36+ <div class =" info-box-content number-info-box-content" >
37+ <span class =" info-box-text" >Servers</span >
38+ <span class =" info-box-number" >{{ $serversCount } } </span >
39+ </div >
40+ </div >
41+ <div class =" info-box bg-blue" >
42+ <span class =" info-box-icon" ><i class =" ion ion-ios-barcode-outline" ></i ></span >
43+ <div class =" info-box-content number-info-box-content" >
44+ <span class =" info-box-text" >Total used RAM</span >
45+ <span class =" info-box-number" >{{ $totalServerRam } } MB</span >
46+ </div >
47+ </div >
48+ <div class =" info-box bg-blue" >
49+ <span class =" info-box-icon" ><i class =" ion ion-stats-bars" ></i ></span >
50+ <div class =" info-box-content number-info-box-content" >
51+ <span class =" info-box-text" >Total used disk space</span >
52+ <span class =" info-box-number" >{{ $totalServerDisk } } MB</span >
53+ </div >
54+ </div >
55+ </div >
56+ </div >
57+ <div class =" row" >
58+ <div class =" col-xs-12 col-md-8" >
59+ <div class =" box box-primary" >
60+ <div class =" box-header with-border" >
61+ Nodes
62+ </div >
63+ <dib class =" box-body" >
64+ <div class =" col-xs-12 col-md-6" >
65+ <canvas id =" ram_chart" width =" 100%" height =" 50" ></canvas >
66+ </div >
67+ <div class =" col-xs-12 col-md-6" >
68+ <canvas id =" disk_chart" width =" 100%" height =" 50" ></canvas >
69+ </div >
70+ </dib >
71+ </div >
72+ </div >
73+ <div class =" col-xs-12 col-md-4" >
74+ <div class =" info-box bg-blue" >
75+ <span class =" info-box-icon" ><i class =" ion ion-ios-barcode-outline" ></i ></span >
76+ <div class =" info-box-content number-info-box-content" >
77+ <span class =" info-box-text" >Total RAM</span >
78+ <span class =" info-box-number" >{{ $totalNodeRam } } MB</span >
79+ </div >
80+ </div >
81+ <div class =" info-box bg-blue" >
82+ <span class =" info-box-icon" ><i class =" ion ion-stats-bars" ></i ></span >
83+ <div class =" info-box-content number-info-box-content" >
84+ <span class =" info-box-text" >Total Disk Space</span >
85+ <span class =" info-box-number" >{{ $totalNodeDisk } } MB</span >
86+ </div >
87+ </div >
88+ <div class =" info-box bg-blue" >
89+ <span class =" info-box-icon" ><i class =" fa fa-location-arrow" ></i ></span >
90+ <div class =" info-box-content number-info-box-content" >
91+ <span class =" info-box-text" >Total Allocations</span >
92+ <span class =" info-box-number" >{{ $totalAllocations } } </span >
93+ </div >
94+ </div >
95+ </div >
96+ </div >
97+ @endsection
98+
99+ @section (' footer-scripts' )
100+ @parent
101+ {!! Theme:: js (' vendor/chartjs/chart.min.js' ) ! !}
102+ {!! Theme:: js (' js/admin/statistics.js' ) ! !}
103+ @endsection
0 commit comments