2016-03-25 01:18:05 -07:00
@ extends ( 'layouts/default' )
{{ -- Page title -- }}
@ section ( 'title' )
{{ trans ( 'general.dashboard' ) }}
@ parent
@ stop
{{ -- Page content -- }}
@ section ( 'content' )
< div class = " row " >
2016-12-27 12:03:47 -08:00
<!-- panel -->
< div class = " col-lg-3 col-xs-6 " >
<!-- small box -->
< div class = " small-box bg-teal " >
< div class = " inner " >
2017-05-31 05:23:54 -07:00
< h3 > {{ number_format ( $counts [ 'asset' ]) }} </ h3 >
2016-12-27 12:03:47 -08:00
< p > {{ trans ( 'general.total_assets' ) }} </ p >
</ div >
< div class = " icon " >
< i class = " fa fa-barcode " ></ i >
</ div >
@ can ( 'index' , \App\Models\Asset :: class )
< a href = " { { route('hardware.index') }} " class = " small-box-footer " > {{ trans ( 'general.moreinfo' ) }} < i class = " fa fa-arrow-circle-right " ></ i ></ a >
@ endcan
</ div >
</ div ><!-- ./ col -->
< div class = " col-lg-3 col-xs-6 " >
<!-- small box -->
< div class = " small-box bg-maroon " >
< div class = " inner " >
2017-05-31 05:23:54 -07:00
< h3 > {{ number_format ( $counts [ 'license' ]) }} </ h3 >
2016-12-27 12:03:47 -08:00
< p > {{ trans ( 'general.total_licenses' ) }} </ p >
</ div >
< div class = " icon " >
< i class = " fa fa-floppy-o " ></ i >
</ div >
@ can ( 'view' , \App\Models\License :: class )
< a href = " { { route('licenses.index') }} " class = " small-box-footer " > {{ trans ( 'general.moreinfo' ) }} < i class = " fa fa-arrow-circle-right " ></ i ></ a >
@ endcan
</ div >
</ div ><!-- ./ col -->
2017-05-31 05:23:54 -07:00
2016-12-27 12:03:47 -08:00
< div class = " col-lg-3 col-xs-6 " >
<!-- small box -->
< div class = " small-box bg-orange " >
< div class = " inner " >
2017-05-31 05:23:54 -07:00
< h3 > {{ number_format ( $counts [ 'accessory' ]) }} </ h3 >
2016-12-27 12:03:47 -08:00
< p > {{ trans ( 'general.total_accessories' ) }} </ p >
</ div >
< div class = " icon " >
< i class = " fa fa-keyboard-o " ></ i >
</ div >
@ can ( 'index' , \App\Models\Accessory :: class )
< a href = " { { route('accessories.index') }} " class = " small-box-footer " > {{ trans ( 'general.moreinfo' ) }} < i class = " fa fa-arrow-circle-right " ></ i ></ a >
@ endcan
</ div >
</ div ><!-- ./ col -->
< div class = " col-lg-3 col-xs-6 " >
<!-- small box -->
< div class = " small-box bg-purple " >
< div class = " inner " >
2017-05-31 05:23:54 -07:00
< h3 > {{ number_format ( $counts [ 'consumable' ]) }} </ h3 >
2016-12-27 12:03:47 -08:00
< p > {{ trans ( 'general.total_consumables' ) }} </ p >
</ div >
< div class = " icon " >
< i class = " fa fa-tint " ></ i >
</ div >
@ can ( 'index' , \App\Models\Consumable :: class )
< a href = " { { route('consumables.index') }} " class = " small-box-footer " > {{ trans ( 'general.moreinfo' ) }} < i class = " fa fa-arrow-circle-right " ></ i ></ a >
@ endcan
</ div >
</ div ><!-- ./ col -->
2016-03-25 01:18:05 -07:00
</ div >
2017-05-31 05:23:54 -07:00
@ if ( $counts [ 'grand_total' ] == 0 )
< div class = " row " >
< div class = " col-md-12 " >
< div class = " box " >
< div class = " box-header with-border " >
< h3 class = " box-title " > This is your dashboard . There are many like it , but this one is yours .</ h3 >
</ div >
<!-- /. box - header -->
< div class = " box-body " >
< div class = " row " >
< div class = " col-md-12 " >
< div class = " progress " >
< div class = " progress-bar progress-bar-yellow " role = " progressbar " aria - valuenow = " 60 " aria - valuemin = " 0 " aria - valuemax = " 100 " style = " width: 60% " >
< span class = " sr-only " > 60 % Complete ( warning ) </ span >
</ div >
</ div >
< p >< strong > It looks like you haven 't added anything yet, so we don' t have anything awesome to display . Get started by adding some assets , accessories , consumables , or licenses now !</ strong ></ p >
</ div >
</ div >
< div class = " row " >
< div class = " col-md-3 " >
@ can ( 'create' , \App\Models\Asset :: class )
< a class = " btn bg-teal " style = " width: 100% " href = " { { route('hardware.create') }} " > New Asset </ a >
@ endcan
</ div >
< div class = " col-md-3 " >
@ can ( 'create' , \App\Models\License :: class )
< a class = " btn bg-maroon " style = " width: 100% " href = " { { route('licenses.create') }} " > New License </ a >
@ endcan
</ div >
< div class = " col-md-3 " >
@ can ( 'create' , \App\Models\Accessory :: class )
< a class = " btn bg-orange " style = " width: 100% " href = " { { route('accessories.create') }} " > New Accessory </ a >
@ endcan
</ div >
< div class = " col-md-3 " >
@ can ( 'create' , \App\Models\Consumable :: class )
< a class = " btn bg-purple " style = " width: 100% " href = " { { route('consumables.create') }} " > New Consumable </ a >
@ endcan
</ div >
</ div >
</ div >
</ div >
</ div >
</ div >
@ else
2017-06-06 02:40:50 -07:00
2017-05-31 05:23:54 -07:00
< div class = " row " >
< div class = " col-md-9 " >
< div class = " box " >
< div class = " box-header with-border " >
2017-06-06 02:40:50 -07:00
< h3 class = " box-title " > This Chart Doesn ' t Do Anything Yet </ h3 >
2017-05-31 05:23:54 -07:00
< div class = " box-tools pull-right " >
< button type = " button " class = " btn btn-box-tool " data - widget = " collapse " >< i class = " fa fa-minus " ></ i >
</ button >
</ div >
</ div >
<!-- /. box - header -->
< div class = " box-body " >
< div class = " row " >
< div class = " col-md-8 " >
< p class = " text-center " >
< strong > Sales : 1 Jan , 2014 - 30 Jul , 2014 </ strong >
</ p >
< div class = " chart " >
< canvas id = " salesChart " style = " height:200px " ></ canvas >
</ div >
<!-- /. chart - responsive -->
</ div >
<!-- /. col -->
< div class = " col-md-4 " >
< p class = " text-center " >
< strong > Goal Completion </ strong >
</ p >
< div class = " progress-group " >
< span class = " progress-text " > Add Products to Cart </ span >
< span class = " progress-number " >< b > 160 </ b >/ 200 </ span >
< div class = " progress sm " >
< div class = " progress-bar progress-bar-aqua " style = " width: 80% " ></ div >
</ div >
</ div >
<!-- /. progress - group -->
< div class = " progress-group " >
< span class = " progress-text " > Complete Purchase </ span >
< span class = " progress-number " >< b > 310 </ b >/ 400 </ span >
< div class = " progress sm " >
< div class = " progress-bar progress-bar-red " style = " width: 80% " ></ div >
</ div >
</ div >
<!-- /. progress - group -->
< div class = " progress-group " >
< span class = " progress-text " > Visit Premium Page </ span >
< span class = " progress-number " >< b > 480 </ b >/ 800 </ span >
< div class = " progress sm " >
< div class = " progress-bar progress-bar-green " style = " width: 80% " ></ div >
</ div >
</ div >
<!-- /. progress - group -->
< div class = " progress-group " >
< span class = " progress-text " > Send Inquiries </ span >
< span class = " progress-number " >< b > 250 </ b >/ 500 </ span >
< div class = " progress sm " >
< div class = " progress-bar progress-bar-yellow " style = " width: 80% " ></ div >
</ div >
</ div >
<!-- /. progress - group -->
</ div >
<!-- /. col -->
</ div >
<!-- /. row -->
</ div >
<!-- ./ box - body -->
< div class = " box-footer " >
< div class = " row " >
< div class = " col-sm-3 col-xs-6 " >
< div class = " description-block border-right " >
< span class = " description-percentage text-green " >< i class = " fa fa-caret-up " ></ i > 17 %</ span >
< h5 class = " description-header " > $ 35 , 210.43 </ h5 >
< span class = " description-text " > TOTAL REVENUE </ span >
</ div >
<!-- /. description - block -->
</ div >
<!-- /. col -->
< div class = " col-sm-3 col-xs-6 " >
< div class = " description-block border-right " >
< span class = " description-percentage text-yellow " >< i class = " fa fa-caret-left " ></ i > 0 %</ span >
< h5 class = " description-header " > $ 10 , 390.90 </ h5 >
< span class = " description-text " > TOTAL COST </ span >
</ div >
<!-- /. description - block -->
</ div >
<!-- /. col -->
< div class = " col-sm-3 col-xs-6 " >
< div class = " description-block border-right " >
< span class = " description-percentage text-green " >< i class = " fa fa-caret-up " ></ i > 20 %</ span >
< h5 class = " description-header " > $ 24 , 813.53 </ h5 >
< span class = " description-text " > TOTAL PROFIT </ span >
</ div >
<!-- /. description - block -->
</ div >
<!-- /. col -->
< div class = " col-sm-3 col-xs-6 " >
< div class = " description-block " >
< span class = " description-percentage text-red " >< i class = " fa fa-caret-down " ></ i > 18 %</ span >
< h5 class = " description-header " > 1200 </ h5 >
< span class = " description-text " > GOAL COMPLETIONS </ span >
</ div >
<!-- /. description - block -->
</ div >
</ div >
<!-- /. row -->
</ div >
<!-- /. box - footer -->
</ div >
<!-- /. box -->
</ div >
<!-- /. col -->
< div class = " col-md-3 " >
< div class = " box box-default " >
< div class = " box-header with-border " >
< h3 class = " box-title " > {{ trans ( 'general.assets' ) }} </ h3 >
< div class = " box-tools pull-right " >
< button type = " button " class = " btn btn-box-tool " data - widget = " collapse " >< i class = " fa fa-minus " ></ i >
</ button >
</ div >
</ div >
<!-- /. box - header -->
< div class = " box-body " >
< div class = " row " >
< div class = " col-md-12 " >
< div class = " chart-responsive " >
< canvas id = " statusPieChart " height = " 150 " ></ canvas >
</ div > <!-- ./ chart - responsive -->
</ div > <!-- /. col -->
</ div > <!-- /. row -->
</ div ><!-- /. box - body -->
</ div > <!-- /. box -->
</ div >
</ div >
<!-- /. row -->
2016-05-24 16:10:04 -07:00
<!-- recent activity -->
2016-12-27 12:03:47 -08:00
< div class = " row " >
< div class = " col-md-9 " >
< div class = " box " >
< div class = " box-header with-border " >
< h3 class = " box-title " > {{ trans ( 'general.recent_activity' ) }} </ h3 >
< div class = " box-tools pull-right " >
2017-05-31 05:23:54 -07:00
< button type = " button " class = " btn btn-box-tool " data - widget = " collapse " >< i class = " fa fa-minus " ></ i >
</ button >
2016-12-27 12:03:47 -08:00
</ div >
</ div ><!-- /. box - header -->
< div class = " box-body " >
< div class = " row " >
< div class = " col-md-12 " >
< div class = " table-responsive " >
< table
2017-05-23 09:25:45 -07:00
class = " table table-striped snipe-table "
2016-12-27 12:03:47 -08:00
name = " activityReport "
id = " table "
2017-05-23 14:32:02 -07:00
data - sort - order = " desc "
2017-05-31 05:23:54 -07:00
data - height = " 400 "
2017-05-23 14:32:02 -07:00
data - url = " { { route('api.activity.index', ['limit' => 25]) }} " >
2016-03-25 01:18:05 -07:00
< thead >
2016-12-27 12:03:47 -08:00
< tr >
2017-05-23 09:25:45 -07:00
< th data - field = " icon " style = " width: 40px; " class = " hidden-xs " data - formatter = " iconFormatter " ></ th >
< th class = " col-sm-3 " data - field = " created_at " data - formatter = " dateDisplayFormatter " > {{ trans ( 'general.date' ) }} </ th >
< th class = " col-sm-2 " data - field = " admin " data - formatter = " usersLinkObjFormatter " > {{ trans ( 'general.admin' ) }} </ th >
2016-12-27 12:03:47 -08:00
< th class = " col-sm-2 " data - field = " action_type " > {{ trans ( 'general.action' ) }} </ th >
2017-05-23 14:32:02 -07:00
< th class = " col-sm-3 " data - field = " item " data - formatter = " polymorphicItemFormatter " > {{ trans ( 'general.item' ) }} </ th >
< th class = " col-sm-2 " data - field = " target " data - formatter = " polymorphicItemFormatter " > {{ trans ( 'general.target' ) }} </ th >
2016-12-27 12:03:47 -08:00
</ tr >
2016-03-25 01:18:05 -07:00
</ thead >
2016-12-27 12:03:47 -08:00
</ table >
2017-05-23 09:25:45 -07:00
2016-12-27 12:03:47 -08:00
</ div ><!-- /. responsive -->
</ div ><!-- /. col -->
2017-05-31 05:23:54 -07:00
< div class = " col-md-12 text-center " style = " padding-top: 10px; " >
< a href = " { { route('reports/activity') }} " class = " btn btn-primary btn-sm " style = " width: 100% " > View All </ a >
</ div >
2016-12-27 12:03:47 -08:00
</ div ><!-- /. row -->
</ div ><!-- ./ box - body -->
</ div ><!-- /. box -->
</ div >
< div class = " col-md-3 " >
2017-05-23 09:25:45 -07:00
<!-- Categories -->
2016-12-27 12:03:47 -08:00
< div class = " box box-default " >
< div class = " box-header with-border " >
2017-05-23 09:25:45 -07:00
< h3 class = " box-title " > Asset {{ trans ( 'general.categories' ) }} </ h3 >
2016-12-27 12:03:47 -08:00
< div class = " box-tools pull-right " >
< button type = " button " class = " btn btn-box-tool " data - widget = " collapse " >< i class = " fa fa-minus " ></ i >
</ button >
</ div >
2016-05-24 16:10:04 -07:00
</ div >
2016-12-27 12:03:47 -08:00
<!-- /. box - header -->
< div class = " box-body " >
< div class = " row " >
< div class = " col-md-12 " >
2017-05-23 09:25:45 -07:00
< table
class = " table table-striped snipe-table "
name = " categorySummary "
id = " table "
2017-05-31 05:23:54 -07:00
data - height = " 400 "
data - show - footer = " true "
data - url = " { { route('api.categories.index') }} " >
2017-05-23 09:25:45 -07:00
< thead >
< tr >
< th class = " col-sm-2 " data - field = " name " data - formatter = " categoriesLinkFormatter " > {{ trans ( 'general.name' ) }} </ th >
< th class = " col-sm-2 " data - field = " assets_count " >< i class = " fa fa-barcode " ></ i ></ th >
</ tr >
</ thead >
</ table >
2016-12-27 12:03:47 -08:00
</ div > <!-- /. col -->
2017-05-31 05:23:54 -07:00
< div class = " col-md-12 text-center " style = " padding-top: 10px; " >
< a href = " { { route('reports/activity') }} " class = " btn btn-primary btn-sm " style = " width: 100% " > View All </ a >
</ div >
2016-12-27 12:03:47 -08:00
</ div > <!-- /. row -->
2017-05-31 05:23:54 -07:00
2016-12-27 12:03:47 -08:00
</ div ><!-- /. box - body -->
</ div > <!-- /. box -->
</ div >
</ div > <!--/ row -->
2017-05-31 05:23:54 -07:00
@ endif
2016-12-27 12:03:47 -08:00
@ stop
2016-03-25 01:18:05 -07:00
2016-05-24 16:10:04 -07:00
@ section ( 'moar_scripts' )
2017-05-23 09:25:45 -07:00
@ include ( 'partials.bootstrap-table' , [ 'simple_view' => true ])
2017-05-31 05:23:54 -07:00
@ if ( $snipeSettings -> load_remote == '1' )
< script src = " https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.5.0/Chart.min.js " ></ script >
@ else
2017-05-31 13:57:23 -07:00
< script src = " { { asset('js/plugins/chartjs/Chart.min.js') }} " ></ script >
2017-05-31 05:23:54 -07:00
@ endif
2017-05-23 09:25:45 -07:00
2016-05-24 16:10:04 -07:00
< script >
2017-05-31 05:23:54 -07:00
/* ChartJS
* -------
*/
// -----------------------
2017-06-06 02:40:50 -07:00
// - LINE CHART -
2017-05-31 05:23:54 -07:00
// -----------------------
var ctx = document . getElementById ( 'salesChart' ) . getContext ( " 2d " )
var myChart = new Chart ( ctx , {
type : 'line'
});
$ . ajax ({
type : 'GET' ,
url : '{{ route(' api . statuslabels . assets . bytype ') }}' ,
headers : {
" X-Requested-With " : 'XMLHttpRequest' ,
" X-CSRF-TOKEN " : $ ( 'meta[name="csrf-token"]' ) . attr ( 'content' )
},
dataType : 'json' ,
success : function ( data ) {
var ctx = new Chart ( ctx ,{
type : 'line' ,
data : data ,
options : lineOptions
});
},
error : function ( data ) {
window . location . reload ( true );
}
});
// ---------------------------
// - END MONTHLY SALES CHART -
// ---------------------------
2016-05-24 16:10:04 -07:00
var pieChartCanvas = $ ( " #statusPieChart " ) . get ( 0 ) . getContext ( " 2d " );
var pieChart = new Chart ( pieChartCanvas );
var ctx = document . getElementById ( " statusPieChart " );
2017-01-13 03:19:39 -08:00
$ . ajax ({
type : 'GET' ,
url : '{{ route(' api . statuslabels . assets . bytype ') }}' ,
headers : {
" X-Requested-With " : 'XMLHttpRequest' ,
" X-CSRF-TOKEN " : $ ( 'meta[name="csrf-token"]' ) . attr ( 'content' )
},
dataType : 'json' ,
success : function ( data ) {
var myPieChart = new Chart ( ctx ,{
type : 'doughnut' ,
data : data ,
options : pieOptions
});
},
error : function ( data ) {
window . location . reload ( true );
}
2016-05-24 16:10:04 -07:00
});
2017-01-13 03:19:39 -08:00
2016-05-24 16:10:04 -07:00
</ script >
2016-03-25 01:18:05 -07:00
2016-05-24 16:10:04 -07:00
2016-03-25 01:18:05 -07:00
@ stop
