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 = [ $data = [
[ [
'nama_kelompok_kategori' => 'Paket Spesial Komplit', 'nama_kelompok_kategori' => 'Paket',
'kode_kelompok_kategori' => 'PAK-SKOM', 'kode_kelompok_kategori' => 'PASK',
'kategori_produk_id' => 2, 'kategori_produk_id' => 2,
], ],
[ [
'nama_kelompok_kategori' => 'Paket Irit', 'nama_kelompok_kategori' => 'Paket Irit',
'kode_kelompok_kategori' => 'PAK-IRT', 'kode_kelompok_kategori' => 'PIRI',
'kategori_produk_id' => 2, 'kategori_produk_id' => 2,
], ],
[ [

View File

@ -443,23 +443,3 @@
7,433 7,433
7,434 7,434
7,435 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.MTH,SAMBAL MATAH,,,2500,3
2,SB.BWG,SAMBAL BAWANG,,,2500,3 2,SB.BWG,SAMBAL BAWANG,,,2500,3
2,SERUNDENG,SERUNDENG,,,0,5 2,SERUNDENG,SERUNDENG,,,0,5
2,KANGKUNG KRISPY,KANGKUNG KRISPI,,,2500,5 2,KANGKUNG KRISPY,KANGKUNG KRISPI,,,2500,
2,KUAH PADANG,KUAH PADANG,,,0,5 2,KUAH PADANG,KUANG PADANG,,,0,
2,KERUPUK,KERUPUK,,,1000, 2,KERUPUK,KERUPUK,,,1000,
1,ES KOPI SUSU,ES KOPI SUSU,,,15000, 1,ES KOPI SUSU,ES KOPI SUSU,,,15000,
1,ES KOPI SUSU GULA AREN,ES KOPI SUSU GULA AREN,,,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 --> <!-- Content Wrapper. Contains page content -->
<div class="content-wrapper"> <div class="content-wrapper">
<!-- Content Header (Page header) --> <!-- Content Header (Page header) -->
<div class="content-header">
@yield('content-header') @yield('content-header')
</div>
<!-- /.content-header --> <!-- /.content-header -->
<!-- Main content --> <!-- Main content -->

View File

@ -1,7 +1,6 @@
@extends('layouts.base') @extends('layouts.base')
{{-- @section('content-header') @section('content-header')
<div class="content-header">
<div class="container" style="display: contents"> <div class="container" style="display: contents">
<div class="row mb-2"> <div class="row mb-2">
<div class="col-sm-6"> <div class="col-sm-6">
@ -16,12 +15,11 @@
</div><!-- /.col --> </div><!-- /.col -->
</div><!-- /.row --> </div><!-- /.row -->
</div><!-- /.container-fluid --> </div><!-- /.container-fluid -->
</div> @endsection
@endsection --}}
@section('content') @section('content')
<div class="container" style="display: contents;"> <div class="container" style="display: contents">
<div class="row" style="padding: 5px"> <div class="row">
<div class="col-lg-8"> <div class="col-lg-8">
<div class="card card-primary card-outline card-outline-tabs"> <div class="card card-primary card-outline card-outline-tabs">
<div class="card-header p-0 border-bottom-0"> <div class="card-header p-0 border-bottom-0">
@ -37,275 +35,44 @@
@endforeach @endforeach
</ul> </ul>
</div> </div>
<div class="card-body" id="batasitinggi" <div class="card-body" id="batasitinggi" style="height:700px;overflow-y:scroll;margin-bottom: 5px">
style="height:600px;overflow-y:scroll;margin-bottom: 5px;padding-top: 2px;padding-bottom: 2px">
<div class="tab-content" id="custom-tabs-four-tabContent"> <div class="tab-content" id="custom-tabs-four-tabContent">
@foreach ($KelompokKategori as $key => $item) @foreach ($KelompokKategori as $key => $item)
<div class="tab-pane fade show @if ($key == 0) active @endif" <div class="tab-pane fade show @if ($key == 0) active @endif"
id="custom-tabs-four-{{ $item->kode_kelompok_kategori }}" role="tabpanel" id="custom-tabs-four-{{ $item->kode_kelompok_kategori }}" role="tabpanel"
aria-labelledby="custom-tabs-four-{{ $item->kode_kelompok_kategori }}-tab"> 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>
</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"> <div class="row">
@foreach ($item->kelompokKategoriPivot as $key2 => $kelompokKategoriPivot) @foreach ($item->kelompokKategoriPivot as $key2 => $kelompokKategoriPivot)
@if ($kelompokKategoriPivot->produk->urutan == 1)
<div class="col-lg-4"> <div class="col-lg-4">
<div <div class="card card-primary card-outline">
class="card card-primary card-outline">
<div class="card-header"> <div class="card-header">
<h5 class="card-title m-0"> <h5 class="card-title m-0">
{{ $kelompokKategoriPivot->produk->nama_produk ?? '' }} {{ $kelompokKategoriPivot->produk->nama_produk ?? '' }}
</h5> </h5>
</div> </div>
<div class="card-body"> <div class="card-body">
<img style="width: 100%;height: 200px;object-fit: cover;" <h6 class="card-title">Special title treatment</h6>
src=" <p class="card-text">With supporting text below as a natural lead-in
@if ($kelompokKategoriPivot->produk->gambar_produk != null) {{ asset('storage/' . $kelompokKategoriPivot->produk->gambar_produk) }} to
@else additional
{{ asset('assets/images/menu_image.jpeg') }} @endif content.</p>
" {{-- @if ($item->kode_kelompok_kategori == 'MIN-PAK')
alt="{{ $kelompokKategoriPivot->produk->nama_produk ?? '' }}"> <a class="btn btn-primary" id="ordered-menus"
onclick="selectPaket( '{{ url('/transaksi/select-paket', $kelompokKategoriPivot->produk->kode_produk) }}' )">Select
</div>
<a class="btn btn-primary"
id="ordered-menus"
onclick="selectPaket( {{ $kelompokKategoriPivot->produk }} )">Pilih
Paket Paket
</a> </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 @else
{{ asset('assets/images/menu_image.jpeg') }} @endif <a class="btn btn-primary" id="ordered-menus"
" onclick="aadMenu( {{ $kelompokKategoriPivot->produk }} )">Go
alt="{{ $kelompokKategoriPivot->produk->nama_produk ?? '' }}"> somewhere</a>
@endif --}}
</div> <a class="btn btn-primary" id="ordered-menus"
<a class="btn btn-primary" onclick="aadMenu( {{ $kelompokKategoriPivot->produk }} )">Go
id="ordered-menus" somewhere</a>
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>
</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> </div>
</div> </div>
@endforeach @endforeach
@endif
</div> </div>
</div> </div>
@endforeach @endforeach
@ -318,12 +85,11 @@
<div class="col-lg-4"> <div class="col-lg-4">
<div class="card card-primary card-outline"> <div class="card card-primary card-outline">
<div class="card-header"> <div class="card-header">
<h5 class="col-lg-6 card-title m-0">Kode Pesanan <h5 class="col-lg-6 card-title m-0">Kode Pesanan <small>{{ $orderCode }}</small></h5>
<small>{{ $orderCode }}</small>
</h5>
<h5 class="col-lg-6 card-title m-0" style="text-align: right"> <h5 class="col-lg-6 card-title m-0" style="text-align: right">
<small id="datetime-order"></small> <small id="datetime-order"></small>
</h5> </h5>
</h5>
</div> </div>
<div class="card-body"> <div class="card-body">
<table class="table table-bordered table-striped" id="order-menus" width="100%"> <table class="table table-bordered table-striped" id="order-menus" width="100%">
@ -828,59 +594,23 @@
}); });
// select paket // select paket
var selectedMenus = []; function selectPaket(uri) {
var menu_terpilih = document.getElementById('menu-terpilih'); console.log(uri);
// pilih paket menu terlebih dahulu kemudian cocokkan dengan menu yang ada di menu terpilih jika ada maka tidak bisa memilih paket menu yang sama $.ajax({
function selectPaket(params) { url: uri,
var isExist = false; method: "GET",
var index = 0; success: function(data) {
console.log(data);
for (var i = 0; i < selectedMenus.length; i++) { // data.forEach(item => {
console.log(selectedMenus[i].urutan); // aadMenu(item);
// 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) { error: function(xhr, status, error) {
isExist = true; console.log(xhr.responseJSON);
index = i; console.log(status);
console.log(error);
} }
} else if (selectedMenus[i].urutan == params.urutan) { })
selectedMenus.splice(i, 1);
} else if (selectedMenus[i].id == params.id) {
isExist = true;
index = i;
}
}
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> </script>
@endpush @endpush