daengdeni/lpj
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

add feature Proses Penawaran Ulang

Browse Source
This commit is contained in:
Andy Chaerudin
2024-10-23 14:25:53 +07:00
parent 5a4cff432a
commit 617e6541fa
13 changed files with 1048 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

92
resources/views/prosespenawaranulang/edit.blade.php Normal file
View File

@@ -0,0 +1,92 @@
@extends('layouts.main')
@section('breadcrumbs')
{{ Breadcrumbs::render(request()->route()->getName()) }}
@endsection
@php
// $route = Route::currentRouteName();
// dd($route);
$route = explode('.', Route::currentRouteName());
@endphp
@section('content')
<div class="w-full grid gap-5 lg:gap-7.5 mx-auto">
<input type="hidden" id="id" name="id" value="{{ $id }}">
<div class="card pb-2.5">
<div class="card-header" id="basic_settings">
<h3 class="card-title">
Tambah Data Proses Penawaran Ulang
</h3>
<div class="flex items-center gap-2">
<a href="{{ route('tender.prosespenawaranulang.show', $id) }}" class="btn btn-xs btn-primary" title="Detail"><i class="ki-filled ki-abstract-26"></i> Detail</a>
<a href="{{ route('tender.prosespenawaranulang.index') }}" class="btn btn-xs btn-info"><i class="ki-filled ki-exit-left"></i> Back</a>
</div>
</div>
<div class="card-body lg:py-7.5 grid grid-cols-3">
<div class="mb-5">
<h3 class="text-md font-medium text-gray-900">
Nomor Register Permohonan:
</h3>
<span class="text-2sm text-gray-700">
<label class="card-title" id="textReg">
No. registrasi
</label>
</span>
</div>
<div class="mb-5">
<h3 class="text-md font-medium text-gray-900">
Kode Penawaran:
</h3>
<span class="text-2sm text-gray-700">
<label class="card-title" id="textCodePenawaran">
Kode Penawaran
</label>
</span>
</div>
<div class="mb-5">
<h3 class="text-md font-medium text-gray-900">
Status Penawaran:
</h3>
<span class="text-2sm text-gray-700">
<label class="card-title" id="textStatusPenawaran">
Status
</label>
</span>
</div>
</div>
<div class="card-body grid gap-5">
<!-- datatables -->
<div class="grid">
<div class="card min-w-full">
<div class="card-header">
<h3 class="card-title">Data KJPP</h3>
</div>
<div class="card-table scrollable-x-auto">
<table class="table table-border align-middle text-gray-700 font-medium text-sm">
<thead>
<tr>
<th class="w-14 text-center">No</th>
<th class="min-w-[250px]">KJPP</th>
<th>Biaya Penawaran</th>
<th>Upload Penawaran</th>
<th class="min-w-[50px] text-center">Action</th>
</tr>
</thead>
<tbody id="tbodyKJPP1">
</tbody>
</table>
</div>
</div>
</div>
<!-- datatables -->
<div class="flex justify-end">
&nbsp;
</div>
</div>
</div>
</div>
@endsection
@include('lpj::prosespenawaranulang.js.editjs')

152
resources/views/prosespenawaranulang/index.blade.php Normal file
View File

