[WIP] Setup of skeleton
This commit is contained in:
2
resources/views/vendor/charts/chartjs/container.blade.php
vendored
Normal file
2
resources/views/vendor/charts/chartjs/container.blade.php
vendored
Normal file
@@ -0,0 +1,2 @@
|
||||
<canvas style="display: none;" id="{{ $chart->id }}" {!! $chart->formatContainerOptions('html') !!}></canvas>
|
||||
@include('charts::loader')
|
||||
41
resources/views/vendor/charts/chartjs/script.blade.php
vendored
Normal file
41
resources/views/vendor/charts/chartjs/script.blade.php
vendored
Normal file
@@ -0,0 +1,41 @@
|
||||
|
||||
@foreach ($chart->plugins as $plugin)
|
||||
@include($chart->pluginsViews[$plugin]);
|
||||
@endforeach
|
||||
|
||||
<script {!! $chart->displayScriptAttributes() !!}>
|
||||
var ctvChart = document.getElementById('{{ $chart->id }}').getContext('2d');
|
||||
function {{ $chart->id }}_create(data) {
|
||||
{{ $chart->id }}_rendered = true;
|
||||
document.getElementById("{{ $chart->id }}_loader").style.display = 'none';
|
||||
document.getElementById("{{ $chart->id }}").style.display = 'block';
|
||||
window.{{ $chart->id }} = new Chart(document.getElementById("{{ $chart->id }}").getContext("2d"), {
|
||||
type: {!! $chart->type ? "'{$chart->type}'" : 'data[0].type' !!},
|
||||
data: {
|
||||
labels: {!! $chart->formatLabels() !!},
|
||||
datasets: data
|
||||
},
|
||||
options: {!! $chart->formatOptions(true) !!},
|
||||
plugins: {!! $chart->formatPlugins(true) !!}
|
||||
});
|
||||
}
|
||||
@if ($chart->api_url)
|
||||
let {{ $chart->id }}_refresh = function (url) {
|
||||
document.getElementById("{{ $chart->id }}").style.display = 'none';
|
||||
document.getElementById("{{ $chart->id }}_loader").style.display = 'flex';
|
||||
if (typeof url !== 'undefined') {
|
||||
{{ $chart->id }}_api_url = url;
|
||||
}
|
||||
fetch({{ $chart->id }}_api_url)
|
||||
.then(data => data.json())
|
||||
.then(data => {
|
||||
document.getElementById("{{ $chart->id }}_loader").style.display = 'none';
|
||||
document.getElementById("{{ $chart->id }}").style.display = 'block';
|
||||
{{ $chart->id }}.data.datasets = data;
|
||||
{{ $chart->id }}.update();
|
||||
});
|
||||
};
|
||||
@endif
|
||||
@include('charts::init')
|
||||
|
||||
</script>
|
||||
Reference in New Issue
Block a user