total

2024-01-22 13:05:50 +07:00 · 2024-01-22 13:05:50 +07:00 · ab1a2c886a
parent dce70d85dd
commit ab1a2c886a
7 changed files with 207 additions and 79 deletions
--- a/app/Http/Controllers/Kasir/History.php
+++ b/app/Http/Controllers/Kasir/History.php
@ -24,13 +24,20 @@ class History extends Controller
            ->addColumn('nomor', function ($data) use (&$nomor) {
                return $nomor++;
            })
-            ->addColumn('nama_user', function ($data) {
-                return $data->user->name;
+            ->addColumn('nama_pemesan', function ($data) {
+                $nomor = $data->nomor_pemesan != null ? '(' . $data->nomor_pemesan . ')' : '';
+                return $data->nama_pemesan . ' ' . $nomor;
+            })
+            ->addColumn('nomor_meja', function ($data) {
+                return $data->nomor_meja != null ? $data->nomor_meja : '-';
            })
            ->addColumn('created_at', function ($data) {
                return \Carbon\Carbon::parse($data->created_at)->format('d F Y H:i:s');
            })
-            ->addColumn('grand_total', function ($data) {
+            ->addColumn('total_bayar_rp', function ($data) {
+                return 'Rp ' . number_format($data->total_bayar, 0, ',', '.');
+            })
+            ->addColumn('grand_total_rp', function ($data) {
                return 'Rp ' . number_format($data->grand_total, 0, ',', '.');
            })
            ->addColumn('ubah', function ($data) {
--- a/resources/views/pages/History/index.blade.php
+++ b/resources/views/pages/History/index.blade.php
@ -32,14 +32,25 @@
                                <tr>
                                    <th class="text-center">No</th>
                                    <th>Kode Pesanan</th>
-                                <th>Kasir</th>
+                                    <th>Pemesan</th>
+                                    <th>Nomor Meja</th>
                                    <th>Tanggal & Jam</th>
                                    <th>Total Pesanan</th>
+                                    <th>Sub Total</th>
                                    <th>Diskon(%)</th>
                                    <th>Total</th>
                                    <th class="text-center"><i class="fas fa-cog"></i></th>
                                </tr>
                            </thead>
+                            <tfoot>
+                                <tr>
+                                    <th class="text-right" colspan="6">Total</th>
+                                    <th></th>
+                                    <th></th>
+                                    <th></th>
+                                    <th class="text-center"></th>
+                                </tr>
+                            </tfoot>
                        </table>
                    </div>
                </div>
@ -75,12 +86,41 @@
                processing: true,
                serverSide: true,
                ajax: '{{ route('history.getDataHistory') }}',
-                columns: [
-                {data: 'nomor', name: 'nomor', orderable: false, className: 'text-center'},
-                {data: 'kode_pesanan', name: 'kode_pesanan'},
-                {data: 'nama_user', name: 'nama_user'},
-                {data: 'created_at', name: 'created_at'},
-                {data: 'total_pesanan', name: 'total_pesanan', className: 'text-center'},
+                columns: [{
+                        data: 'nomor',
+                        name: 'nomor',
+                        orderable: false,
+                        className: 'text-center'
+                    },
+                    {
+                        data: 'kode_pesanan',
+                        name: 'kode_pesanan'
+                    },
+                    {
+                        data: 'nama_pemesan',
+                        name: 'nama_pemesan'
+                    },
+                    {
+                        data: 'nomor_meja',
+                        name: 'nomor_meja'
+                    },
+                    {
+                        data: 'created_at',
+                        name: 'created_at'
+                    },
+                    {
+                        data: 'total_pesanan',
+                        name: 'total_pesanan',
+                        className: 'text-center'
+                    },
+                    {
+                        data: 'total_bayar',
+                        name: 'total_bayar',
+                        render: function(data) {
+                            // change to IDR
+                            return 'Rp. ' + data.toString().replace(/\B(?=(\d{3})+(?!\d))/g, '.');
+                        }
+                    },
                    {
                        data: 'diskon_persen',
                        name: 'diskon_persen',
@ -89,9 +129,52 @@
                            return data ?? 0;
                        }
                    },
-                {data: 'grand_total', name: 'grand_total'},
-                {data: 'ubah', name: 'ubah', className: 'text-center'},
-                ]
+                    {
+                        data: 'grand_total',
+                        name: 'grand_total',
+                        render: function(data) {
+                            // change to IDR
+                            return 'Rp. ' + data.toString().replace(/\B(?=(\d{3})+(?!\d))/g, '.');
+                        }
+                    },
+                    {
+                        data: 'ubah',
+                        name: 'ubah',
+                        className: 'text-center'
+                    },
+                ],
+                footerCallback: function(row, data, start, end, display) {
+                    let api = this.api();
+                    console.log(api.column(6).data());
+                    // Remove the formatting to get integer data for summation
+                    let intVal = function(i) {
+                        return typeof i === 'string' ?
+                            i.replace(/[\$,]/g, '') * 1 :
+                            typeof i === 'number' ?
+                            i :
+                            0;
+                    };
+
+                    // Total over all pages
+                    totalAll = api
+                        .column(8)
+                        .data()
+                        .reduce((a, b) => intVal(a) + intVal(b), 0);
+
+                    // Total over this page
+                    pageTotal = api
+                        .column(6, {
+                            page: 'current'
+                        })
+                        .data()
+                        .reduce((a, b) => intVal(a) + intVal(b), 0);
+
+                    // Update footer
+                    api.column(6).footer().innerHTML =
+                        'Rp. ' + pageTotal.toString().replace(/\B(?=(\d{3})+(?!\d))/g, '.');
+                    api.column(8).footer().innerHTML =
+                        'Rp. ' + totalAll.toString().replace(/\B(?=(\d{3})+(?!\d))/g, '.');
+                }
            })
        })
    </script>
--- a/resources/views/pages/Kasir/print.blade.php
+++ b/resources/views/pages/Kasir/print.blade.php
@ -77,11 +77,11 @@

 <body style="width: 58mm;">
    <!-- Button Print -->
-    <div class="">
+    {{-- <div class="">
        <div class="col-6 mb">
            <button class="btn btn-info btn-block hidden-print" id="print-dapur">Print</button>
        </div>
-    </div>
+    </div> --}}
    <br>
    <h2 style="text-align: center">Sepiring Telur Keriting</h2>
    <p style="text-align: center">Jln. Jawa No. 28A, Jember</p>
@ -303,7 +303,12 @@
    }
 </style>
 <script>
