New Controllers added. Added Charts
This commit is contained in:
99
Laravel/resources/views/vendor/charts/canvas-gauges/gauge.blade.php
vendored
Normal file
99
Laravel/resources/views/vendor/charts/canvas-gauges/gauge.blade.php
vendored
Normal file
@@ -0,0 +1,99 @@
|
||||
@if(!$model->customId)
|
||||
@include('charts::_partials.container.canvas')
|
||||
@endif
|
||||
|
||||
<script type="text/javascript">
|
||||
$(function (){
|
||||
var {{ $model->id }} = new RadialGauge({
|
||||
renderTo: "{{ $model->id }}",
|
||||
@if($model->colors)
|
||||
colorNumbers: "{{ $model->colors[0] }}",
|
||||
@endif
|
||||
@include('charts::_partials.dimension.js2')
|
||||
@if($model->title)
|
||||
title: "{!! $model->title !!}",
|
||||
@endif
|
||||
value: {{ $model->values[0] }},
|
||||
units: "{!! $model->element_label !!}",
|
||||
@if(count($model->values) >= 2 and $model->values[1] <= $model->values[0])
|
||||
@php($min = $model->values[1])
|
||||
minValue: {{ $min }},
|
||||
@else
|
||||
@php($min = 0)
|
||||
@endif
|
||||
|
||||
@if(count($model->values) >= 3 and $model->values[2] >= $model->values[0])
|
||||
@php($max = $model->values[2])
|
||||
maxValue: {{ $max }},
|
||||
@else
|
||||
@php($max = 100)
|
||||
@endif
|
||||
|
||||
@php
|
||||
$interval = 10;
|
||||
$interval_adder = round($max / $interval, 2)
|
||||
@endphp
|
||||
|
||||
majorTicks: [
|
||||
@php($r = $min)
|
||||
@for($i = 0; $i <= $interval; $i++)
|
||||
@if($i == 0)
|
||||
{{ $min }},
|
||||
@elseif($i == $interval)
|
||||
{{ $max }},
|
||||
@else
|
||||
{{ $r + $interval_adder }},
|
||||
@php($r = $r + $interval_adder)
|
||||
@endif
|
||||
@endfor
|
||||
],
|
||||
|
||||
animationRule: 'linear',
|
||||
highlights: [
|
||||
@if($model->gauge_style == 'right')
|
||||
// Calculate warning area
|
||||
<?php
|
||||
$low_warning = round(0.40 * $max, 2);
|
||||
$warning = round(0.25 * $max, 2);
|
||||
$max_warning = round(0.10 * $max, 2);
|
||||
?>
|
||||
|
||||
{ from: {{ $low_warning }}, to: {{ $max }}, color: 'rgba(0,258,0,.20)' },
|
||||
{ from: {{ $warning }}, to: {{ $low_warning }}, color: 'rgba(255,255,0,.35)' },
|
||||
{ from: {{ $max_warning }}, to: {{ $warning }}, color: 'rgba(255,69,0,.40)' },
|
||||
{ from: {{ $min }}, to: {{ $max_warning }}, color: 'rgba(255,0,0,.5)' },
|
||||
@elseif($model->gauge_style == 'center')
|
||||
// Calculate warning area
|
||||
<?php
|
||||
$warning = round(0.10 * $max, 2);
|
||||
$warning2 = round(0.25 * $max, 2);
|
||||
$warning3 = round(0.40 * $max, 2);
|
||||
$warning4 = round(0.60 * $max, 2);
|
||||
$warning5 = round(0.75 * $max, 2);
|
||||
$warning6 = round(0.90 * $max, 2);
|
||||
?>
|
||||
|
||||
{ from: {{ $warning3 }}, to: {{ $warning4 }}, color: 'rgba(0,258,0,.20)' },
|
||||
{ from: {{ $warning2 }}, to: {{ $warning3 }}, color: 'rgba(255,255,0,.35)' },
|
||||
{ from: {{ $warning4 }}, to: {{ $warning5 }}, color: 'rgba(255,255,0,.35)' },
|
||||
{ from: {{ $warning }}, to: {{ $warning2 }}, color: 'rgba(255,69,0,.40)' },
|
||||
{ from: {{ $warning5 }}, to: {{ $warning6 }}, color: 'rgba(255,69,0,.40)' },
|
||||
{ from: {{ $min }}, to: {{ $warning }}, color: 'rgba(255,0,0,.5)' },
|
||||
{ from: {{ $warning6 }}, to: {{ $max }}, color: 'rgba(255,0,0,.5)' },
|
||||
@else
|
||||
// Calculate warning area
|
||||
<?php
|
||||
$low_warning = round(0.60 * $max, 2);
|
||||
$warning = round(0.75 * $max, 2);
|
||||
$max_warning = round(0.90 * $max, 2);
|
||||
?>
|
||||
|
||||
{ from: {{ $min }}, to: {{ $low_warning }}, color: 'rgba(0,258,0,.20)' },
|
||||
{ from: {{ $low_warning }}, to: {{ $warning }}, color: 'rgba(255,255,0,.35)' },
|
||||
{ from: {{ $warning }}, to: {{ $max_warning }}, color: 'rgba(255,69,0,.40)' },
|
||||
{ from: {{ $max_warning }}, to: {{ $max }}, color: 'rgba(255,0,0,.5)' },
|
||||
@endif
|
||||
],
|
||||
}).draw()
|
||||
});
|
||||
</script>
|
||||
105
Laravel/resources/views/vendor/charts/canvas-gauges/realtime/gauge.blade.php
vendored
Normal file
105
Laravel/resources/views/vendor/charts/canvas-gauges/realtime/gauge.blade.php
vendored
Normal file
@@ -0,0 +1,105 @@
|
||||
@if(!$model->customId)
|
||||
@include('charts::_partials.container.canvas')
|
||||
@endif
|
||||
|
||||
<script type="text/javascript">
|
||||
$(function (){
|
||||
var {{ $model->id }} = new RadialGauge({
|
||||
renderTo: "{{ $model->id }}",
|
||||
@if($model->colors)
|
||||
colorNumbers: "{{ $model->colors[0] }}",
|
||||
@endif
|
||||
@include('charts::_partials.dimension.js2')
|
||||
@if($model->title)
|
||||
title: "{!! $model->title !!}",
|
||||
@endif
|
||||
value: {{ $model->values ? $model->values[0] : '0' }},
|
||||
units: "{!! $model->element_label !!}",
|
||||
@if(count($model->values) >= 2 and $model->values[1] <= $model->values[0])
|
||||
@php($min = $model->values[1])
|
||||
minValue: {{ $min }},
|
||||
@else
|
||||
@php($min = 0)
|
||||
@endif
|
||||
|
||||
@if(count($model->values) >= 3 and $model->values[2] >= $model->values[0])
|
||||
@php($max = $model->values[2])
|
||||
maxValue: {{ $max }},
|
||||
@else
|
||||
@php($max = 100)
|
||||
@endif
|
||||
|
||||
@php
|
||||
$interval = 10;
|
||||
$interval_adder = round($max / $interval, 2)
|
||||
@endphp
|
||||
|
||||
majorTicks: [
|
||||
@php($r = $min)
|
||||
@for($i = 0; $i <= $interval; $i++)
|
||||
@if($i == 0)
|
||||
{{ $min }},
|
||||
@elseif($i == $interval)
|
||||
{{ $max }},
|
||||
@else
|
||||
{{ $r + $interval_adder }},
|
||||
@php($r = $r + $interval_adder)
|
||||
@endif
|
||||
@endfor
|
||||
],
|
||||
|
||||
animationRule: 'linear',
|
||||
highlights: [
|
||||
@if($model->gauge_style == 'right')
|
||||
// Calculate warning area
|
||||
@php
|
||||
$low_warning = round(0.40 * $max, 2);
|
||||
$warning = round(0.25 * $max, 2);
|
||||
$max_warning = round(0.10 * $max, 2);
|
||||
@endphp
|
||||
|
||||
{ from: {{ $low_warning }}, to: {{ $max }}, color: 'rgba(0,258,0,.20)' },
|
||||
{ from: {{ $warning }}, to: {{ $low_warning }}, color: 'rgba(255,255,0,.35)' },
|
||||
{ from: {{ $max_warning }}, to: {{ $warning }}, color: 'rgba(255,69,0,.40)' },
|
||||
{ from: {{ $min }}, to: {{ $max_warning }}, color: 'rgba(255,0,0,.5)' },
|
||||
@elseif($model->gauge_style == 'center') {
|
||||
// Calculate warning area
|
||||
@php
|
||||
$warning = round(0.10 * $max, 2);
|
||||
$warning2 = round(0.25 * $max, 2);
|
||||
$warning3 = round(0.40 * $max, 2);
|
||||
$warning4 = round(0.60 * $max, 2);
|
||||
$warning5 = round(0.75 * $max, 2);
|
||||
$warning6 = round(0.90 * $max, 2);
|
||||
@endphp
|
||||
|
||||
{ from: {{ $warning3 }}, to: {{ $warning4 }}, color: 'rgba(0,258,0,.20)' },
|
||||
{ from: {{ $warning2 }}, to: {{ $warning3 }}, color: 'rgba(255,255,0,.35)' },
|
||||
{ from: {{ $warning4 }}, to: {{ $warning5 }}, color: 'rgba(255,255,0,.35)' },
|
||||
{ from: {{ $warning }}, to: {{ $warning2 }}, color: 'rgba(255,69,0,.40)' },
|
||||
{ from: {{ $warning5 }}, to: {{ $warning6 }}, color: 'rgba(255,69,0,.40)' },
|
||||
{ from: {{ $min }}, to: {{ $warning }}, color: 'rgba(255,0,0,.5)' },
|
||||
{ from: {{ $warning6 }}, to: {{ $max }}, color: 'rgba(255,0,0,.5)' },
|
||||
@else
|
||||
// Calculate warning area
|
||||
@php
|
||||
$low_warning = round(0.60 * $max, 2);
|
||||
$warning = round(0.75 * $max, 2);
|
||||
$max_warning = round(0.90 * $max, 2);
|
||||
@endphp
|
||||
|
||||
{ from: {{ $min }}, to: {{ $low_warning }}, color: 'rgba(0,258,0,.20)' },
|
||||
{ from: {{ $low_warning }}, to: {{ $warning }}, color: 'rgba(255,255,0,.35)' },
|
||||
{ from: {{ $warning }}, to: {{ $max_warning }}, color: 'rgba(255,69,0,.40)' },
|
||||
{ from: {{ $max_warning }}, to: {{ $max }}, color: 'rgba(255,0,0,.5)' },
|
||||
@endif
|
||||
],
|
||||
}).draw()
|
||||
|
||||
setInterval(function(){
|
||||
$.getJSON("{{ $model->url }}", function( data ) {
|
||||
{{ $model->id }}.value = data["{{ $model->value_name }}"];
|
||||
})
|
||||
}, {{ $model->interval }})
|
||||
});
|
||||
</script>
|
||||
108
Laravel/resources/views/vendor/charts/canvas-gauges/realtime/temp.blade.php
vendored
Normal file
108
Laravel/resources/views/vendor/charts/canvas-gauges/realtime/temp.blade.php
vendored
Normal file
@@ -0,0 +1,108 @@
|
||||
@if(!$model->customId)
|
||||
@include('charts::_partials.container.canvas')
|
||||
@endif
|
||||
|
||||
<script type="text/javascript">
|
||||
$(function (){
|
||||
var {{ $model->id }} = new LinearGauge({
|
||||
renderTo: "{{ $model->id }}",
|
||||
@if($model->colors)
|
||||
colorNumbers: "{{ $model->colors[0] }}",
|
||||
@endif
|
||||
@include('charts::_partials.dimension.js2')
|
||||
@if($model->title)
|
||||
title: "{!! $model->title !!}",
|
||||
@endif
|
||||
value: {{ $model->values ? $model->values[0] : '0' }},
|
||||
units: "{!! $model->element_label !!}",
|
||||
@if(count($model->values) >= 2 and $model->values[1] <= $model->values[0])
|
||||
@php($min = $model->values[1])
|
||||
minValue: {{ $min }},
|
||||
@else
|
||||
@php($min = 0)
|
||||
@endif
|
||||
|
||||
@if(count($model->values) >= 3 and $model->values[2] >= $model->values[0])
|
||||
@php($max = $model->values[2])
|
||||
maxValue: {{ $max }},
|
||||
@else
|
||||
@php($max = 100)
|
||||
@endif
|
||||
|
||||
// Calculate warning area
|
||||
@php
|
||||
$low_warning = round(0.60 * $max, 2);
|
||||
$warning = round(0.75 * $max, 2);
|
||||
$max_warning = round(0.90 * $max, 2);
|
||||
|
||||
$interval = 10;
|
||||
$interval_adder = round($max / $interval, 2);
|
||||
@endphp
|
||||
|
||||
majorTicks: [
|
||||
@php($r = $min)
|
||||
@for($i = 0; $i <= $interval; $i++)
|
||||
@if($i == 0)
|
||||
{{ $min }},
|
||||
@elseif($i == $interval)
|
||||
{{ $max }},
|
||||
@else
|
||||
{{ $r + $interval_adder }},
|
||||
@php($r = $r + $interval_adder)
|
||||
@endif
|
||||
@endfor
|
||||
],
|
||||
highlights: [
|
||||
@if($model->gauge_style == 'right')
|
||||
// Calculate warning area
|
||||
@php
|
||||
$low_warning = round(0.40 * $max, 2);
|
||||
$warning = round(0.25 * $max, 2);
|
||||
$max_warning = round(0.10 * $max, 2);
|
||||
@endphp
|
||||
|
||||
{ from: {{ $low_warning }}, to: {{ $max }}, color: 'rgba(0,258,0,.20)' },
|
||||
{ from: {{ $warning }}, to: {{ $low_warning }}, color: 'rgba(255,255,0,.35)' },
|
||||
{ from: {{ $max_warning }}, to: {{ $warning }}, color: 'rgba(255,69,0,.40)' },
|
||||
{ from: {{ $min }}, to: {{ $max_warning }}, color: 'rgba(255,0,0,.5)' },
|
||||
@elseif($model->gauge_style == 'center')
|
||||
// Calculate warning area
|
||||
@php
|
||||
$warning = round(0.10 * $max, 2);
|
||||
$warning2 = round(0.25 * $max, 2);
|
||||
$warning3 = round(0.40 * $max, 2);
|
||||
$warning4 = round(0.60 * $max, 2);
|
||||
$warning5 = round(0.75 * $max, 2);
|
||||
$warning6 = round(0.90 * $max, 2);
|
||||
@endphp
|
||||
|
||||
{ from: {{ $warning3 }}, to: {{ $warning4 }}, color: 'rgba(0,258,0,.20)' },
|
||||
{ from: {{ $warning2 }}, to: {{ $warning3 }}, color: 'rgba(255,255,0,.35)' },
|
||||
{ from: {{ $warning4 }}, to: {{ $warning5 }}, color: 'rgba(255,255,0,.35)' },
|
||||
{ from: {{ $warning }}, to: {{ $warning2 }}, color: 'rgba(255,69,0,.40)' },
|
||||
{ from: {{ $warning5 }}, to: {{ $warning6 }}, color: 'rgba(255,69,0,.40)' },
|
||||
{ from: {{ $min }}, to: {{ $warning }}, color: 'rgba(255,0,0,.5)' },
|
||||
{ from: {{ $warning6 }}, to: {{ $max }}, color: 'rgba(255,0,0,.5)' },
|
||||
@else
|
||||
// Calculate warning area
|
||||
@php
|
||||
$low_warning = round(0.60 * $max, 2);
|
||||
$warning = round(0.75 * $max, 2);
|
||||
$max_warning = round(0.90 * $max, 2);
|
||||
@endphp
|
||||
|
||||
{ from: {{ $min }}, to: {{ $low_warning }}, color: 'rgba(0,258,0,.15)' },
|
||||
{ from: {{ $low_warning }}, to: {{ $warning }}, color: 'rgba(255,255,0,.35)' },
|
||||
{ from: {{ $warning }}, to: {{ $max_warning }}, color: 'rgba(255,69,0,.40)' },
|
||||
{ from: {{ $max_warning }}, to: {{ $max }}, color: 'rgba(255,0,0,.5)' },
|
||||
@endif
|
||||
],
|
||||
}).draw()
|
||||
|
||||
setInterval(function(){
|
||||
$.getJSON("{{ $model->url }}", function( data ) {
|
||||
{{ $model->id }}.value = data["{{ $model->value_name }}"];
|
||||
})
|
||||
}, {{ $model->interval }})
|
||||
});
|
||||
</script>
|
||||
102
Laravel/resources/views/vendor/charts/canvas-gauges/temp.blade.php
vendored
Normal file
102
Laravel/resources/views/vendor/charts/canvas-gauges/temp.blade.php
vendored
Normal file
@@ -0,0 +1,102 @@
|
||||
@if(!$model->customId)
|
||||
@include('charts::_partials.container.canvas')
|
||||
@endif
|
||||
|
||||
<script type="text/javascript">
|
||||
$(function (){
|
||||
var {{ $model->id }} = new LinearGauge({
|
||||
renderTo: "{{ $model->id }}",
|
||||
@if($model->colors)
|
||||
colorNumbers: "{{ $model->colors[0] }}",
|
||||
@endif
|
||||
@include('charts::_partials.dimension.js2')
|
||||
@if($model->title)
|
||||
title: "{!! $model->title !!}",
|
||||
@endif
|
||||
value: "{{ $model->values[0] }}",
|
||||
units: "{!! $model->element_label !!}",
|
||||
@if(count($model->values) >= 2 and $model->values[1] <= $model->values[0])
|
||||
@php($min = $model->values[1])
|
||||
minValue: {{ $min }},
|
||||
@else
|
||||
@php($min = 0)
|
||||
@endif
|
||||
|
||||
@if(count($model->values) >= 3 and $model->values[2] >= $model->values[0])
|
||||
@php($max = $model->values[2])
|
||||
maxValue: {{ $max }},
|
||||
@else
|
||||
@php($max = 100)
|
||||
@endif
|
||||
|
||||
// Calculate warning area
|
||||
@php
|
||||
$low_warning = round(0.60 * $max, 2);
|
||||
$warning = round(0.75 * $max, 2);
|
||||
$max_warning = round(0.90 * $max, 2);
|
||||
|
||||
$interval = 10;
|
||||
$interval_adder = round($max / $interval, 2);
|
||||
@endphp
|
||||
|
||||
majorTicks: [
|
||||
@php($r = $min)
|
||||
@for($i = 0; $i <= $interval; $i++)
|
||||
@if($i == 0)
|
||||
{{ $min }},
|
||||
@elseif($i == $interval)
|
||||
{{ $max }},
|
||||
@else
|
||||
{{ $r + $interval_adder }},
|
||||
@php($r = $r + $interval_adder)
|
||||
@endif
|
||||
@endfor
|
||||
],
|
||||
highlights: [
|
||||
@if($model->gauge_style == 'right')
|
||||
// Calculate warning area
|
||||
@php
|
||||
$low_warning = round(0.40 * $max, 2);
|
||||
$warning = round(0.25 * $max, 2);
|
||||
$max_warning = round(0.10 * $max, 2);
|
||||
@endphp
|
||||
|
||||
{ from: {{ $low_warning }}, to: {{ $max }}, color: 'rgba(0,258,0,.20)' },
|
||||
{ from: {{ $warning }}, to: {{ $low_warning }}, color: 'rgba(255,255,0,.35)' },
|
||||
{ from: {{ $max_warning }}, to: {{ $warning }}, color: 'rgba(255,69,0,.40)' },
|
||||
{ from: {{ $min }}, to: {{ $max_warning }}, color: 'rgba(255,0,0,.5)' },
|
||||
@elseif($model->gauge_style == 'center')
|
||||
// Calculate warning area
|
||||
@php
|
||||
$warning = round(0.10 * $max, 2);
|
||||
$warning2 = round(0.25 * $max, 2);
|
||||
$warning3 = round(0.40 * $max, 2);
|
||||
$warning4 = round(0.60 * $max, 2);
|
||||
$warning5 = round(0.75 * $max, 2);
|
||||
$warning6 = round(0.90 * $max, 2);
|
||||
@endphp
|
||||
|
||||
{ from: {{ $warning3 }}, to: {{ $warning4 }}, color: 'rgba(0,258,0,.20)' },
|
||||
{ from: {{ $warning2 }}, to: {{ $warning3 }}, color: 'rgba(255,255,0,.35)' },
|
||||
{ from: {{ $warning4 }}, to: {{ $warning5 }}, color: 'rgba(255,255,0,.35)' },
|
||||
{ from: {{ $warning }}, to: {{ $warning2 }}, color: 'rgba(255,69,0,.40)' },
|
||||
{ from: {{ $warning5 }}, to: {{ $warning6 }}, color: 'rgba(255,69,0,.40)' },
|
||||
{ from: {{ $min }}, to: {{ $warning }}, color: 'rgba(255,0,0,.5)' },
|
||||
{ from: {{ $warning6 }}, to: {{ $max }}, color: 'rgba(255,0,0,.5)' },
|
||||
@else
|
||||
// Calculate warning area
|
||||
@php
|
||||
$low_warning = round(0.60 * $max, 2);
|
||||
$warning = round(0.75 * $max, 2);
|
||||
$max_warning = round(0.90 * $max, 2);
|
||||
@endphp
|
||||
|
||||
{ from: {{ $min }}, to: {{ $low_warning }}, color: 'rgba(0,258,0,.15)' },
|
||||
{ from: {{ $low_warning }}, to: {{ $warning }}, color: 'rgba(255,255,0,.35)' },
|
||||
{ from: {{ $warning }}, to: {{ $max_warning }}, color: 'rgba(255,69,0,.40)' },
|
||||
{ from: {{ $max_warning }}, to: {{ $max }}, color: 'rgba(255,0,0,.5)' },
|
||||
@endif
|
||||
],
|
||||
}).draw()
|
||||
});
|
||||
</script>
|
||||
Reference in New Issue
Block a user