@@ -0,0 +1,152 @@
@extends('layouts.main')
@section('breadcrumbs')
{{ Breadcrumbs::render('tender.prosespenawaranulang') }}
@endsection
@section('content')
<div class="grid">
<div class="card card-grid min-w-full" data-datatable="false" data-datatable-page-size="5" data-datatable-state-save="false" id="prosespenawaranulang-table" data-api-url="{{ route('tender.prosespenawaranulang.datatables') }}">
<div class="card-header py-5 flex-wrap">
<h3 class="card-title">
Daftar Proses Penawaran Ulang
</h3>
<div class="flex flex-wrap gap-2 lg:gap-5">
<div class="flex">
<label class="input input-sm"> <i class="ki-filled ki-magnifier"> </i>
<input placeholder="Search Proses penawaran Ulang" id="search" type="text" value="">
</label>
</div>
<div class="flex flex-wrap gap-2.5">
<div class="h-[24px] border border-r-gray-200"></div>
<a class="btn btn-sm btn-light" href="#"> Export to Excel </a>
</div>
</div>
</div>
<div class="card-body">
<div class="scrollable-x-auto">
<table class="table table-auto table-border align-middle text-gray-700 font-medium text-sm" data-datatable-table="true">
<thead>
<tr>
<th class="w-14">
<input class="checkbox checkbox-sm" data-datatable-check="true" type="checkbox"/>
</th>
<th class="min-w-[150px]" data-datatable-column="nomor_registrasi">
<span class="sort"> <span class="sort-label"> Nomor Registrasi </span>
<span class="sort-icon"> </span> </span>
</th>
<th class="min-w-[150px]" data-datatable-column="code">
<span class="sort"> <span class="sort-label"> Kode Penawaran </span>
<span class="sort-icon"> </span> </span>
</th>
<th class="min-w-[150px]" data-datatable-column="start_date">
<span class="sort"> <span class="sort-label"> Tanggal Penawaran </span>
<span class="sort-icon"> </span> </span>
</th>
<th class="min-w-[150px]" data-datatable-column="tujuan_penilaian_kjpp_id">
<span class="sort"> <span class="sort-label"> Tujuan Penilaian </span>
<span class="sort-icon"> </span> </span>
</th>
<th class="min-w-[150px]" data-datatable-column="penawarandetails_count">
<span class="sort"> <span class="sort-label"> Total KJPP </span>
<span class="sort-icon"> </span> </span>
</th>
<th class="min-w-[150px]" data-datatable-column="status">
<span class="sort"> <span class="sort-label"> Status </span>
<span class="sort-icon"> </span> </span>
</th>
<th class="min-w-[50px] text-center" data-datatable-column="actions">Action</th>
</tr>
</thead>
</table>
</div>
<div class="card-footer justify-center md:justify-between flex-col md:flex-row gap-3 text-gray-600 text-2sm font-medium">
<div class="flex items-center gap-2">
Show
<select class="select select-sm w-16" data-datatable-size="true" name="perpage"> </select> per page
</div>
<div class="flex items-center gap-4">
<span data-datatable-info="true"> </span>
<div class="pagination" data-datatable-pagination="true">
</div>
</div>
</div>
</div>
</div>
</div>
@endsection
@push('scripts')
<script type="text/javascript">
function showProsesPenawaranUlangData(regId)
{
// alert('aw');
var url = "{{ url('tender/prosespenawaranulang') }}/"+regId;
$(location).attr('href',url);
}
</script>
<script type="module">
const element = document.querySelector('#prosespenawaranulang-table');
const searchInput = document.getElementById('search');
const apiUrl = element.getAttribute('data-api-url');
const dataTableOptions = {
apiEndpoint: apiUrl,
pageSize: 5,
columns: {
select: {
render: (item, data, context) => {
const checkbox = document.createElement('input');
checkbox.className = 'checkbox checkbox-sm';
checkbox.type = 'checkbox';
checkbox.value = data.id.toString();
checkbox.setAttribute('data-datatable-row-check', 'true');
return checkbox.outerHTML.trim();
},
},
'nomor_registrasi': {
title: 'Nomor Registrasi',
},
code: {
title: 'Kode Penawaran',
},
date_range: {
title: 'Tanggal Penawaran',
},
tujuan_penilaian_kjpp_name: {
title: 'Tujuan Penilaian',
},
penawarandetails_count: {
title: 'Total KJPP',
createdCell(cell) {
cell.classList.add('text-center');
},
},
status: {
title: 'Status'
},
actions: {
title: 'Status',
render: (item, data) => {
return `<div class="flex flex-nowrap justify-center">
<a onclick="showProsesPenawaranUlangData(${data.id})" class="btn btn-sm btn-icon btn-clear btn-primary" title="Detail">
<i class="ki-outline ki-eye"></i>
</a>
<a class="btn btn-sm btn-icon btn-clear btn-info" title="Proses Penawaran" href="tender/prosespenawaranulang/${data.id}/edit">
<i class="ki-outline ki-notepad-edit"></i>
</a>
</div>`;
},
}
},
};
let dataTable = new KTDataTable(element, dataTableOptions);
// Custom search functionality
searchInput.addEventListener('input', function () {
const searchValue = this.value.trim();
dataTable.search(searchValue, true);
});
</script>
@endpush

