Compare commits

..

No commits in common. "f60b33bdb8b2002a413271e5acfdb7a033aed222" and "c67ba2e205445330edc8e4dc684962da9803dcde" have entirely different histories.

6 changed files with 73 additions and 361 deletions

View File

@ -14,13 +14,13 @@ class KelompokKategoriSeeder extends Seeder
{
$data = [
[
'nama_kelompok_kategori' => 'Paket Spesial Komplit',
'kode_kelompok_kategori' => 'PAK-SKOM',
'nama_kelompok_kategori' => 'Paket',
'kode_kelompok_kategori' => 'PASK',
'kategori_produk_id' => 2,
],
[
'nama_kelompok_kategori' => 'Paket Irit',
'kode_kelompok_kategori' => 'PAK-IRT',
'kode_kelompok_kategori' => 'PIRI',
'kategori_produk_id' => 2,
],
[

View File

@ -443,23 +443,3 @@
7,433
7,434
7,435
1,382
1,383
1,384
1,385
1,386
1,387
1,388
1,389
1,390
1,391
1,392
1,393
1,394
1,395
1,407
1,408
1,409
1,410
1,411
1,412

1 kelompok_kategori_id produk_id
443 7 433
444 7 434
445 7 435
1 382
1 383
1 384
1 385
1 386
1 387
1 388
1 389
1 390
1 391
1 392
1 393
1 394
1 395
1 407
1 408
1 409
1 410
1 411
1 412

View File

@ -409,8 +409,8 @@
2,SB.MTH,SAMBAL MATAH,,,2500,3
2,SB.BWG,SAMBAL BAWANG,,,2500,3
2,SERUNDENG,SERUNDENG,,,0,5
2,KANGKUNG KRISPY,KANGKUNG KRISPI,,,2500,5
2,KUAH PADANG,KUAH PADANG,,,0,5
2,KANGKUNG KRISPY,KANGKUNG KRISPI,,,2500,
2,KUAH PADANG,KUANG PADANG,,,0,
2,KERUPUK,KERUPUK,,,1000,
1,ES KOPI SUSU,ES KOPI SUSU,,,15000,
1,ES KOPI SUSU GULA AREN,ES KOPI SUSU GULA AREN,,,15000,

1 ketegori_produk_id kode_produk nama_produk deskripsi_produk varian_produk harga_produk urutan
409 2 SB.MTH SAMBAL MATAH 2500 3
410 2 SB.BWG SAMBAL BAWANG 2500 3
411 2 SERUNDENG SERUNDENG 0 5
412 2 KANGKUNG KRISPY KANGKUNG KRISPI 2500 5
413 2 KUAH PADANG KUAH PADANG KUANG PADANG 0 5
414 2 KERUPUK KERUPUK 1000
415 1 ES KOPI SUSU ES KOPI SUSU 15000
416 1 ES KOPI SUSU GULA AREN ES KOPI SUSU GULA AREN 15000

Binary file not shown.

Before

Width:  |  Height:  |  Size: 57 KiB

View File

@ -35,7 +35,9 @@ scratch. This page gets rid of all links and provides the needed markup only.
<!-- Content Wrapper. Contains page content -->
<div class="content-wrapper">
<!-- Content Header (Page header) -->
@yield('content-header')
<div class="content-header">
@yield('content-header')
</div>
<!-- /.content-header -->
<!-- Main content -->

View File

@ -1,27 +1,25 @@
@extends('layouts.base')
{{-- @section('content-header')
<div class="content-header">
<div class="container" style="display: contents">
<div class="row mb-2">
<div class="col-sm-6">
<h1 class="m-0"> Kasir <small>kasir 3.0</small></h1>
</div><!-- /.col -->
<div class="col-sm-6">
<ol class="breadcrumb float-sm-right">
<li class="breadcrumb-item"><a href="#">Home</a></li>
<li class="breadcrumb-item"><a href="#">Kasir</a></li>
<li class="breadcrumb-item active">Transaksi</li>
</ol>
</div><!-- /.col -->
</div><!-- /.row -->
</div><!-- /.container-fluid -->
</div>
@endsection --}}
@section('content-header')
<div class="container" style="display: contents">
<div class="row mb-2">
<div class="col-sm-6">
<h1 class="m-0"> Kasir <small>kasir 3.0</small></h1>
</div><!-- /.col -->
<div class="col-sm-6">
<ol class="breadcrumb float-sm-right">
<li class="breadcrumb-item"><a href="#">Home</a></li>
<li class="breadcrumb-item"><a href="#">Kasir</a></li>
<li class="breadcrumb-item active">Transaksi</li>
</ol>
</div><!-- /.col -->
</div><!-- /.row -->
</div><!-- /.container-fluid -->
@endsection
@section('content')
<div class="container" style="display: contents;">
<div class="row" style="padding: 5px">
<div class="container" style="display: contents">
<div class="row">
<div class="col-lg-8">
<div class="card card-primary card-outline card-outline-tabs">
<div class="card-header p-0 border-bottom-0">
@ -37,275 +35,44 @@
@endforeach
</ul>
</div>
<div class="card-body" id="batasitinggi"
style="height:600px;overflow-y:scroll;margin-bottom: 5px;padding-top: 2px;padding-bottom: 2px">
<div class="card-body" id="batasitinggi" style="height:700px;overflow-y:scroll;margin-bottom: 5px">
<div class="tab-content" id="custom-tabs-four-tabContent">
@foreach ($KelompokKategori as $key => $item)
<div class="tab-pane fade show @if ($key == 0) active @endif"
id="custom-tabs-four-{{ $item->kode_kelompok_kategori }}" role="tabpanel"
aria-labelledby="custom-tabs-four-{{ $item->kode_kelompok_kategori }}-tab">
<div class="row">
@if ($item->kode_kelompok_kategori == 'PAK-SKOM')
<div class="col" style="padding: 0px">
<div class="row" style="padding: 0px">
<div class="col-4 col-sm-3" style="margin-left: 0px;padding-left: 0px;">
<div class="nav flex-column nav-tabs h-100" id="vert-tabs-tab"
role="tablist" aria-orientation="vertical">
<a class="nav-link active" id="vert-tabs-nasi-tab"
data-toggle="pill" href="#vert-tabs-nasi" role="tab"
aria-controls="vert-tabs-nasi" aria-selected="true">Nasi</a>
<a class="nav-link" id="vert-tabs-telur-tab" data-toggle="pill"
href="#vert-tabs-telur" role="tab"
aria-controls="vert-tabs-telur"
aria-selected="false">Telur</a>
<a class="nav-link" id="vert-tabs-sambel-tab" data-toggle="pill"
href="#vert-tabs-sambel" role="tab"
aria-controls="vert-tabs-sambel"
aria-selected="false">Sambel</a>
<a class="nav-link" id="vert-tabs-topping-tab"
data-toggle="pill" href="#vert-tabs-topping" role="tab"
aria-controls="vert-tabs-topping"
aria-selected="false">Topping</a>
<a class="nav-link" id="vert-tabs-free-tab" data-toggle="pill"
href="#vert-tabs-free" role="tab"
aria-controls="vert-tabs-free"
aria-selected="false">Free</a>
<div class="card card-primary card-outline"
style="margin-top: auto;margin-right: 5px;height: auto;">
<div class="card-header">
<h5 class="card-title m-0" id="nama-paket">
Paket Menu Terpilih
</h5>
</div>
<div class="card-body" style="padding: 2px 20px 2px">
<ul style="padding: 0px 5px 0px;" id="menu-terpilih">
<li>
Pilih Paket Menu Terlebih Dahulu
</li>
</ul>
</div>
<a class="btn btn-primary disabled" id="ordered-menus">Pilih
Paket Menu
</a>
</div>
</div>
@foreach ($item->kelompokKategoriPivot as $key2 => $kelompokKategoriPivot)
<div class="col-lg-4">
<div class="card card-primary card-outline">
<div class="card-header">
<h5 class="card-title m-0">
{{ $kelompokKategoriPivot->produk->nama_produk ?? '' }}
</h5>
</div>
<div class="col-8 col-sm-9" style="padding: 0px;">
<div class="card-body" style="height:550px;overflow-y:scroll;">
<div class="tab-content" id="vert-tabs-tabContent">
<div class="tab-pane text-left fade show active"
id="vert-tabs-nasi" role="tabpanel"
aria-labelledby="vert-tabs-nasi-tab">
<div class="row">
@foreach ($item->kelompokKategoriPivot as $key2 => $kelompokKategoriPivot)
@if ($kelompokKategoriPivot->produk->urutan == 1)
<div class="col-lg-4">
<div
class="card card-primary card-outline">
<div class="card-header">
<h5 class="card-title m-0">
{{ $kelompokKategoriPivot->produk->nama_produk ?? '' }}
</h5>
</div>
<div class="card-body">
<img style="width: 100%;height: 200px;object-fit: cover;"
src="
@if ($kelompokKategoriPivot->produk->gambar_produk != null) {{ asset('storage/' . $kelompokKategoriPivot->produk->gambar_produk) }}
@else
{{ asset('assets/images/menu_image.jpeg') }} @endif
"
alt="{{ $kelompokKategoriPivot->produk->nama_produk ?? '' }}">
</div>
<a class="btn btn-primary"
id="ordered-menus"
onclick="selectPaket( {{ $kelompokKategoriPivot->produk }} )">Pilih
Paket
</a>
</div>
</div>
@endif
@endforeach
</div>
</div>
<div class="tab-pane fade" id="vert-tabs-telur"
role="tabpanel" aria-labelledby="vert-tabs-telur-tab">
<div class="row">
@foreach ($item->kelompokKategoriPivot as $key2 => $kelompokKategoriPivot)
@if ($kelompokKategoriPivot->produk->urutan == 2)
<div class="col-lg-4">
<div
class="card card-primary card-outline">
<div class="card-header">
<h5 class="card-title m-0">
{{ $kelompokKategoriPivot->produk->nama_produk ?? '' }}
</h5>
</div>
<div class="card-body">
<img style="width: 100%;height: 200px;object-fit: cover;"
src="
@if ($kelompokKategoriPivot->produk->gambar_produk != null) {{ asset('storage/' . $kelompokKategoriPivot->produk->gambar_produk) }}
@else
{{ asset('assets/images/menu_image.jpeg') }} @endif
"
alt="{{ $kelompokKategoriPivot->produk->nama_produk ?? '' }}">
</div>
<a class="btn btn-primary"
id="ordered-menus"
onclick="selectPaket( {{ $kelompokKategoriPivot->produk }} )">Pilih
Paket
</a>
</div>
</div>
@endif
@endforeach
</div>
</div>
<div class="tab-pane fade" id="vert-tabs-sambel"
role="tabpanel"
aria-labelledby="vert-tabs-sambel-tab">
<div class="row">
@foreach ($item->kelompokKategoriPivot as $key2 => $kelompokKategoriPivot)
@if ($kelompokKategoriPivot->produk->urutan == 3)
<div class="col-lg-4">
<div
class="card card-primary card-outline">
<div class="card-header">
<h5 class="card-title m-0">
{{ $kelompokKategoriPivot->produk->nama_produk ?? '' }}
</h5>
</div>
<div class="card-body">
<img style="width: 100%;height: 200px;object-fit: cover;"
src="
@if ($kelompokKategoriPivot->produk->gambar_produk != null) {{ asset('storage/' . $kelompokKategoriPivot->produk->gambar_produk) }}
@else
{{ asset('assets/images/menu_image.jpeg') }} @endif
"
alt="{{ $kelompokKategoriPivot->produk->nama_produk ?? '' }}">
</div>
<a class="btn btn-primary"
id="ordered-menus"
onclick="selectPaket( {{ $kelompokKategoriPivot->produk }} )">Pilih
Paket
</a>
</div>
</div>
@endif
@endforeach
</div>
</div>
<div class="tab-pane fade" id="vert-tabs-topping"
role="tabpanel"
aria-labelledby="vert-tabs-topping-tab">
<div class="row">
@foreach ($item->kelompokKategoriPivot as $key2 => $kelompokKategoriPivot)
@if ($kelompokKategoriPivot->produk->urutan == 4)
<div class="col-lg-4">
<div
class="card card-primary card-outline">
<div class="card-header">
<h5 class="card-title m-0">
{{ $kelompokKategoriPivot->produk->nama_produk ?? '' }}
</h5>
</div>
<div class="card-body">
<img style="width: 100%;height: 200px;object-fit: cover;"
src="
@if ($kelompokKategoriPivot->produk->gambar_produk != null) {{ asset('storage/' . $kelompokKategoriPivot->produk->gambar_produk) }}
@else
{{ asset('assets/images/menu_image.jpeg') }} @endif
"
alt="{{ $kelompokKategoriPivot->produk->nama_produk ?? '' }}">
</div>
<a class="btn btn-primary"
id="ordered-menus"
onclick="selectPaket( {{ $kelompokKategoriPivot->produk }} )">Pilih
Paket
</a>
</div>
</div>
@endif
@endforeach
</div>
</div>
<div class="tab-pane fade" id="vert-tabs-free"
role="tabpanel" aria-labelledby="vert-tabs-free-tab">
<div class="row">
@foreach ($item->kelompokKategoriPivot as $key2 => $kelompokKategoriPivot)
@if ($kelompokKategoriPivot->produk->urutan == 5)
<div class="col-lg-4">
<div
class="card card-primary card-outline">
<div class="card-header">
<h5 class="card-title m-0">
{{ $kelompokKategoriPivot->produk->nama_produk ?? '' }}
</h5>
</div>
<div class="card-body">
<img style="width: 100%;height: 200px;object-fit: cover;"
src="
@if ($kelompokKategoriPivot->produk->gambar_produk != null) {{ asset('storage/' . $kelompokKategoriPivot->produk->gambar_produk) }}
@else
{{ asset('assets/images/menu_image.jpeg') }} @endif
"
alt="{{ $kelompokKategoriPivot->produk->nama_produk ?? '' }}">
</div>
<a class="btn btn-primary"
id="ordered-menus"
onclick="selectPaket( {{ $kelompokKategoriPivot->produk }} )">Pilih
Paket
</a>
</div>
</div>
@endif
@endforeach
</div>
</div>
</div>
</div>
<div class="card-body">
<h6 class="card-title">Special title treatment</h6>
<p class="card-text">With supporting text below as a natural lead-in
to
additional
content.</p>
{{-- @if ($item->kode_kelompok_kategori == 'MIN-PAK')
<a class="btn btn-primary" id="ordered-menus"
onclick="selectPaket( '{{ url('/transaksi/select-paket', $kelompokKategoriPivot->produk->kode_produk) }}' )">Select
Paket
</a>
@else
<a class="btn btn-primary" id="ordered-menus"
onclick="aadMenu( {{ $kelompokKategoriPivot->produk }} )">Go
somewhere</a>
@endif --}}
<a class="btn btn-primary" id="ordered-menus"
onclick="aadMenu( {{ $kelompokKategoriPivot->produk }} )">Go
somewhere</a>
</div>
</div>
</div>
@else
@foreach ($item->kelompokKategoriPivot as $key2 => $kelompokKategoriPivot)
<div class="col-lg-4">
<div class="card card-primary card-outline btn"
onclick="aadMenu( {{ $kelompokKategoriPivot->produk }} )">
<div class="card-header">
<h5 class="card-title m-0">
{{ $kelompokKategoriPivot->produk->nama_produk ?? '' }}
</h5>
</div>
<div class="card-body">
<div class="col">
<img style="width: 100%;height: 200px;object-fit: cover;"
src="
@if ($kelompokKategoriPivot->produk->gambar_produk != null) {{ asset('storage/' . $kelompokKategoriPivot->produk->gambar_produk) }}
@else
{{ asset('assets/images/menu_image.jpeg') }} @endif
"
alt="{{ $kelompokKategoriPivot->produk->nama_produk ?? '' }}">
<div class="row"
style="margin: 5px;display: flex;align-items: center;align-content: center;">
<h5 class="col-6">
{{ convert_to_rupiah($kelompokKategoriPivot->produk->harga_produk) }}
</h5>
<a class="col-6 btn btn-primary"
id="ordered-menus">Pesan</a>
</div>
</div>
</div>
</div>
</div>
@endforeach
@endif
@endforeach
</div>
</div>
@endforeach
@ -318,12 +85,11 @@
<div class="col-lg-4">
<div class="card card-primary card-outline">
<div class="card-header">
<h5 class="col-lg-6 card-title m-0">Kode Pesanan
<small>{{ $orderCode }}</small>
</h5>
<h5 class="col-lg-6 card-title m-0">Kode Pesanan <small>{{ $orderCode }}</small></h5>
<h5 class="col-lg-6 card-title m-0" style="text-align: right">
<small id="datetime-order"></small>
</h5>
</h5>
</div>
<div class="card-body">
<table class="table table-bordered table-striped" id="order-menus" width="100%">
@ -827,60 +593,24 @@
});
});
// select paket
var selectedMenus = [];
var menu_terpilih = document.getElementById('menu-terpilih');
// pilih paket menu terlebih dahulu kemudian cocokkan dengan menu yang ada di menu terpilih jika ada maka tidak bisa memilih paket menu yang sama
function selectPaket(params) {
var isExist = false;
var index = 0;
for (var i = 0; i < selectedMenus.length; i++) {
console.log(selectedMenus[i].urutan);
// lakukan periksa kembali apabila menu dengan urutan yang sama sudah ada maka hapus menu tersebut dari array selectedMenus kecuali menu dengan urutan 5 boleh lebih dari 1
if (params.urutan == 5) {
if (selectedMenus[i].id == params.id) {
isExist = true;
index = i;
}
} else if (selectedMenus[i].urutan == params.urutan) {
selectedMenus.splice(i, 1);
} else if (selectedMenus[i].id == params.id) {
isExist = true;
index = i;
// select paket
function selectPaket(uri) {
console.log(uri);
$.ajax({
url: uri,
method: "GET",
success: function(data) {
console.log(data);
// data.forEach(item => {
// aadMenu(item);
// });
},
error: function(xhr, status, error) {
console.log(xhr.responseJSON);
console.log(status);
console.log(error);
}
}
if (isExist) {
selectedMenus.splice(index, 1);
document.getElementById('ordered-menus').classList.remove('disabled');
document.getElementById('ordered-menus').setAttribute('onclick', 'orderedMenus()');
} else {
selectedMenus.push(params);
document.getElementById('ordered-menus').classList.add('disabled');
document.getElementById('ordered-menus').setAttribute('onclick', '');
}
menu_terpilih.innerHTML = '';
for (var i = 0; i < selectedMenus.length; i++) {
menu_terpilih.innerHTML += `
<li>
${selectedMenus[i].nama_produk}
</li>
`;
}
if (selectedMenus.length == 0) {
menu_terpilih.innerHTML = `
<li>
Pilih Paket Menu Terlebih Dahulu
</li>
`;
}
console.log(selectedMenus);
})
}
</script>
@endpush