-    // window.print();
+    addEventListener("afterprint", (event) => {
+        window.close();
+    });
+
+    window.print();
+
    const $btnPrint = document.querySelector("#print-dapur");
    $btnPrint.addEventListener("click", () => {
        window.print();
--- a/resources/views/pages/Kasir/print_dapur.blade.php
+++ b/resources/views/pages/Kasir/print_dapur.blade.php
@ -75,13 +75,19 @@
    }
 </style>

-<body style="width: 58mm;">
+<body style="width: 56mm;">
    <!-- Button Print -->
-    <div class="">
+    {{-- <div class="">
        <div class="col-6 mb">
            <button class="btn btn-info btn-block hidden-print" id="print-dapur">Print</button>
        </div>
+        <div class="col-6 mb">
+            <button class="btn btn-warning btn-block hidden-print" id="refresh">Refresh</button>
        </div>
+        <div class="col-6 mb">
+            <button class="btn btn-danger btn-block hidden-print" id="close">Tutup</button>
+        </div>
+    </div> --}}
    <br>
    <h2 style="text-align: center">Sepiring Telur Keriting</h2>
    <p style="text-align: center">Jln. Jawa No. 28A, Jember</p>
@ -290,6 +296,13 @@
        box-shadow: none;
    }

+    .btn-warning {
+        color: #fff;
+        background-color: orange;
+        border-color: orange;
+        box-shadow: none;
+    }
+
    .btn-danger {
        color: #fff;
        background-color: #dc3545;
@ -303,7 +316,12 @@
    }
 </style>
 <script>
-    // window.print();
+    addEventListener("afterprint", (event) => {
+        window.close();
+    });
+
+    window.print();
+
    const $btnPrint = document.querySelector("#print-dapur");
    $btnPrint.addEventListener("click", () => {
        window.print();
@ -314,6 +332,11 @@
            location.reload()
        })
    })
+    $(document).ready(function() {
+        $('#close').on('click', function() {
+            window.close()
+        })
+    })
 </script>

 </html>
--- a/resources/views/pages/Kasir/print_dapur_2x.blade.php
+++ b/resources/views/pages/Kasir/print_dapur_2x.blade.php
@ -77,11 +77,11 @@

 <body style="width: 58mm;">
    <!-- Button Print -->
-    <div class="">
+    {{-- <div class="">
        <div class="col-6 mb">
            <button class="btn btn-info btn-block hidden-print" id="print-dapur">Print</button>
        </div>
-    </div>
+    </div> --}}
    <br>
    @for ($i = 0; $i < 2; $i++)
        <hr class="dashed-line" style="margin-top: 15px;">
@ -220,7 +220,12 @@
    }
 </style>
 <script>
-    // window.print();
+    addEventListener("afterprint", (event) => {
+        window.close();
+    });
+
+    window.print();
+
    const $btnPrint = document.querySelector("#print-dapur");
    $btnPrint.addEventListener("click", () => {
        window.print();
--- a/resources/views/pages/Kasir/print_dapur_3x.blade.php
+++ b/resources/views/pages/Kasir/print_dapur_3x.blade.php
@ -77,11 +77,11 @@

 <body style="width: 58mm;">
    <!-- Button Print -->
-    <div class="">
+    {{-- <div class="">
        <div class="col-6 mb">
            <button class="btn btn-info btn-block hidden-print" id="print-dapur">Print</button>
        </div>
-    </div>
+    </div> --}}
    <br>
    @for ($i = 0; $i < 3; $i++)
        <hr class="dashed-line" style="margin-top: 15px;">
@ -223,7 +223,12 @@
    }
 </style>
 <script>
-    // window.print();
+    addEventListener("afterprint", (event) => {
+        window.close();
+    });
+
+    window.print();
+
    const $btnPrint = document.querySelector("#print-dapur");
    $btnPrint.addEventListener("click", () => {
        window.print();