File: /var/www/html/inventory.breadsecret.com/view/main.php
<?php
include("view/layout/meta.php");
include("view/layout/head.php");
?>
<div class="main-panel">
<?php
include("view/layout/headExt.php");
$itemTypedata = Controller\item::getItemTypeStatistic();
$locationData = Controller\item::getLocationStatistic();
//print_r($itemTypedata);
?>
<div class="container">
<div class=""></div>
<div class="row">
<div class="col-md-12">
<div class="card">
<div class="card-header">
<h4 class="card-title"><?=L('Dashboard');?></h4>
</div>
<div class="card-body">
<div class="row">
<div class="col-sm-6 col-md-3">
<a href="<?=$this->pageLink('page.userList');?>">
<div class="card card-stats card-round">
<div class="card-body">
<div class="row">
<div class="col-5">
<div class="icon-big text-center">
<i class="fas fa-users text-warning"></i>
</div>
</div>
<div class="col-7 col-stats">
<div class="numbers">
<p class="card-category"><?=L("menu.user");?></p>
<h4 class="card-title"><?=Controller\user::findAll()->rowCount();?></h4>
</div>
</div>
</div>
</div>
</div>
</a>
</div>
<div class="col-sm-6 col-md-3">
<a href="<?=$this->pageLink('page.itemList');?>">
<div class="card card-stats card-round">
<div class="card-body">
<div class="row">
<div class="col-5">
<div class="icon-big text-center">
<i class="fas fa-box text-success"></i>
</div>
</div>
<div class="col-7 col-stats">
<div class="numbers">
<p class="card-category"><?=L("menu.item");?></p>
<h4 class="card-title"><?=Controller\item::findAll()->rowCount();?></h4>
</div>
</div>
</div>
</div>
</div>
</a>
</div>
<div class="col-sm-6 col-md-3">
<a href="<?=$this->pageLink('page.supplierList');?>">
<div class="card card-stats card-round">
<div class="card-body">
<div class="row">
<div class="col-5">
<div class="icon-big text-center">
<i class="fas fa-store text-danger"></i>
</div>
</div>
<div class="col-7 col-stats">
<div class="numbers">
<p class="card-category"><?=L("menu.supplier");?></p>
<h4 class="card-title"><?=Controller\supplier::findAll()->rowCount();?></h4>
</div>
</div>
</div>
</div>
</div>
</a>
</div>
<div class="col-sm-6 col-md-3">
<a href="<?=$this->pageLink('page.storageLocationList');?>">
<div class="card card-stats card-round">
<div class="card-body">
<div class="row">
<div class="col-5">
<div class="icon-big text-center">
<i class="fas fa-warehouse text-primary"></i>
</div>
</div>
<div class="col-7 col-stats">
<div class="numbers">
<p class="card-category"><?=L("menu.storageLocation");?></p>
<h4 class="card-title"><?=Controller\storageLocation::findAll()->rowCount();?></h4>
</div>
</div>
</div>
</div>
</div>
</a>
</div>
</div>
<div class="row">
<div class="col-6 col-sm-6 col-lg-6">
<div class="card">
<div class="card-body p-3 text-center">
<!--<div class="text-end text-success">
6%
<i class="fa fa-chevron-up"></i>
</div>-->
<div class="h1 m-0"><?=Controller\item::totalQty();?></div>
<div class="text-muted mb-3"><?=L('totalPiece');?></div>
</div>
</div>
</div>
<div class="col-6 col-sm-6 col-lg-6">
<div class="card">
<div class="card-body p-3 text-center">
<!--<div class="text-end text-danger">
-3%
<i class="fa fa-chevron-down"></i>
</div>-->
<div class="h1 m-0">$<?=Controller\item::totalValue();?></div>
<div class="text-muted mb-3"><?=L('stock.value');?></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-12">
<div class="card">
<div class="card-header">
<div class="card-title"><?=L('totalValueByItemType');?></div>
</div>
<div class="card-body">
<div class="chart-container"><div class="chartjs-size-monitor" style="position: absolute; inset: 0px; overflow: hidden; pointer-events: none; visibility: hidden; z-index: -1;"><div class="chartjs-size-monitor-expand" style="position:absolute;left:0;top:0;right:0;bottom:0;overflow:hidden;pointer-events:none;visibility:hidden;z-index:-1;"><div style="position:absolute;width:1000000px;height:1000000px;left:0;top:0"></div></div><div class="chartjs-size-monitor-shrink" style="position:absolute;left:0;top:0;right:0;bottom:0;overflow:hidden;pointer-events:none;visibility:hidden;z-index:-1;"><div style="position:absolute;width:200%;height:200%;left:0; top:0"></div></div></div>
<canvas id="barChart" width="739" height="300" style="display: block; width: 739px; height: 300px;" class="chartjs-render-monitor"></canvas>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-12">
<div class="card">
<div class="card-header">
<div class="card-title"><?=L('totalValueByLocation');?></div>
</div>
<div class="card-body">
<div class="chart-container"><div class="chartjs-size-monitor" style="position: absolute; inset: 0px; overflow: hidden; pointer-events: none; visibility: hidden; z-index: -1;"><div class="chartjs-size-monitor-expand" style="position:absolute;left:0;top:0;right:0;bottom:0;overflow:hidden;pointer-events:none;visibility:hidden;z-index:-1;"><div style="position:absolute;width:1000000px;height:1000000px;left:0;top:0"></div></div><div class="chartjs-size-monitor-shrink" style="position:absolute;left:0;top:0;right:0;bottom:0;overflow:hidden;pointer-events:none;visibility:hidden;z-index:-1;"><div style="position:absolute;width:200%;height:200%;left:0; top:0"></div></div></div>
<canvas id="barChart2" width="739" height="300" style="display: block; width: 739px; height: 300px;" class="chartjs-render-monitor"></canvas>
</div>
</div>
</div>
</div>
</div>
<button type='button' class='enable-notifications' style='display:none'>TEST</button>
</div>
<?php include("view/layout/foot.php"); ?>
</div>
</div>
<?php
include("view/layout/js.php");
include("view/layout/endpage.php");
?>
<script>
$(document).ready(function () {
var labelArr1 = new Array();
var dataArr1 = new Array();
<?php foreach($itemTypedata as $key => $val){ ?>
labelArr1.push('<?php echo $key; ?>');
dataArr1.push('<?php echo $val; ?>');
<?php } ?>
var myBarChart = new Chart(barChart, {
type: "bar",
data: {
labels: labelArr1,
datasets: [
{
label: "<?=L('stock.value');?>",
backgroundColor: "#1572e8",
borderColor: "#1572e8",
data: dataArr1,
},
],
},
options: {
responsive: true,
maintainAspectRatio: false,
scales: {
yAxes: [
{
ticks: {
beginAtZero: true,
},
},
],
},
},
});
var labelArr2 = new Array();
var dataArr2 = new Array();
<?php foreach($locationData as $key => $val){ ?>
labelArr2.push('<?php echo $key; ?>');
dataArr2.push('<?php echo $val; ?>');
<?php } ?>
var myBarChart2 = new Chart(barChart2, {
type: "bar",
data: {
labels: labelArr2,
datasets: [
{
label: "<?=L('stock.value');?>",
backgroundColor: "#31ce36",
borderColor: "#31ce36",
data: dataArr2,
},
],
},
options: {
responsive: true,
maintainAspectRatio: false,
scales: {
yAxes: [
{
ticks: {
beginAtZero: true,
},
},
],
},
},
});
});
</script>