152
resources/views/prosespenawaranulang/js/editextjs.blade.php Normal file
View File

@@ -0,0 +1,152 @@
<script tipe="module">
function switchProses(id)
{
removeErrorCssMsg();
let c = $('#{{$route[1]}}_check_'+id).val();
if($('input[name="{{$route[1]}}_check_'+id+'"]').is(':checked'))
{
// checked
// alert('aktif nih');
setActiveElement(id);
}else
{
// unchecked
//alert('tdk aktif nih');
setNonActiveElement(id);
}
}
function setActiveElement(id)
{
$('#{{$route[1]}}_biayaPenawaran_'+id).removeAttr('disabled');
$('#{{$route[1]}}_dokumenPersetujuan_'+id).removeAttr('disabled');
$('#{{$route[1]}}_icon_update_'+id).removeAttr('disabled');
$('#{{$route[1]}}_icon_delete_'+id).removeAttr('disabled');
}
function setNonActiveElement(id)
{
$('#{{$route[1]}}_biayaPenawaran_'+id).attr('disabled', 'disabled');
$('#{{$route[1]}}_dokumenPersetujuan_'+id).attr('disabled', 'disabled');
$('#{{$route[1]}}_icon_update_'+id).attr('disabled', 'disabled');
$('#{{$route[1]}}_icon_delete_'+id).attr('disabled', 'disabled');
}
function updateData(id, kjpp_id, kjppName){
removeErrorCssMsg();
let biaya = $("#{{$route[1]}}_biayaPenawaran_"+id).val();
let filepdf = $("#{{$route[1]}}_dokumenPersetujuan_"+id).val();
let passednih = true;
if(!biaya){
$("#{{$route[1]}}_rp_"+id).addClass(" border-danger");
$("#{{$route[1]}}_biayaPenawaran_"+id).addClass(" border-danger");
$("#{{$route[1]}}_biayaPenawaran_msg_"+id).text("Silahkan isi Biaya Penawaran nya");
passednih = false;
}
if(!filepdf){
$("#{{$route[1]}}_dokumenPersetujuan_"+id).addClass(" border-danger");
$("#{{$route[1]}}_dokumenPersetujuan_msg_"+id).text("Silahkan isi dokumen nya");
$("#{{$route[1]}}_dokumenPersetujuan_"+id).val("");
passednih = false;
}
if(passednih)
{
var file_data = $("#{{$route[1]}}_dokumenPersetujuan_"+id).prop("files")[0];
let useURL = "{{ route($route[0].'.'.$route[1].'.update', '') }}/"+id;
let formData = new FormData();
let token = "{{ csrf_token() }}";
formData.append("dokumen_persetujuan", file_data ?? "");
formData.append("biaya_penawaran", biaya);
formData.append("kjpp_rekanan_id", kjpp_id);
formData.append("_method", "PUT");
formData.append("_token", token);
$.ajax({
url: useURL,
type: "POST",
data: formData,
processData: false,
contentType: false,
success:function(response){
if('success' == response.status)
{
// toastr.success(response.message);
// success
var message = response.message;
toastrku("success", message);
setTimeout(function () {
location.reload(true);
}, 2000);
}
else if('error' == response.status)
{
// toastr.error(response.message);
var message = response.message;
toastrku("error", message);
}
},
error: function (response, textStatus, errorThrown) {
var errors = response.responseJSON.errors;
$.each(errors, function (key, value) {
console.log("v = " + value);
});
}
});
}
}
function deleteData(data, kjppName) {
Swal.fire({
title: 'Are you sure?',
text: "You won't be able to revert KJPP "+kjppName+"!",
icon: 'warning',
showCancelButton: true,
confirmButtonColor: '#3085d6',
cancelButtonColor: '#d33',
confirmButtonText: 'Yes, delete it!'
}).then((result) => {
if (result.isConfirmed) {
//define variable
let token = "{{ csrf_token() }}";
let useURL = "{{ route($route[0].'.'.$route[1].'.updateKJPPStatus','') }}/"+data;
var input_data = new Object();
input_data._token = token;
input_data.id =data;
input_data.kjppName =kjppName;
$.ajax({
url: useURL,
type: "PUT",
cache: false,
data: input_data,
dataType: "json",
success: function(response) {
console.log(response);
if('success' == response.status)
{
swal.fire('Deleted!', response.message.message_success[0], 'success').then(() => {
window.location.reload();
});
}
else
{
Swal.fire('Error!', response.message.message_error_try_catch[0], 'error');
}
},
error: function(response, textStatus, errorThrown) {
// var errors = response.responseJSON.errors;
// console.log(errors);
console.log(response);
}
});
}
})
}
</script>

