This commit is contained in:
Dwi Swandhana
2026-04-20 09:42:28 +07:00
parent 2abb6027a6
commit b139161cca
@@ -13,15 +13,15 @@
<i class="fa fa-file-excel-o"></i> Download Full Excel (CSV)
</a>
</div>
@foreach (['A', 'B', 'C'] as $tableKey)
<div class="table-responsive" style="margin-bottom: 24px;">
<h4>TABEL {{ $tableKey }}</h4>
<table class="table table-bordered table-sm">
<button type="button" class="btn btn-primary" id="btnexporttabel{{ $tableKey }}"><i class="fa fa-print"></i> Export</button>
<table class="table table-bordered table-sm" id="tabel{{ $tableKey }}">
<thead>
<tr>
@foreach (($glassHeaders[$tableKey] ?? []) as $header)
<th>{{ $header }}</th>
<th>{{ $header }}</th>`
@endforeach
</tr>
</thead>
@@ -47,3 +47,39 @@
</div>
</div>
@endsection
@push('script')
<script src="https://cdnjs.cloudflare.com/ajax/libs/xlsx/0.17.0/xlsx.full.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
<script type="text/javascript">
document.addEventListener("DOMContentLoaded", function() {
document.getElementById('btnexporttabelA').addEventListener('click', function() {
var table = document.getElementById('tabelA');
if (table) {
var wb = XLSX.utils.table_to_book(table, { sheet: "Bakteri" });
XLSX.writeFile(wb, "TABEL_A_{{$bulan}}_Tahun{{$tahun}}.xlsx");
} else {
console.error('Tabel dengan ID "tabelA" tidak ditemukan.');
}
});
document.getElementById('btnexporttabelB').addEventListener('click', function() {
var table = document.getElementById('tabelB');
if (table) {
var wb = XLSX.utils.table_to_book(table, { sheet: "Jamur" });
XLSX.writeFile(wb, "TABEL_B_{{$bulan}}_Tahun{{$tahun}}.xlsx");
} else {
console.error('Tabel dengan ID "tabelB" tidak ditemukan.');
}
});
document.getElementById('btnexporttabelC').addEventListener('click', function() {
var table = document.getElementById('tabelC');
if (table) {
var wb = XLSX.utils.table_to_book(table, { sheet: "No Growth" });
XLSX.writeFile(wb, "TABEL_C_{{$bulan}}_Tahun{{$tahun}}.xlsx");
} else {
console.error('Tabel dengan ID "tabelC" tidak ditemukan.');
}
});
});
</script>
@endpush