TIMOR-TELECOM/gps-frontend
5
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Initial commit

Browse Source
This commit is contained in:
meusinfirmary
2025-04-22 14:33:37 +07:00
commit b9891d2f81
1305 changed files with 452033 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

452
resources/views/menu_v2/Vendors/_newOrder.blade.php Executable file
View File

@ -0,0 +1,452 @@
@extends('app.app')
@section('title')
User Client
@endsection
@section('customcss')
@endsection
@section('content')
<div class="container-fluid">
<div class="content">
<div class="row">
<div class="col-sm-6">
<div class="card">
<div class="card-header">
<div class="row d-flex align-items-center">
<div class="col">
<p class="card-title text-bold mb-0">New Order</p>
</div>
</div>
</div>
<div class="card-body pb-0">
<div class="row d-flex align-items-center">
<div class="col-12 mb-3">
<p class="text-danger text-bold mb-0">Pick up and Drop</p>
</div>
<div class="col-5 mb-3">
<label for="" class="form-label">Pickup Time</label>
<div class="card bg-light border mb-0">
<div class="card-body">
<p class="mb-0"><span id="view-pickup_at"></span></p>
</div>
</div>
</div>
</div>
<div class="row mb-3 d-flex align-items-center">
<div class="col-5 mb-3">
<label for="" class="form-label">Pickup Zone</label>
<div class="card bg-light border mb-0">
<div class="card-body">
{{-- <p class="text-bold mb-2">Gudang Pluit SiCepat (Jakarta)</p> --}}
<p class="text-bold mb-2">{{ $order->pck_name }}</p>
{{-- <p class="mb-0">Jl. Pluit Karang Karya 2 No.33, RT.7/RW.16, Pejagalan, Kec. Penjaringan, Kota Jkt Utara, Daerah Khusus Ibukota Jakarta 14440</p> --}}
<p class="mb-0">{{ $order->pck_addr }}</p>
</div>
</div>
</div>
<div class="col-2 text-center">
<label for="" class="form-label mb-0 mt-0">&nbsp;</label>
{{-- <p class="mb-0">to</p> --}}
<span class="ion-arrow-right-c text-danger" style="font-size: 15px"></span>
</div>
<div class="col-5 mb-3">
<label for="" class="form-label">Drop Zone</label>
<div class="card bg-light border mb-0">
<div class="card-body">
{{-- <p class="text-bold mb-2">Kantor Pusat SiCepat (yogyakarta)</p> --}}
<p class="text-bold mb-2">{{ $order->drop_name }}</p>
{{-- <p class="mb-0">Jl. Prof. Herman Yohanes No.989, Terban, Gondokusuman, Kota Yogyakarta, Daerah Istimewa Yogyakarta 55223, Indonesia</p> --}}
<p class="mb-0">{{ $order->drop_addr }}</p>
</div>
</div>
</div>
</div>
<div class="row d-flex align-items-center mb-3">
<div class="col-12 mb-3">
<p class="text-danger text-bold mb-0">Package Infomation</p>
</div>
<label for="" class="form-label">Description</label>
@if ($order->weight != 0)
<div class="col-sm-4 mb-0 d-flex align-items-center">
<div class="card bg-light border mb-0 w-100">
<div class="card-body">
<p class="text-bold mb-2">Weight</p>
<p class="mb-0">{{ $order->weight }} Kg</p>
</div>
</div>
</div>
@endif
@if ($order->cbm != 0)
<div class="col-sm-4 mb-0 d-flex align-items-center">
<div class="card bg-light border mb-0 w-100">
<div class="card-body">
<p class="text-bold mb-2">Volume</p>
<p class="mb-0">{{ $order->cbm }} m&sup3;</p>
</div>
</div>
</div>
@endif
@if ($order->koli != 0)
<div class="col-sm-4 mb-0 d-flex align-items-center">
<div class="card bg-light border mb-0 w-100">
<div class="card-body">
<p class="text-bold mb-2">Koli</p>
<p class="mb-0">{{ $order->koli }} Pcs</p>
</div>
</div>
</div>
@endif
</div>
<div class="row d-flex align-items-center">
<div class="col-12 mb-3">
<p class="text-danger text-bold mb-0">Service Information</p>
<small>It's about lead time, the maximum delivery time should be faster than
request</small>
</div>
<div class="col-sm-5">
<div class="row mb-3">
<div class="col-12 mb-3">
<label for="" class="form-label">Durasi Pengantaran</label>
<div class="card bg-light border mb-0">
<div class="card-body">
<p class="text-bold mb-2">{{ $order->lead_time }} Day</p>
<p class="mb-0">
{{-- <em>
You must be able to deliver the package no later than Feb 03,
2022 23:59:00
</em> --}}
<em>
You must be able to deliver the package no later than <span
id="view-max_lead_time"></span>
</em>
</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="card-footer">
@if ($order->is_want != \App\Models\OrdersVendors::IS_WANT_YES)
<div id="group_want_order" class="row d-flex align-items-center">
<div class="col-8">
<p class="mb-0">
Would you like to take this order?
</p>
</div>
<div class="col-4 text-end">
<button class="btn btn-warning btn-block btn-sm" id="btnCalculate">Yes, I
want</button>
<div id="group_btnCalculateSpinner" class="d-none">
<div class="spinner-border" role="status">
<span class="visually-hidden">Loading...</span>
</div>
</div>
</div>
</div>
@endif
<div id="group_exp_dur"
class="row d-flex align-items-center {{ $order->is_want != \App\Models\OrdersVendors::IS_WANT_YES ? 'd-none' : '' }}">
<div class="col-12">
<p class="mb-0">
If you not take the order till <span id="exp_dur">-</span>. This order will be
canceled
</p>
</div>
</div>
</div>
</div>
</div>
<div class="col-sm-6 {{ $order->is_want != \App\Models\OrdersVendors::IS_WANT_YES ? 'd-none' : '' }}"
id="checkOutView">
<div class="card">
<div class="card-header">
<div class="row d-flex align-items-center">
<div class="col">
<p class="card-title text-bold mb-0">Take the Order</p>
</div>
</div>
</div>
<div class="card-body pb-0">
<div class="row mb-3 d-flex align-items-top">
<div class="col-12 mb-3">
<p class="text-danger text-bold mb-0">Fleet and Driver</p>
</div>
<div class="col-sm-5 mb-3">
<label for="checkout-vehicle" class="form-label">Select Vehicle</label>
<select name="checkout-vehicle" id="checkout-vehicle" class="form-control select2">
<option value="" selected disabled>No Vehicle selected</option>
{{-- <option value="">B 1237 XYZ</option>
<option value="">B 9892 XDA</option> --}}
@foreach ($vehicles as $k => $v)
<option value="{{ $v->id }}">
{{ $v->nopol1 . ' ' . $v->nopol2 . ' ' . $v->nopol3 }}</option>
@endforeach
</select>
</div>
<div class="col-sm-2"></div>
<div class="col-sm-5 mb-3">
<label for="checkout-driver" class="form-label">Select Driver</label>
<select name="checkout-driver" id="checkout-driver" class="form-control select2">
<option value="" selected disabled>No Driver selected</option>
{{-- <option value="">Anwar Lutfi Yuliana</option>
<option value="">Mansur Iman Darma</option>
<option value="">Putra Ismail Daud</option>
<option value="">Ridwan Buana Iskandar</option> --}}
@foreach ($drivers as $k => $v)
<option value="{{ $v->id }}">
{{ $v->fullname . ' (+' . $v->phone_code . ' ' . implode(' ', str_split($v->phone, 4)) . ')' }}
</option>
@endforeach
</select>
</div>
</div>
</div>
<div class="card-footer">
<div class="row d-flex align-items-center">
<div class="col-8">
<p class="mb-0">
Have you double-checked the Fleet and Driver information?
</p>
<div class="form-check">
<input class="form-check-input" name="agree" type="checkbox" value=""
id="flexCheckDefault">
<label class="form-check-label text-danger" for="flexCheckDefault">
I agree with the lead time rules from Bonceng
</label>
</div>
</div>
<div class="col-4 text-end">
{{-- <button class="btn btn-danger btn-block btn-sm" id="btnOrder"
onclick="location.href='{{ route('view_user_vendor_transaction') }}'"
disabled>Order now</button> --}}
<button class="btn btn-danger btn-block btn-sm" id="btnOrder" disabled>Order
now</button>
<div id="group_btnOrderSpinner" class="d-none">
<div class="spinner-border" role="status">
<span class="visually-hidden">Loading...</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
@endsection
@section('customjs')
<script>
'use strict'
const State = {
ord_id: "{{ $order->ord_id }}",
crt: "{{ $order->crt }}",
set_pck_at: "{{ $order->set_pck_at }}",
lead_time: "{{ $order->lead_time }}",
exp_dur: "{{ $order->vdr_exp_at }}",
url_list_trx: "{{ route('view_user_vendor_transaction') }}",
};
const Wrapper = {
activate: function() {
Wrapper.event();
OrdConfirm.activate();
},
event: function() {
$('#view-pickup_at').text(moment.unix(State.set_pck_at).format('DD MMM YYYY HH:mm:ss'));
$('#view-max_lead_time').text(moment.unix(State.crt).add(State.lead_time, 'day').format(
'DD MMM YYYY HH:mm:ss'));
$('#exp_dur').text(moment.unix(State.exp_dur).format('DD MMM YYYY HH:mm:ss'));
},
};
const OrdConfirm = {
activate: function() {
OrdConfirm.event();
},
event: function() {
$('#btnCalculate').on('click', function() {
let data = {};
data.ord_id = State.ord_id;
OrdConfirm.wantThisOrder(data);
});
$('input[name=agree]').on('click', function() {
if ($(this).is(':checked')) {
$('#btnOrder').prop("disabled", false);
} else {
$('#btnOrder').prop("disabled", true);
}
});
$('#btnOrder').on('click', async function() {
let data = OrdConfirm.getData();
let isValid = OrdConfirm.checkData(data, true);
if (!isValid) {
return false;
}
OrdConfirm.submit(data);
});
},
getData: function() {
let data = {};
data.ord_id = State.ord_id;
data.vehicle = $('#checkout-vehicle').val();
data.driver = $('#checkout-driver').val();
data.aggree = $('#flexCheckDefault').prop('checked');
return data;
},
checkData: function(data, isAlert = false) {
if (!data.vehicle) {
if (isAlert) Helper.toast('Warning', 'just now', 'Vehicle not selected');
return false;
}
if (!data.driver) {
if (isAlert) Helper.toast('Warning', 'just now', 'Driver not selected');
return false;
}
if (!data.aggree) {
if (isAlert) Helper.toast('Warning', 'just now',
'Have you double-checked the Fleet and Driver information?');
return false;
}
return true;
},
submit: function(data) {
return new Promise((resolve, reject) => {
if (typeof $('#btnOrder').attr('disabed') != 'undefined') {
resolve({
type: 'fail'
});
return false;
}
$('#btnOrder').attr('disabed', true);
OrdConfirm.toggleBtnSpinner(1);
$.ajax({
url: "{{ route('api_user_vendor_accept_order_v1') }}/",
method: 'POST',
crossDomain: true,
processData: true,
headers: {
'x-api-key': Helper.getCookie('_trtk'),
'x-csrf-token': $('meta[name="csrf-token"]').attr('content'),
},
data: data,
success: (data, textStatus, jqXHR) => {
$('#btnOrder').removeAttr('disabed');
OrdConfirm.toggleBtnSpinner(0);
if (data.meta.type != 'success') {
resolve({
type: 'fail'
});
Helper.toast('Warning', 'just now', data.meta.message);
return false;
}
resolve({
type: 'success',
resp: data,
});
window.location.href = State.url_list_trx;
},
error: (jqXHR, textStatus, error) => {
$('#btnOrder').removeAttr('disabed');
OrdConfirm.toggleBtnSpinner(0);
if (jqXHR.status >= 500) {
Helper.toast('Error', 'just now', 'please try again');
} else {
Helper.toast('Error', 'just now', jqXHR.responseJSON.meta
.message);
}
resolve({
type: 'error'
});
}
})
});
},
toggleBtnSpinner: function(isShow = 1) {
if (isShow) {
$('#btnOrder').addClass('d-none');
$('#group_btnOrderSpinner').removeClass('d-none');
} else {
$('#btnOrder').removeClass('d-none');
$('#group_btnOrderSpinner').addClass('d-none');
}
},
wantThisOrder: function(data) {
function toogleBtnSpinner(isShow = 1) {
if (isShow) {
$('#btnCalculate').addClass('d-none');
$('#group_btnCalculateSpinner').removeClass('d-none');
} else {
$('#btnCalculate').removeClass('d-none');
$('#group_btnCalculateSpinner').addClass('d-none');
}
}
return new Promise((resolve, reject) => {
if (typeof $('#btnCalculate').attr('disabed') != 'undefined') {
resolve({
type: 'fail'
});
return false;
}
$('#btnCalculate').attr('disabed', true);
toogleBtnSpinner(1);
$.ajax({
url: "{{ route('api_user_vendor_want_this_order_v1') }}/",
method: 'POST',
crossDomain: true,
processData: true,
headers: {
'x-api-key': Helper.getCookie('_trtk'),
'x-csrf-token': $('meta[name="csrf-token"]').attr('content'),
},
data: data,
success: (data, textStatus, jqXHR) => {
$('#btnCalculate').removeAttr('disabed');
toogleBtnSpinner(0);
if (data.meta.type != 'success') {
resolve({
type: 'fail'
});
Helper.toast('Warning', 'just now', data.meta.message);
return false;
}
resolve({
type: 'success',
resp: data,
});
$('#checkOutView').removeClass('d-none');
$('#checkOutView').addClass('d-block');
$('#group_want_order').addClass('d-none');
$('#exp_dur').text(moment().add(10, 'minute').format('DD MMM YYYY HH:mm:ss'));
$('#group_exp_dur').removeClass('d-none');
},
error: (jqXHR, textStatus, error) => {
$('#btnCalculate').removeAttr('disabed');
toogleBtnSpinner(0);
if (jqXHR.status >= 500) {
Helper.toast('Error', 'just now', 'please try again');
} else {
Helper.toast('Error', 'just now', jqXHR.responseJSON.meta
.message);
}
resolve({
type: 'error'
});
}
})
});
},
};
Wrapper.activate();
</script>
@endsection