112
resources/views/prosespenawaranulang/js/editjs.blade.php Normal file
View File

@@ -0,0 +1,112 @@
@push('scripts')
@include('lpj::assetsku.includenya')
@include('lpj::prosespenawaranulang.js.editextjs')
<script type="module">
$(document).ready(function() {
prepareForm();
});
function prepareForm()
{
setData();
}
function setData()
{
let id = $("#id").val();
let token = "{{ csrf_token() }}";
// alert('token = ' + token);
var useURL = "{{ route('tender.prosespenawaranulang.setData') }}";
var input_data = new Object();
input_data._token = token;
input_data.id = id;
$.ajax({
url: useURL,
type: "POST",
data: input_data,
dataType: "json",
beforeSend: function() {
// if ($("#myLoader").hasClass("pre-loader hidden")) {
// pleaseStartLoader();
// }
},
success: function(response) {
console.log(response);
if("success"==response.status)
{
var statusText = response.penawaran.status;
$("#textReg").text(response.penawaran.nomor_registrasi);
$("#textCodePenawaran").text(response.penawaran.code);
$("#textStatusPenawaran").text(statusText);
setTablesKJPP1(response.penawrandetails);
}
else
{
// toastr.error(response.message);
var message = response.message;
toastrku("error", message);
}
},
error: function(xhr) {
},
complete: function() {
}
});
}
function setTablesKJPP1(datas)
{
let i=1;
$.each(datas, function(key, value){
var kjppName = value.kjpp_code+' - '+value.kjpp_name;
var biaya_penawaran = value.biaya_penawaran;// alert(biaya_penawaran);
var htmlDokumenPersetujuanDownload='';
var dokumenPersetujuanDownload = value.dokumen_persetujuan;
if(dokumenPersetujuanDownload)
{
htmlDokumenPersetujuanDownload='<div class="flex items-center justify-between flex-wrap my-2.5 gap-2"><a href="'+value.dokumen_persetujuan+'" class="badge badge-sm badge-outline" download="'+value.attachment+'">'+value.attachment+'<i class="ki-filled ki-cloud-download"></i></a></div>';
}
var markup = '<tr>';
markup +='<td valign="top">'+i+'</td>';
markup +='<td valign="top"><label id="{{$route[1]}}_kjppName_'+value.id+'">'+kjppName+'</label></td>';
markup +='<td valign="top"><div class="input-group"><span class="inputku btn btn-input" id="{{$route[1]}}_rp_'+value.id+'">Rp.</span><input type="text" disabled="" style="text-align: right;" onkeydown="return numbersonly(this, event);" onkeyup="javascript:tandaPemisahTitik(this);" class="inputku input" id="{{$route[1]}}_biayaPenawaran_'+value.id+'" name="{{$route[1]}}_biayaPenawaran_'+value.id+'"></div><em id="{{$route[1]}}_biayaPenawaran_msg_'+value.id+'" class="alert text-danger text-sm"></em></td>';
markup +='<td><input type="file" disabled="" class="inputku file-input" id="{{$route[1]}}_dokumenPersetujuan_'+value.id+'" name="{{$route[1]}}_dokumenPersetujuan_'+value.id+'" accept="application/pdf" /><em id="{{$route[1]}}_dokumenPersetujuan_msg_'+value.id+'" class="alert text-danger text-sm"></em>'+htmlDokumenPersetujuanDownload+'</td>';
markup +='<td><div class="flex flex-nowrap justify-center">';
markup +='<a disabled="" class="btn btn-sm btn-icon btn-clear btn-info" href="javascript:void(0)" id="{{$route[1]}}_icon_update_'+value.id+'" title="Proses Penawaran '+kjppName+'" onclick="updateData('+value.id+','+value.kjpp_rekanan_id+',\''+kjppName+'\')"><i class="ki-outline ki-notepad-edit"></i></a>';
markup +='<a disabled="" class="delete btn btn-sm btn-icon btn-clear btn-danger" id="{{$route[1]}}_icon_delete_'+value.id+'" onclick="deleteData('+value.id+',\''+kjppName+'\')" title="Hapus Proses Penawaran '+kjppName+'"><i class="ki-outline ki-trash"></i></a>';
markup +='<label class="switch"><input name="{{$route[1]}}_check_'+value.id+'" id="{{$route[1]}}_check_'+value.id+'" onclick="switchProses('+value.id+')" type="checkbox" value="0"/><span class="switch-label">Proses</span></label></div></td>';
markup += '</tr>';
$('#tbodyKJPP1').append(markup);
// pengecekan kondisi format number
var biaya_penawaran_format = "";
if(biaya_penawaran)
biaya_penawaran_format=tandaPemisahTitik(biaya_penawaran);
$("#{{$route[1]}}_biayaPenawaran_"+value.id).val(biaya_penawaran_format);
i++;
});
}
$(document).on("input", "input:file", function(e) {
let fileName = e.target.files[0].name;
let inputFile = e.target.id;
const myArray = inputFile.split("_");
let penawaranID = myArray[myArray.length-1];
let kjppName = $("#{{$route[1]}}_kjppName_"+penawaranID).text();
let upld = fileName.split(".").pop();
if(upld == "pdf" || upld =="PDF"){}
else{
removeErrorCssMsg();
$("#{{$route[1]}}_dokumenPersetujuan_"+penawaranID).addClass(" border-danger");
$("#{{$route[1]}}_dokumenPersetujuan_msg_"+penawaranID).text("Silahkan Masukan tipe file PDF Mas");
$("#"+inputFile).val("");
}
});
</script>
@endpush

