mirror of
https://github.com/CachetHQ/Cachet.git
synced 2025-01-18 05:58:18 +01:00
69 lines
2.3 KiB
PHP
69 lines
2.3 KiB
PHP
@if($metrics->count() > 0)
|
|
<ul class="list-group metrics">
|
|
@foreach($metrics as $metric)
|
|
<?php
|
|
$points = range(1, 11);
|
|
foreach ($points as $hour) {
|
|
$points[$hour] = $metric->getValues($hour);
|
|
}
|
|
$points = array_reverse($points);
|
|
?>
|
|
<li class="list-group-item metric">
|
|
<div class="row">
|
|
<div class="col-xs-10">
|
|
<h4>
|
|
{{ $metric->name }}
|
|
@if($metric->description)
|
|
<i class="ion ion-ios-help-outline" data-toggle="tooltip" data-title="{{ $metric->description }}"></i>
|
|
@endif
|
|
</h4>
|
|
</div>
|
|
<div class="col-xs-2 text-right">
|
|
<small>{{ trans('cachet.metrics.filter.hourly') }}</small>
|
|
</div>
|
|
</div>
|
|
<hr>
|
|
<div class="row">
|
|
<div class="col-md-12">
|
|
<div>
|
|
<canvas id="metric-{{ $metric->id }}" height="150" width="600"></canvas>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<script>
|
|
(function () {
|
|
var hourList = [], date = new Date();
|
|
|
|
for (var i = 10; i >= 1; i--) {
|
|
hourList.push(moment(date).subtract(i, 'hours').seconds(0).format('HH:ss'));
|
|
}
|
|
|
|
hourList.push(moment(date).seconds(0).format('HH:ss'));
|
|
|
|
var data = {
|
|
showTooltips: false,
|
|
labels: hourList,
|
|
datasets: [{
|
|
fillColor: "rgba(220,220,220,0.2)",
|
|
strokeColor: "rgba(220,220,220,1)",
|
|
pointColor: "rgba(220,220,220,1)",
|
|
pointStrokeColor: "#fff",
|
|
pointHighlightFill: "#fff",
|
|
pointHighlightStroke: "rgba(220,220,220,1)",
|
|
data: [{{ implode(',', $points) }}]
|
|
}]
|
|
};
|
|
|
|
var ctx = document.getElementById("metric-{{ $metric->id }}").getContext("2d");
|
|
new Chart(ctx).Line(data, {
|
|
scaleShowVerticalLines: true,
|
|
pointDot: false,
|
|
responsive: true
|
|
});
|
|
}());
|
|
</script>
|
|
</li>
|
|
@endforeach
|
|
</ul>
|
|
@endif
|