374
resources/views/menu_v2/Vendors/_viewTransactions.blade.php Executable file
View File

@ -0,0 +1,374 @@
@extends('app.app')
@section('title')
User Vendor
@endsection
@section('customcss')
@endsection
@section('content')
<div class="container-fluid">
<div class="content">
<div class="row">
<div class="col-sm-6" id="">
<div class="card">
<div class="card-header">
<div class="row d-flex align-items-center">
<div class="col">
<p class="card-title text-bold mb-0">Detail Pesanan
@foreach ($orders as $iOrd => $order)
#{{ $order->code }}
@if (count($orders) !== ((int) $iOrd) + 1)
,
@endif
@endforeach
</p>
</div>
<div class="col text-end">
<button class="btn btn-secondary btn-sm" onclick="location.href='{{ route('view_user_vendor_transaction') }}'">Kembali</button>
</div>
</div>
</div>
<div class="card-body pb-0">
@php
$startNoLainnya = 1;
@endphp
@foreach ($data as $iOrd => $_order)
@php
++$startNoLainnya;
@endphp
<div class="card bg-light">
<div class="card-body pb-0">
<div class="row">
<div class="col-12">
<div class="row">
<div class="col-12 mb-3">
<p class="text-danger text-bold mb-0">Penjemputan dan Pengantaran ({{ $iOrd + 1 }})</p>
</div>
</div>
<div class="row">
<div class="col-sm-5 mb-3">
<label for="" class="form-label">Tanggal Penjemputan</label>
<div class="card bg-light border mb-0">
<div class="card-body">
<p class="mb-0">{{ $_order['pck_date'] }}</p>
</div>
</div>
</div>
<div class="col-sm-2"></div>
<div class="col-sm-5 mb-3">
<label for="" class="form-label">Waktu Penjemputan</label>
<div class="card bg-light border mb-0">
<div class="card-body">
<p class="mb-0">{{ $_order['pck_time'] }}</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="row d-flex mb-3">
<div class="col-5">
<label for="" class="form-label">Lokasi Penjemputan</label>
<div class="card bg-light border mb-0">
<div class="card-body">
<p class="text-bold mb-2">{{ $_order['pck_name'] }}</p>
<p class="mb-0">{{ $_order['pck_addr'] }}</p>
</div>
</div>
</div>
<div class="col-2 text-center d-flex align-items-center justify-content-center">
<label for="" class="form-label mb-0 mt-0">&nbsp;</label>
{{-- <p class="mb-0">to</p> --}}
<span class="ion-arrow-right-c text-danger" style="font-size: 15px"></span>
</div>
<div class="col-5">
<label for="" class="form-label">Lokasi Pengantaran</label>
<div class="card bg-light border mb-0">
<div class="card-body">
{{-- <p class="text-bold mb-2">Kantor Pusat SiCepat (yogyakarta)</p> --}}
<p class="text-bold mb-2">{{ $_order['drop_name'] }}</p>
{{-- <p class="mb-0">Jl. Prof. Herman Yohanes No.989, Terban, Gondokusuman, Kota Yogyakarta, Daerah Istimewa Yogyakarta 55223, Indonesia</p> --}}
<p class="mb-0">{{ $_order['drop_addr'] }}</p>
</div>
</div>
</div>
</div>
@if (count($_order['checklist_array']) > 0)
<div class="row d-flex">
<div class="col-12">
<label for="" class="form-label">Foto Pelaporan</label>
<div class="row">
@foreach ($_order['checklist_array'] as $_chck)
<div class="col-sm-6">
<div class="card bg-light border">
<div class="card-body">
<p class="text-bold mb-2">{{ $_chck->checklist_name }}</p>
@if ($_chck->img == null)
<p class="mb-0 text-muted">Foto belum tersedia</p>
@else
<img src="{{ $_chck->img }}" alt="" class="img-fluid mb-2">
<i class="text-muted"><small>Uploaded at: {{ date('Y-m-d H:i:s', $_chck->updt) }}</small></i>
@endif
</div>
</div>
</div>
@endforeach
</div>
</div>
</div>
@endif
</div>
</div>
@endforeach
</div>
</div>
</div>
<div class="col-sm-6">
<div class="card">
<div class="card-body">
<div class="row">
<div class="col-sm-5">
<div class="row d-flex align-items-center mb-3">
<div class="col-12 mb-3">
{{-- <p class="text-danger text-bold mb-0">Vendor Information</p> --}}
<p class="text-danger text-bold mb-0">Client Information</p>
</div>
<div class="col-sm-12 mb-3">
<label for="" class="form-label">Nama Vendor</label>
<div class="card bg-light border mb-0">
<div class="card-body">
{{-- <p class="mb-0">CV Karya Expedisi Bangsa</p> --}}
@if ($order->vdr_name)
<p class="mb-0">{{ $order->vdr_name }}</p>
@else
<p class="mb-0 text-primary">not yet assigned</p>
@endif
</div>
</div>
</div>
<div class="col-sm-12 mb-3">
<label for="" class="form-label">Kendaraan</label>
<div class="card bg-light border mb-0">
<div class="card-body">
{{-- <p class="mb-0">B 1192 XY</p> --}}
@if ($order->vhc_nopol1)
<p class="mb-0">
{{ $order->vhc_nopol1 . ' ' . $order->vhc_nopol2 . ' ' . $order->vhc_nopol3 }}
</p>
@else
<p class="mb-0 text-primary">not yet assigned</p>
@endif
</div>
</div>
</div>
<div class="col-sm-12 mb-3">
<label for="" class="form-label">Nama Pengemudi</label>
<div class="card bg-light border mb-0">
<div class="card-body">
{{-- <p class="mb-0">Archibald Borislav Aldric</p> --}}
@if ($order->drv_name)
<p class="mb-0">
{{ $order->drv_name }}
</p>
<p class="mb-0">
<a href="tel:0{{ $order->drv_phone_val }}">
<i class="text-dark ion-ios-telephone"></i>&nbsp;
{{ implode(' ', str_split('0' . $order->drv_phone_val, 4)) }}
</a>
</p>
<p class="mb-0">
<a href="https://api.whatsapp.com/send/?phone=62{{ $order->drv_phone_val }}&text=Halo&app_absent=0" class="" target="_blank"><i class="text-success ion-social-whatsapp"></i> {{ implode(' ', str_split('0' . $order->drv_phone_val, 4)) }}</a>
</p>
@else
<p class="mb-0 text-primary">not yet assigned</p>
@endif
</div>
</div>
@if ($order->drv_name2)
<label for="" class="form-label mt-3">Nama Pengemudi 2</label>
<div class="card bg-light border mb-0">
<div class="card-body">
@if ($order->drv_name2)
<p class="mb-0"> {{ $order->drv_name2 }} </p>
<p class="mb-0">
<a href="tel:0{{ $order->drv_phone2_val }}">
<i class="text-dark ion-ios-telephone"></i>&nbsp;
{{ implode(' ', str_split('0' . $order->drv_phone2_val, 4)) }}
</a>
</p>
<p class="mb-0">
<a href="https://api.whatsapp.com/send/?phone=62{{ $order->drv_phone2_val }}&text=Halo&app_absent=0" class="" target="_blank"><i class="text-success ion-social-whatsapp"></i>
{{ implode(' ', str_split('0' . $order->drv_phone2_val, 4)) }}</a>
</p>
@else
<p class="mb-0 text-primary">belum ditugaskan</p>
@endif
</div>
</div>
@endif
</div>
</div>
</div>
<div class="col-sm-2"></div>
<div class="col-sm-5">
<div class="row d-flex align-items-center">
<div class="col-12 mb-3">
<p class="text-danger text-bold mb-0">Surat Perintah Kerja</p>
</div>
<div class="col-sm-12 mb-3">
<label for="formFile" class="form-label">Anda dapat mengunduh berkas ini dan menyerahkannya kepada pengemudi sebelum mengambil barang</label>
@php $no = 1 @endphp
@foreach ($data as $iOrd => $_order)
<div class="d-flex align-items-center mb-3">
<button id="btnDownloadSPK" data-point-id="{{ $_order['id'] }}" class="btn btn-sm btn-danger btnDownloadSPK">Download SPK {{ $no }}</button>
</div>
@php $no ++ @endphp
@endforeach
</div>
</div>
<div class="row d-flex align-items-center">
<div class="col-12 mb-0">
<label for="" class="form-label">Status Pekerjaan</label>
</div>
<div class="col-sm-12 mb-3">
@if ($order->status == 10)
<span class="btn btn-sm btn-success">Complete</span>
<br>
<i class="text-muted"><small>Completed at: {{ date('Y-m-d H:i:s', $order->updt) }}</small></i>
@php $no = 1 @endphp
@foreach ($data as $iOrd => $_order)
<div class="d-flex align-items-center mb-3">
<button id="btnDownloadSummary" data-point-id="{{ $_order['id'] }}" class="btn btn-sm btn-danger btnDownloadSummary">Show Summary {{ $no }}</button>
</div>
@php $no ++ @endphp
@endforeach
{{-- <div class="d-flex align-items-center mt-3">
<button id="btnDownloadSummary" class="btn btn-sm btn-danger">Show summary</button>
</div> --}}
@elseif ($order->status == 11)
<span class="btn btn-sm btn-danger">Cancel</span>
@else
<span class="btn btn-sm btn-warning">Active</span>
@endif
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
@endsection
@section('customjs')
<script>
'use strict'
const State = {
// orders: JSON.parse('{!! json_encode($bladeViewOrders) !!}'),
orders: {!! json_encode($bladeViewOrders) !!},
};
const Wrapper = {
activate: function() {
Wrapper.event();
OrdView.activate();
},
event: function() {
Wrapper.initDate();
Wrapper.downloadNReport();
},
initDate: function() {
const {
orders
} = State;
for (let iOrd in orders) {
$(`#view${iOrd}-pickup_at`).text(moment.unix(orders[iOrd].set_pck_at).format('DD MMM YYYY HH:mm:ss'));
$(`#view${iOrd}-pickup_date_at`).text(moment.unix(orders[iOrd].set_pck_at).format('DD MMM YYYY'));
$(`#view${iOrd}-pickup_time_at`).text(moment.unix(orders[iOrd].set_pck_at).format('HH:mm:ss'));
$(`#view${iOrd}-fix_price_at`).text(moment.unix(orders[iOrd].fix_price_at).format('DD MMM YYYY HH:mm:ss'));
}
},
downloadNReport: function() {
const {
orders
} = State;
$('#btnDownloadDO').on('click', function() {
document.cookie = 'now_at=' + moment().format('DD MMM YYYY') + '; path=/;';
setTimeout(() => {
window.open(
"{{ route('view_user_vendor_transactions_download_do') . '?ord_code=' . $order->ord_code }}",
"_blank");
}, 1);
});
$('.btnDownloadSPK').on('click', function() {
document.cookie = 'now_at=' + moment().format('DD MMM YYYY') + '; path=/;';
let ord_codes = '';
for (let iOrd in orders) {
ord_codes += orders[iOrd].ord_code + ',';
}
if (ord_codes.slice(-1) === ',') {
ord_codes = ord_codes.slice(0, -1);
}
let pointId = $(this).data('pointId')
setTimeout(() => {
window.open(
`/user/vendor/transactions/download_spk?ord_code=${ord_codes}&point_id=${pointId}`,
"_blank"
);
}, 1);
});
$('.btnDownloadSummary').on('click', function() {
document.cookie = 'now_at=' + moment().format('DD MMM YYYY') + '; path=/;';
let ord_codes = '';
for (let iOrd in orders) {
ord_codes += orders[iOrd].ord_code + ',';
}
if (ord_codes.slice(-1) === ',') {
ord_codes = ord_codes.slice(0, -1);
}
let pointId = $(this).data('pointId')
// setTimeout(() => {
// window.open(
// "{{ route('view_user_vendor_transactions_download_summary') . '?ord_code=' }}" + ord_codes,
// "_blank");
// }, 1);
setTimeout(() => {
window.open(
`/user/vendor/transactions/download_summary?ord_code=${ord_codes}&point_id=${pointId}`,
"_blank"
);
}, 1);
});
},
};
const OrdView = {
activate: function() {
OrdView.event();
OrdView.initDateAdtPoints();
},
event: function() {},
initDateAdtPoints: function() {
const {
orders
} = State;
for (let iOrd in orders) {
iOrd = Number(iOrd);
for (let iAdtPoint in orders[iOrd].adtPoints) {
iAdtPoint = Number(iAdtPoint);
$(`#view${iOrd}-pickup_date_at${iAdtPoint+1}`).text(moment.unix(orders[iOrd].adtPoints[iAdtPoint].set_pck_at).format('DD MMM YYYY'));
$(`#view${iOrd}-pickup_time_at${iAdtPoint+1}`).text(moment.unix(orders[iOrd].adtPoints[iAdtPoint].set_pck_at).format('HH:mm:ss'));
}
}
},
};
Wrapper.activate();
</script>
@endsection