43
resources/views/prosespenawaranulang/show.blade.php Normal file
View File

@@ -0,0 +1,43 @@
@extends('layouts.main')
@section('breadcrumbs')
{{ Breadcrumbs::render(request()->route()->getName()) }}
@endsection
@php
$route = explode('.', Route::currentRouteName());
@endphp
@section('content')
<div class="w-full grid gap-5 lg:gap-7.5 mx-auto">
<div class="card pb-2.5">
<div class="card-header" id="basic_settings">
<h3 class="card-title">
Detail Data Proses Penawaran Ulang
</h3>
<div class="flex items-center gap-2">
<a href="{{ route('tender.prosespenawaranulang.edit', $id) }}" class="btn btn-xs btn-primary" title="Proses Penawaran Ulang"><i class="ki-filled ki-arrow-circle-right"></i> Proses Penawaran Ulang</a>
<a href="{{ route('tender.prosespenawaranulang.index') }}" class="btn btn-xs btn-info"><i class="ki-filled ki-exit-left"></i> Back</a>
</div>
</div>
<div class="card-body lg:py-7.5 grid grid-cols-3">
<div class="mb-5">
<h3 class="text-md font-medium text-gray-900">
Nomor Register Permohonan:
</h3>
<span class="text-2sm text-gray-700">
{{ $prosespenawaran->nomor_registrasi }}
</span>
</div>
<div class="mb-5">
<h3 class="text-md font-medium text-gray-900">
Kode Penawaran:
</h3>
<span class="text-2sm text-gray-700">
{{ $prosespenawaran->code }}
</span>
</div>
</div>
</div>
</div>
@endsection