205 lines
7.3 KiB
PHP
205 lines
7.3 KiB
PHP
<footer class="main-footer">
|
|
<strong>Copyright © 2014-2021 <a href="https://adminlte.io">AdminLTE.io</a>.</strong>
|
|
All rights reserved.
|
|
<div class="float-right d-none d-sm-inline-block">
|
|
<b>Version</b> 3.2.0
|
|
</div>
|
|
</footer>
|
|
|
|
<!-- Control Sidebar -->
|
|
<aside class="control-sidebar control-sidebar-dark">
|
|
<!-- Control sidebar content goes here -->
|
|
</aside>
|
|
<!-- /.control-sidebar -->
|
|
</div>
|
|
<!-- ./wrapper -->
|
|
|
|
<!-- jQuery -->
|
|
<script src="{{ asset('AdminLTE-3.2.0') }}/plugins/jquery/jquery.min.js"></script>
|
|
<!-- jQuery UI 1.11.4 -->
|
|
<script src="{{ asset('AdminLTE-3.2.0') }}/plugins/jquery-ui/jquery-ui.min.js"></script>
|
|
<!-- Resolve conflict in jQuery UI tooltip with Bootstrap tooltip -->
|
|
<script>
|
|
$.widget.bridge('uibutton{{ asset('AdminLTE-3.2.0') }}/n', $.ui.button)
|
|
</script>
|
|
<!-- Bootstrap 4 -->
|
|
<script src="{{ asset('AdminLTE-3.2.0') }}/plugins/bootstrap/js/bootstrap.bundle.min.js"></script>
|
|
<!-- ChartJS -->
|
|
<script src="{{ asset('AdminLTE-3.2.0') }}/plugins/chart.js/Chart.min.js"></script>
|
|
<!-- Sparkline -->
|
|
<script src="{{ asset('AdminLTE-3.2.0') }}/plugins/sparklines/sparkline.js"></script>
|
|
<!-- JQVMap -->
|
|
<script src="{{ asset('AdminLTE-3.2.0') }}/plugins/jqvmap/jquery.vmap.min.js"></script>
|
|
<script src="{{ asset('AdminLTE-3.2.0') }}/plugins/jqvmap/maps/jquery.vmap.usa.js"></script>
|
|
<!-- jQuery Knob Chart -->
|
|
<script src="{{ asset('AdminLTE-3.2.0') }}/plugins/jquery-knob/jquery.knob.min.js"></script>
|
|
<!-- daterangepicker -->
|
|
<script src="{{ asset('AdminLTE-3.2.0') }}/plugins/moment/moment.min.js"></script>
|
|
<script src="{{ asset('AdminLTE-3.2.0') }}/plugins/daterangepicker/daterangepicker.js"></script>
|
|
<!-- Tempusdominus Bootstrap 4 -->
|
|
<script src="{{ asset('AdminLTE-3.2.0') }}/plugins/tempusdominus-bootstrap-4/js/tempusdominus-bootstrap-4.min.js">
|
|
</script>
|
|
<!-- Summernote -->
|
|
<script src="{{ asset('AdminLTE-3.2.0') }}/plugins/summernote/summernote-bs4.min.js"></script>
|
|
<!-- overlayScrollbars -->
|
|
<script src="{{ asset('AdminLTE-3.2.0') }}/plugins/overlayScrollbars/js/jquery.overlayScrollbars.min.js"></script>
|
|
<!-- AdminLTE App -->
|
|
<script src="{{ asset('AdminLTE-3.2.0') }}/dist/js/adminlte.js"></script>
|
|
<!-- AdminLTE for demo purposes -->
|
|
<script src="{{ asset('AdminLTE-3.2.0') }}/dist/js/demo.js"></script>
|
|
<!-- AdminLTE dashboard demo (This is only for demo purposes) -->
|
|
<script src="{{ asset('AdminLTE-3.2.0') }}/dist/js/pages/dashboard.js"></script>
|
|
|
|
<!-- DataTables & Plugins -->
|
|
<script src="{{ asset('AdminLTE-3.2.0') }}/plugins/datatables/jquery.dataTables.min.js"></script>
|
|
<script src="{{ asset('AdminLTE-3.2.0') }}/plugins/datatables-bs4/js/dataTables.bootstrap4.min.js"></script>
|
|
<script src="{{ asset('AdminLTE-3.2.0') }}/plugins/datatables-responsive/js/dataTables.responsive.min.js"></script>
|
|
<script src="{{ asset('AdminLTE-3.2.0') }}/plugins/datatables-responsive/js/responsive.bootstrap4.min.js"></script>
|
|
<script src="{{ asset('AdminLTE-3.2.0') }}/plugins/datatables-buttons/js/dataTables.buttons.min.js"></script>
|
|
<script src="{{ asset('AdminLTE-3.2.0') }}/plugins/datatables-buttons/js/buttons.bootstrap4.min.js"></script>
|
|
<script src="{{ asset('AdminLTE-3.2.0') }}/plugins/jszip/jszip.min.js"></script>
|
|
<script src="{{ asset('AdminLTE-3.2.0') }}/plugins/pdfmake/pdfmake.min.js"></script>
|
|
<script src="{{ asset('AdminLTE-3.2.0') }}/plugins/pdfmake/vfs_fonts.js"></script>
|
|
<script src="{{ asset('AdminLTE-3.2.0') }}/plugins/datatables-buttons/js/buttons.html5.min.js"></script>
|
|
<script src="{{ asset('AdminLTE-3.2.0') }}/plugins/datatables-buttons/js/buttons.print.min.js"></script>
|
|
<script src="{{ asset('AdminLTE-3.2.0') }}/plugins/datatables-buttons/js/buttons.colVis.min.js"></script>
|
|
|
|
<script>
|
|
$(function() {
|
|
$("#example1").DataTable({
|
|
"responsive": true,
|
|
"lengthChange": false,
|
|
"autoWidth": false,
|
|
"buttons": ["copy", "csv", "excel", "pdf", "print", "colvis"]
|
|
}).buttons().container().appendTo('#example1_wrapper .col-md-6:eq(0)');
|
|
$('#example2').DataTable({
|
|
"paging": true,
|
|
"lengthChange": false,
|
|
"searching": false,
|
|
"ordering": true,
|
|
"info": true,
|
|
"autoWidth": false,
|
|
"responsive": true,
|
|
});
|
|
});
|
|
</script>
|
|
|
|
{{-- <script>
|
|
var manualData = @json($manualCounts);
|
|
var svmData = @json($svmCounts);
|
|
var manualData1 = @json($manualCounts1);
|
|
var svmData1 = @json($svmCounts1);
|
|
|
|
var donutChartCanvas = $('#donutChart').get(0).getContext('2d')
|
|
var donutData = {
|
|
labels: [
|
|
'Fitur',
|
|
'Performa',
|
|
'Tampilan',
|
|
],
|
|
datasets: [{
|
|
data: manualData,
|
|
backgroundColor: ['#f56954', '#00a65a', '#f39c12'],
|
|
}]
|
|
}
|
|
var donutOptions = {
|
|
maintainAspectRatio: false,
|
|
responsive: true,
|
|
}
|
|
//Create pie or douhnut chart
|
|
// You can switch between pie and douhnut using the method below.
|
|
new Chart(donutChartCanvas, {
|
|
type: 'pie',
|
|
data: donutData,
|
|
options: donutOptions
|
|
})
|
|
|
|
//-------------
|
|
//- PIE CHART -
|
|
//-------------
|
|
// Get context with jQuery - using jQuery's .get() method.
|
|
var pieChartCanvas = $('#pieChart').get(0).getContext('2d')
|
|
var pieData = {
|
|
labels: [
|
|
'Fitur',
|
|
'Performa',
|
|
'Tampilan',
|
|
],
|
|
datasets: [{
|
|
data: svmData,
|
|
backgroundColor: ['#f56954', '#00a65a', '#f39c12'],
|
|
}]
|
|
}
|
|
var pieOptions = {
|
|
maintainAspectRatio: false,
|
|
responsive: true,
|
|
}
|
|
//Create pie or douhnut chart
|
|
// You can switch between pie and douhnut using the method below.
|
|
new Chart(pieChartCanvas, {
|
|
type: 'pie',
|
|
data: pieData,
|
|
options: pieOptions
|
|
})
|
|
|
|
|
|
var donutChartCanvas = $('#donutChart1').get(0).getContext('2d')
|
|
var donutData = {
|
|
labels: [
|
|
'Fitur',
|
|
'Performa',
|
|
'Tampilan',
|
|
],
|
|
datasets: [{
|
|
data: manualData1,
|
|
backgroundColor: ['#00c0ef', '#3c8dbc', '#d2d6de'],
|
|
}]
|
|
}
|
|
var donutOptions = {
|
|
maintainAspectRatio: false,
|
|
responsive: true,
|
|
}
|
|
//Create pie or douhnut chart
|
|
// You can switch between pie and douhnut using the method below.
|
|
new Chart(donutChartCanvas, {
|
|
type: 'pie',
|
|
data: donutData,
|
|
options: donutOptions
|
|
})
|
|
|
|
//-------------
|
|
//- PIE CHART -
|
|
//-------------
|
|
// Get context with jQuery - using jQuery's .get() method.
|
|
var pieChartCanvas = $('#pieChart1').get(0).getContext('2d')
|
|
var pieData = {
|
|
labels: [
|
|
'Fitur',
|
|
'Performa',
|
|
'Tampilan',
|
|
],
|
|
datasets: [{
|
|
data: svmData1,
|
|
backgroundColor: ['#00c0ef', '#3c8dbc', '#d2d6de'],
|
|
}]
|
|
}
|
|
var pieOptions = {
|
|
maintainAspectRatio: false,
|
|
responsive: true,
|
|
}
|
|
//Create pie or douhnut chart
|
|
// You can switch between pie and douhnut using the method below.
|
|
new Chart(pieChartCanvas, {
|
|
type: 'pie',
|
|
data: pieData,
|
|
options: pieOptions
|
|
})
|
|
</script> --}}
|
|
@yield('grafikwa')
|
|
@yield('grafiktele')
|
|
@yield('perbandingan')
|
|
|
|
</body>
|
|
|
|
</html>
|