441
resources/views/menu_v2/Vendors/_viewTransactions.blade_old.php Normal file
View File

@ -0,0 +1,441 @@
@extends('app.app')
@section('title')
User Vendor
@endsection
@section('customcss')
@endsection
@section('content')
<div class="container-fluid">
<div class="content">
<div class="row">
<div class="col-sm-6" id="">
<div class="card">
<div class="card-header">
<div class="row d-flex align-items-center">
<div class="col">
<p class="card-title text-bold mb-0">Detail Pesanan
@foreach ($orders as $iOrd => $order)
#{{ $order->code }}
@if (count($orders) !== ((int) $iOrd) + 1)
,
@endif
@endforeach
</p>
</div>
<div class="col text-end">
<button class="btn btn-secondary btn-sm" onclick="location.href='{{ route('view_user_vendor_transaction') }}'">Kembali</button>
</div>
</div>
</div>
<div class="card-body pb-0">
{{-- <div class="row">
<div class="col-12">
<div class="row">
<div class="col-5 mb-3">
<p class="text-danger text-bold mb-0">Layanan Yang Dipilih</p>
</div>
</div>
<div class="row">
<div class="col-12">
<label for="" class="form-label">Durasi Pengantaran & Harga</label>
</div>
<div class="col-5 mb-3">
<div class="card bg-light border mb-0 w-100">
<div class="card-body">
<p class="text-bold mb-2">{{ $order->lead_time }} Day</p>
<p class="text-bold mb-0">
Rp{{ number_format($order->buy_price, 0, ',', '.') }}
</p>
</div>
</div>
</div>
</div>
</div>
</div> --}}
@php
$startNoLainnya = 1;
@endphp
@foreach ($orders as $iOrd => $order)
@php
++$startNoLainnya;
@endphp
<div class="row">
<div class="col-12">
<div class="row">
<div class="col-12 mb-3">
<p class="text-danger text-bold mb-0">Penjemputan dan Pengantaran Utama ({{ $iOrd + 1 }})</p>
</div>
</div>
<div class="row mb-3">
<div class="col-sm-5 mb-3">
<label for="" class="form-label">Tanggal Penjemputan</label>
<div class="card bg-light border mb-0">
<div class="card-body">
<p class="mb-0"><span id="view{{ $iOrd }}-pickup_date_at"></span></p>
</div>
</div>
</div>
<div class="col-sm-2"></div>
<div class="col-sm-5 mb-3">
<label for="" class="form-label">Waktu Penjemputan</label>
<div class="card bg-light border mb-0">
<div class="card-body">
<p class="mb-0"><span id="view{{ $iOrd }}-pickup_time_at"></span></p>
</div>
</div>
</div>
</div>
</div>
</div>
{{-- <div class="row mb-3 d-flex align-items-center"> --}}
<div class="row mb-3 d-flex">
<div class="col-5 mb-3">
<label for="" class="form-label">Lokasi Penjemputan</label>
<div class="card bg-light border mb-0">
<div class="card-body">
<p class="text-bold mb-2">{{ $order->pck_name }}</p>
<p class="mb-0">{{ $order->pck_addr }}</p>
</div>
</div>
</div>
<div class="col-2 text-center d-flex align-items-center justify-content-center">
<label for="" class="form-label mb-0 mt-0">&nbsp;</label>
{{-- <p class="mb-0">to</p> --}}
<span class="ion-arrow-right-c text-danger" style="font-size: 15px"></span>
</div>
<div class="col-5 mb-3">
<label for="" class="form-label">Lokasi Pengantaran</label>
<div class="card bg-light border mb-0">
<div class="card-body">
{{-- <p class="text-bold mb-2">Kantor Pusat SiCepat (yogyakarta)</p> --}}
<p class="text-bold mb-2">{{ $order->drop_name }}</p>
{{-- <p class="mb-0">Jl. Prof. Herman Yohanes No.989, Terban, Gondokusuman, Kota Yogyakarta, Daerah Istimewa Yogyakarta 55223, Indonesia</p> --}}
<p class="mb-0">{{ $order->drop_addr }}</p>
</div>
</div>
</div>
</div>
@endforeach
@foreach ($orders as $iOrd => $order)
@foreach ($order->adtPoints as $i => $p)
<div class="row d-flex align-items-center">
<div class="col-12 mb-3">
<p class="text-danger text-bold mb-0">Infomasi Penjemputan dan Pengantaran Lainnya ({{ $iOrd + $i + $startNoLainnya }})</p>
</div>
</div>
<div class="row mb-3 d-flex">
<div class="col-5 mb-3">
<label for="" class="form-label">Tanggal Penjemputan</label>
<div class="card bg-light border mb-0">
<div class="card-body">
<p class="mb-0"><span id="view{{ $iOrd }}-pickup_date_at{{ $i + 1 }}"></span></p>
</div>
</div>
</div>
<div class="col-2"></div>
<div class="col-5 mb-3">
<label for="" class="form-label">Waktu Penjemputan</label>
<div class="card bg-light border mb-0">
<div class="card-body">
<p class="mb-0"><span id="view{{ $iOrd }}-pickup_time_at{{ $i + 1 }}"></span></p>
</div>
</div>
</div>
</div>
<div class="row mb-3 d-flex">
<div class="col-5 mb-3">
<label for="" class="form-label">Lokasi Penjemputan</label>
<div class="card bg-light border mb-0">
<div class="card-body">
<p class="text-bold mb-2">{{ $p->pck_name }}</p>
<p class="mb-0">{{ $p->pck_addr }}</p>
</div>
</div>
</div>
<div class="col-2 text-center d-flex justify-content-center align-items-center">
<label for="" class="form-label mb-0 mt-0">&nbsp;</label>
{{-- <p class="mb-0">to</p> --}}
<span class="ion-arrow-right-c text-danger" style="font-size: 15px"></span>
</div>
<div class="col-5 mb-3">
<label for="" class="form-label">Lokasi Pengantaran</label>
<div class="card bg-light border mb-0">
<div class="card-body">
<p class="text-bold mb-2">{{ $p->drop_name }}</p>
<p class="mb-0">{{ $p->drop_addr }}</p>
</div>
</div>
</div>
</div>
@endforeach
@endforeach
<div class="row">
<div class="col-sm-5">
{{-- <div class="row d-flex align-items-center mb-3">
<div class="col-12 mb-3">
<p class="text-danger text-bold mb-0">Informasi Pengiriman</p>
</div>
@if ($order->weight != 0)
<div class="col-sm-12 mb-3">
<label for="" class="form-label">Berat</label>
<div class="card bg-light border mb-0 w-100">
<div class="card-body">
<p class="mb-0">{{ $order->weight }} Kg</p>
</div>
</div>
</div>
@endif
@if ($order->cbm != 0)
<div class="col-sm-12 mb-3">
<label for="" class="form-label">Volume</label>
<div class="card bg-light border mb-0 w-100">
<div class="card-body">
<p class="mb-0">{{ $order->cbm }} m&sup3;</p>
</div>
</div>
</div>
@endif
@if ($order->koli != 0)
<div class="col-sm-12 mb-3">
<label for="" class="form-label">Koli</label>
<div class="card bg-light border mb-0 w-100">
<div class="card-body">
<p class="mb-0">{{ $order->koli }} Pcs</p>
</div>
</div>
</div>
<div class="col-sm-12 mb-0 d-flex align-items-center mb-3">
<div class="card bg-light border mb-0 w-100">
<div class="card-body">
<p class="text-bold mb-2">Koli</p>
<p class="mb-0">{{ $order->koli }} Pcs</p>
</div>
</div>
</div>
@endif
</div> --}}
{{-- <div class="row d-flex align-items-center">
<div class="col-12 mb-3">
<p class="text-danger text-bold mb-0">Package list</p>
</div>
<div class="col-sm-12 mb-3">
<label for="formFile" class="form-label">You must print this Delivery Order
and hand
it over to the driver before picking up the goods</label>
<div class="d-flex align-items-center mb-3">
<button id="btnDownloadDO" class="btn btn-sm btn-danger">Download
DO</button>
</div>
</div>
</div> --}}
<div class="row d-flex align-items-center">
<div class="col-12 mb-3">
<p class="text-danger text-bold mb-0">Surat Perintah Kerja</p>
</div>
<div class="col-sm-12 mb-3">
<label for="formFile" class="form-label">Anda harus mengunh berkas ini dan menyerahkannya kepada pengemudi sebelum mengambil barang</label>
<div class="d-flex align-items-center mb-3">
<button id="btnDownloadSPK" class="btn btn-sm btn-danger">Download SPK</button>
</div>
</div>
</div>
{{-- <div class="row d-flex align-items-center">
<div class="col-12 mb-3">
<p class="text-danger text-bold mb-0">Service Choosed</p>
</div>
<div class="col-sm-12 mb-0 d-flex align-items-center mb-3">
<div class="card bg-light border mb-0 w-100">
<div class="card-body">
<p class="text-bold mb-2">{{ $order->lead_time }} Day</p>
<p class="text-bold">
Rp{{ number_format($order->price, 0, ',', '.') }}
</p>
@if ($order->is_fix_price === \App\Models\Orders::IS_FIX_PRICE_YES)
<p class="mb-0"><em><span>The price has been confirm by
admin</span></em></p>
<small><em id="view{{ $iOrd }}-fix_price_at">Feb 23, 2022 17:52:20</em></small>
@else
<p class="mb-0"><em><span>The price not confirmed yet by
admin</span></em></p>
@endif
</div>
</div>
</div>
</div> --}}
</div>
<div class="col-sm-2"></div>
<div class="col-sm-5">
<div class="row d-flex align-items-center mb-3">
<div class="col-12 mb-3">
<p class="text-danger text-bold mb-0">Vendor Information</p>
</div>
<div class="col-sm-12 mb-3">
<label for="" class="form-label">Nama Vendor</label>
<div class="card bg-light border mb-0">
<div class="card-body">
{{-- <p class="mb-0">CV Karya Expedisi Bangsa</p> --}}
@if ($order->vdr_name)
<p class="mb-0">{{ $order->vdr_name }}</p>
@else
<p class="mb-0 text-primary">not yet assigned</p>
@endif
</div>
</div>
</div>
<div class="col-sm-12 mb-3">
<label for="" class="form-label">Kendaraan</label>
<div class="card bg-light border mb-0">
<div class="card-body">
{{-- <p class="mb-0">B 1192 XY</p> --}}
@if ($order->vhc_nopol1)
<p class="mb-0">
{{ $order->vhc_nopol1 . ' ' . $order->vhc_nopol2 . ' ' . $order->vhc_nopol3 }}
</p>
@else
<p class="mb-0 text-primary">not yet assigned</p>
@endif
</div>
</div>
</div>
<div class="col-sm-12 mb-3">
<label for="" class="form-label">Nama Pengemudi</label>
<div class="card bg-light border mb-0">
<div class="card-body">
{{-- <p class="mb-0">Archibald Borislav Aldric</p> --}}
@if ($order->drv_name)
<p class="mb-0">
{{ $order->drv_name }}
</p>
<p class="mb-0">
<a href="tel:0{{ $order->drv_phone_val }}">
<i class="text-dark ion-ios-telephone"></i>&nbsp;
{{ implode(' ', str_split('0' . $order->drv_phone_val, 4)) }}
</a>
</p>
<p class="mb-0">
<a href="https://api.whatsapp.com/send/?phone=62{{ $order->drv_phone_val }}&text=Halo&app_absent=0" class="" target="_blank"><i class="text-success ion-social-whatsapp"></i> {{ implode(' ', str_split('0' . $order->drv_phone_val, 4)) }}</a>
</p>
@else
<p class="mb-0 text-primary">not yet assigned</p>
@endif
</div>
</div>
@if ($order->drv_name2)
<label for="" class="form-label mt-3">Nama Pengemudi 2</label>
<div class="card bg-light border mb-0">
<div class="card-body">
@if ($order->drv_name2)
<p class="mb-0"> {{ $order->drv_name2 }} </p>
<p class="mb-0">
<a href="tel:0{{ $order->drv_phone2_val }}">
<i class="text-dark ion-ios-telephone"></i>&nbsp;
{{ implode(' ', str_split('0' . $order->drv_phone2_val, 4)) }}
</a>
</p>
<p class="mb-0">
<a href="https://api.whatsapp.com/send/?phone=62{{ $order->drv_phone2_val }}&text=Halo&app_absent=0" class="" target="_blank"><i class="text-success ion-social-whatsapp"></i>
{{ implode(' ', str_split('0' . $order->drv_phone2_val, 4)) }}</a>
</p>
@else
<p class="mb-0 text-primary">belum ditugaskan</p>
@endif
</div>
</div>
@endif
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
@endsection
@section('customjs')
<script>
'use strict'
const State = {
// orders: JSON.parse('{!! json_encode($bladeViewOrders) !!}'),
orders: {!! json_encode($bladeViewOrders) !!},
};
const Wrapper = {
activate: function() {
Wrapper.event();
OrdView.activate();
},
event: function() {
Wrapper.initDate();
Wrapper.downloadNReport();
},
initDate: function() {
const {
orders
} = State;
for (let iOrd in orders) {
$(`#view${iOrd}-pickup_at`).text(moment.unix(orders[iOrd].set_pck_at).format('DD MMM YYYY HH:mm:ss'));
$(`#view${iOrd}-pickup_date_at`).text(moment.unix(orders[iOrd].set_pck_at).format('DD MMM YYYY'));
$(`#view${iOrd}-pickup_time_at`).text(moment.unix(orders[iOrd].set_pck_at).format('HH:mm:ss'));
$(`#view${iOrd}-fix_price_at`).text(moment.unix(orders[iOrd].fix_price_at).format('DD MMM YYYY HH:mm:ss'));
}
},
downloadNReport: function() {
const {
orders
} = State;
$('#btnDownloadDO').on('click', function() {
document.cookie = 'now_at=' + moment().format('DD MMM YYYY') + '; path=/;';
setTimeout(() => {
window.open(
"{{ route('view_user_vendor_transactions_download_do') . '?ord_code=' . $order->ord_code }}",
"_blank");
}, 1);
});
$('#btnDownloadSPK').on('click', function() {
document.cookie = 'now_at=' + moment().format('DD MMM YYYY') + '; path=/;';
let ord_codes = '';
for (let iOrd in orders) {
ord_codes += orders[iOrd].ord_code + ',';
}
if (ord_codes.slice(-1) === ',') {
ord_codes = ord_codes.slice(0, -1);
}
setTimeout(() => {
window.open(
"{{ route('view_user_vendor_transactions_download_spk') . '?ord_code=' }}" + ord_codes,
"_blank");
}, 1);
});
},
};
const OrdView = {
activate: function() {
OrdView.event();
OrdView.initDateAdtPoints();
},
event: function() {},
initDateAdtPoints: function() {
const {
orders
} = State;
for (let iOrd in orders) {
iOrd = Number(iOrd);
for (let iAdtPoint in orders[iOrd].adtPoints) {
iAdtPoint = Number(iAdtPoint);
$(`#view${iOrd}-pickup_date_at${iAdtPoint+1}`).text(moment.unix(orders[iOrd].adtPoints[iAdtPoint].set_pck_at).format('DD MMM YYYY'));
$(`#view${iOrd}-pickup_time_at${iAdtPoint+1}`).text(moment.unix(orders[iOrd].adtPoints[iAdtPoint].set_pck_at).format('HH:mm:ss'));
}
}
},
};
Wrapper.activate();
</script>
@endsection

