add loading modal

This commit is contained in:
KhatamNugraha
2023-09-06 11:34:13 +07:00
parent 238a37f402
commit 38c24b07eb
4 changed files with 72 additions and 21 deletions

View File

@ -0,0 +1,32 @@
<?php
use Illuminate\Support\Facades\Schema;
use Illuminate\Database\Schema\Blueprint;
use Illuminate\Database\Migrations\Migration;
return new class extends Migration
{
/**
* Run the migrations.
*
* @return void
*/
public function up()
{
Schema::table('fasilitas', function (Blueprint $table) {
$table->string('signer_id')->nullable()->change();
});
}
/**
* Reverse the migrations.
*
* @return void
*/
public function down()
{
Schema::table('fasilitas', function (Blueprint $table) {
});
}
};

View File

@ -186,14 +186,8 @@
$fasilitas = Fasilitas::where('nomor_cif',$request['cus_no'] )->where('status',1)->get();
$signerId = '';
if($request['signer'] ){
$signerId = $request['signer'];
}else{
$signerId = $fasilitas[0]['signer_id'];
}
$signer = Signer::where('id', $signerId)->get();
$signer = Signer::where('id', $request['signer'])->get();
$currentDate = Carbon::now();
$tanggalIndonesia = $currentDate->locale('id')->isoFormat('dddd, D MMMM YYYY');
@ -307,7 +301,6 @@
$data = [];
$fasilitas = Fasilitas::paginate(10)->appends($request->query()['cus_no_fasilitas'],$request->query()['company_name'],$request->query()['batch_date'], $request->query()['status']);
$signer = Signer::all();
$Category = Category::all();
$Company = Company::all();
// dd($fasilitas);
@ -315,7 +308,6 @@
$data['queryParam'] = $request->query();
$data['fasilitas'] = $fasilitas;
$data['limitReference'] = $limitReference;
$data['signer'] = $signer;
$data['Category'] = $Category;
$data['Company'] = $Company;
@ -377,7 +369,6 @@
$validated = $request->validate([
'nomor_rekening' => 'required|string|max:10|unique:fasilitas,nomor_rekening',
'jenis_fasilitas' => 'required|string',
'signer_id' => 'required|string',
'cabang' => 'required|string',
'mata_uang' => 'required|string',
'jenis_rekening' => 'required|string',
@ -401,7 +392,6 @@
$fasilitas->cabang = $request->cabang;
$fasilitas->jenis_fasilitas = $request->jenis_fasilitas;
$fasilitas->jenis_rekening = $request->jenis_rekening;
$fasilitas->signer_id = $request->signer_id;
$fasilitas->mata_uang = $request->mata_uang;
$fasilitas->saldo = $request->saldo;
$fasilitas->start_date = $request->start_date;
@ -470,7 +460,6 @@
'cabang_edit' => 'required|string',
'jenis_fasilitas_edit' => 'required|string',
'jenis_rekening_edit' => 'required|string',
'signer_id_edit' => 'required|string',
'mata_uang_edit' => 'required|string',
'saldo_edit' => 'required|string',
'start_date_edit' => 'required|string',
@ -494,7 +483,6 @@
$fasilitas->cabang = $request->cabang_edit;
$fasilitas->jenis_fasilitas = $request->jenis_fasilitas_edit;
$fasilitas->jenis_rekening = $request->jenis_rekening_edit;
$fasilitas->signer_id = $request->signer_id_edit;
$fasilitas->mata_uang = $request->mata_uang_edit;
$fasilitas->saldo = $request->saldo_edit;
$fasilitas->start_date = $request->start_date_edit;

View File

@ -8,6 +8,19 @@
<!-- CDN untuk jQuery Validation -->
<script src="https://cdn.jsdelivr.net/jquery.validation/1.16.0/jquery.validate.min.js"></script>
<meta name="csrf-token" content="{{ csrf_token() }}" />
<style>
.bd-example-modal-lg .modal-dialog{
display: table;
position: relative;
margin: 0 auto;
top: calc(50% - 24px);
}
.bd-example-modal-lg .modal-dialog .modal-content{
background-color: transparent;
border: none;
}
</style>
<div class="card card-xxl-stretch mb-5 mb-xl-8">
<!--begin::Card body-->
<div class="card-body pt-6">
@ -196,6 +209,20 @@
</div>
</div>
<!-- Modal loading spiner -->
<div class="modal fade bd-example-modal-lg modalSpiner" data-backdrop="static" data-keyboard="false" tabindex="-1">
<div class="modal-dialog modal-sm">
<div class="modal-content" style="width: 48px">
<div class="spinner-border" role="status">
<span class="visually-hidden">Loading...</span>
</div>
</div>
</div>
</div>
@push('customscript')
<script>
@ -324,6 +351,10 @@
var periode = $('input[name="periode"]').val();
var acc_no = $('input[name="acc_no"]').val();
var signer = $("#signer-select").find('option:selected').val();
$("#signerModal").modal('hide');
$('.modalSpiner').modal('show');
var dt = new Date();
var date = dt.getYear() + ":" + dt.getDate() + ":" + dt.getHours();
// var formData = $("#formSigner").serialize();
var dataToSend = {
_token: $('meta[name="csrf-token"]').attr('content'),
@ -344,11 +375,12 @@
responseType: 'blob'
},
success: function(response) {
$("#signerModal").modal('hide');
console.log(response);
$('.modalSpiner').modal('hide');
var blob = new Blob([response]);
var link = document.createElement('a');
link.href = window.URL.createObjectURL(blob);
link.download = "techsolutionstuff.pdf";
link.download = "konfirmasibank_" + date + ".pdf";
link.click();
},

View File

@ -92,10 +92,9 @@
</select>
</div>
</div>
<div class="form-group row">
{{-- <div class="form-group row">
<label for="inputName" class="col-sm-3 col-form-label">Signer</label>
<div class="col-sm-9">
{{-- <input type="text" class="form-control form-control-sm " id="jnsFasilitas" name="jenis_fasilitas" placeholder="Jenis Fasilitas"> --}}
<select class="form-select form-select-sm" aria-label="Small select example" name="signer_id">
<option selected>Select Signer</option>
@foreach ($data['signer'] as $item)
@ -103,7 +102,7 @@
@endforeach
</select>
</div>
</div>
</div> --}}
<div class="form-group row">
<label for="inputName" class="col-sm-3 col-form-label">Currency</label>
<div class="col-sm-9">
@ -227,7 +226,7 @@
</select>
</div>
</div>
<div class="form-group row">
{{-- <div class="form-group row">
<label for="inputName" class="col-sm-3 col-form-label">Signer</label>
<div class="col-sm-9">
<select class="form-select form-select-sm" aria-label="Small select example"
@ -238,7 +237,7 @@
@endforeach
</select>
</div>
</div>
</div> --}}
<div class="form-group row">
<label for="inputName" class="col-sm-3 col-form-label">Currency</label>
<div class="col-sm-9">