271
resources/views/menu_v2/Vendors/transactions.blade.php Executable file
View File

@ -0,0 +1,271 @@
@extends('app.app')
@section('title')
User Vendor
@endsection
@section('customcss')
@endsection
@section('content')
<div class="container-fluid">
<div class="content">
<div class="row">
<div class="col-sm-12">
<div class="card">
<div class="card-header">
<div class="row d-flex align-items-center">
<div class="col">
<p class="card-title text-bold mb-0">Transaksi</p>
<p class="card-subtitle text-muted">Daftar Transaksi</p>
</div>
{{-- <div class="col text-end">
<a href="{{ route('view_user_client_transaction_add') }}" class="btn btn-sm btn-danger">Tambah Transaksi</a>
</div> --}}
<div class="col-auto text-end ps-0">
<a href="{{ route('view_transactions_spc_add') }}" class="btn btn-sm btn-danger">Transaksi baru</a>
</div>
</div>
</div>
<div class="card-body">
<div class="table-responsive">
<table id="tOrders" class="table table-hover dataTable">
<thead>
<tr class="">
<th class="text-nowrap">#</th>
<th class="text-nowrap text-center">Tindakan</th>
<th class="text-nowrap">Kode Order</th>
<th class="text-nowrap text-center">Waktu Pemesanan</th>
<th class="text-nowrap">Lokasi Penjemputan</th>
<th class="text-nowrap">Lokasi Pengantaran</th>
<th class="text-nowrap">Status</th>
</tr>
</thead>
<tbody>
<tr class="">
<td class="text-nowrap">#</td>
<td class="text-nowrap">#BKS00928887210001</td>
<td class="text-nowrap text-center">Feb 20, 2022 17:29:50</td>
<td class="text-nowrap">Gudang Pluit SiCepat (Jakarta)</td>
<td class="text-nowrap">Kantor Pusat SiCepat (yogyakarta)</td>
<td class="text-nowrap"><span class="badge bg-warning text-dark">Waiting For
Confirmation</span></td>
<td class="text-nowrap text-center">
<a href="{{ route('view_user_vendor_transaction_view') }}" class="text-danger"><span class="icon ion-eye fz-16"></span></a>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
@endsection
@section('customjs')
<script>
'use strict';
const State = {
file_jimp_worker: "{{ asset('assets/js/worker/jimp.js') }}",
storage_lara: "{{ asset('storage') }}/",
stts_order: {
wait: "{{ App\Models\Orders::STTS_WAIT }}",
confirm: "{{ App\Models\Orders::STTS_CONFIRM }}",
have_get_vhc: "{{ App\Models\Orders::STTS_HAVE_GET_VHC }}",
pck: "{{ App\Models\Orders::STTS_PCK }}",
go: "{{ App\Models\Orders::STTS_GO }}",
arv: "{{ App\Models\Orders::STTS_ARV }}",
drop: "{{ App\Models\Orders::STTS_DROP }}",
client_pay: "{{ App\Models\Orders::STTS_CLIENT_PAY }}",
vendor_payed: "{{ App\Models\Orders::STTS_VENDOR_PAYED }}",
close: "{{ App\Models\Orders::STTS_CLOSE }}",
cancel: "{{ App\Models\Orders::STTS_CANCEL }}",
},
url_view_order: "{{ route('view_user_vendor_transaction_view') }}",
};
const Wrapper = {
activate: function() {
Wrapper.event();
OrdTable.activate();
},
event: function() {},
getHtmlSttsOrd: function(stts) {
if (State.stts_order.wait == stts) {
return '<span class="badge bg-warning text-dark">Menunggu Konfirmasi</span>';
} else if (State.stts_order.confirm == stts) {
return '<span class="badge bg-warning text-dark">Menunggu Konfirmasi</span>';
} else if (State.stts_order.have_get_vhc == stts) {
return '<span class="badge bg-warning text-dark">Kendaraan Menuju Lokasi Penjemputan</span>';
} else if (State.stts_order.pck == stts) {
return '<span class="badge bg-warning text-dark">Pick Up</span>';
} else if (State.stts_order.go == stts) {
return '<span class="badge bg-info text-dark">Menuju Lokasi Pengantaran</span>';
} else if (State.stts_order.arv == stts) {
return '<span class="badge bg-info text-dark">Arrived</span>';
} else if (State.stts_order.drop == stts) {
return '<span class="badge bg-warning text-dark">Drop</span>';
} else if (State.stts_order.client_pay == stts) {
return '<span class="badge bg-danger text-light">Finish (Waiting Payment)</span>';
} else if (State.stts_order.vendor_payed == stts) {
return '<span class="badge bg-danger text-light">Finish (Waiting Payment)</span>';
} else if (State.stts_order.close == stts) {
return '<span class="badge bg-danger text-light">Close</span>';
} else if (State.stts_order.cancel == stts) {
return '<span class="badge bg-danger text-light">Cancel</span>';
} else {
return '<span class="badge bg-secondary text-white">Unknown</span>';
}
},
};
const OrdTable = {
activate: function() {
OrdTable.reload();
},
reload: function() {
// $('#tOrders').DataTable();
// if (User.Table.firstInitDataTable == 1) { loadTableSkeletonLoading() } else { User.Table.firstInitDataTable = 1; }
$('#tOrders').DataTable({
processing: true,
serverSide: false,
bLengthChange: true,
deferRender: true,
destroy: true,
ajax: {
url: "{{ route('api_user_vendor_list_orders') }}",
type: 'GET',
complete: function(jqXHR, textStatus, c) {
let count = jqXHR.responseJSON.count;
if (typeof count != 'undefined') {
$('#count_orders').text(count);
}
// removeTableSkeletonLoading()
},
},
deferRender: true,
columns: [{
data: 'DT_RowIndex',
className: 'text-end',
visible: true,
orderable: true,
searchable: true,
},
{
data: 'action',
className: 'text-center',
visible: true,
orderable: true,
searchable: true,
render: function(data, type, row, meta) {
let ord_codes = row.ord_code;
if (typeof row.childs != 'undefined' && row.childs.length > 0) {
for (const child of row.childs) {
ord_codes += ',' + child.ord_code;
}
}
let action = `
<a href="${State.url_view_order}?code=${ord_codes}"
class="text-decoration-none me-1" data-bs-toggle="tooltip"
data-bs-placement="bottom" title="Edit">
<span class="icon ion-eye text-danger fz-16"></span>
</a>
`;
return action;
}
},
{
data: 'ord_code',
className: 'text-start',
visible: true,
orderable: true,
searchable: true,
createdCell: function(td, cellData, rowData, row, col) {
$(td).attr('data-id', rowData.id);
$(td).attr('data-name', rowData.name);
$(td).attr('data-phone', rowData.phone);
$(td).attr('data-phone_code', rowData.phone_code);
$(td).attr('data-client_group_name', rowData.client_group_name);
},
render: function(data, type, row, meta) {
let txt = '#' + data;
for (const child of row.childs) {
txt += '<br>#' + child.ord_code;
}
return txt;
},
},
{
data: 'crt',
className: 'text-center',
visible: true,
orderable: true,
searchable: true,
render: function(data, type, row, meta) {
let txt = moment.unix(data).format('DD MMM YYYY HH:mm:ss');
for (const child of row.childs) {
txt += '<br>' + moment.unix(child.crt).format('DD MMM YYYY HH:mm:ss');
}
return txt;
},
},
{
data: 'pck_name',
className: 'text-start text-nowrap',
visible: true,
orderable: true,
searchable: true,
render: function(data, type, row, meta) {
let txt = data;
for (const child of row.childs) {
txt += '<br>' + child.pck_name;
}
return txt;
},
},
{
data: 'drop_name',
className: 'text-start text-nowrap',
visible: true,
orderable: true,
searchable: true,
render: function(data, type, row, meta) {
let txt = data;
for (const child of row.childs) {
txt += '<br>' + child.drop_name;
}
return txt;
},
},
{
data: 'status',
className: 'text-center',
visible: true,
orderable: true,
searchable: true,
render: function(data, type, row, meta) {
// console.log("row: ", row.status)
// let txt = Wrapper.getHtmlSttsOrd(data);
// for (const child of row.childs) {
// txt += '<br>' + Wrapper.getHtmlSttsOrd(child.status);
// }
let a = ''
if (row.status == 10) {
a = `<span class="btn btn-sm btn-success">Complete</span>`
} else if (row.status == 11) {
a = `<span class="btn btn-sm btn-danger">Cancel</span>`
} else {
a = `<span class="btn btn-sm btn-warning">Active</span>`
}
return a;
},
},
],
});
},
};
Wrapper.activate();
</script>
@endsection