@extends('layouts.app')
@section('content')
<style>
i{
color: white !important;
}
</style>
<div class="container-fluid">
<!-- start page title -->
<div class="row">
<div class="col-12">
<div class="page-title-box d-sm-flex align-items-center justify-content-between">
<h4 class="mb-sm-0">Indikator OPD</h4>
<div class="page-title-right">
<ol class="breadcrumb m-0">
<li class="breadcrumb-item"><a href="javascript: void(0);">IKU</a></li>
<li class="breadcrumb-item active">Indikator OPD</li>
</ol>
</div>
</div>
</div>
</div>
<!-- end page title -->
<div class="row">
<div class="col-12">
<div class="card">
<div class="card-body">
{{-- <h4 class="card-title">Pengguna</h4> --}}
{{-- <p class="card-title-desc">DataTables has most features enabled by
default, so all you need to do to use it with your own tables is to call
the construction function: <code>$().DataTable();</code>.
</p> --}}
<div class="row justify-content-start mb-2">
<div class="col-md-10 d-flex justify-content-start">
{!! Form::select('induk_opd_id',$induk_opd_arr,"",['class'=>'form-control daerah', 'form'=>'storeForm','required'=>'required','placeholder'=>'Pilih SKPD', 'id'=>'induk_opd']) !!}
@php
$tahunDipilih = isset($_GET['tahun']) ? $_GET['tahun'] : date('Y');
@endphp
<select name="tahun" id="tahun" class="form-control">
@foreach($tahunArray as $tahun)
<option value="{{$tahun}}" {{ $tahunDipilih == $tahun ? 'selected' : '' }}>{{$tahun}}</option>
@endforeach
</select>
</div>
</div>
<h2>RPJMD</h2>
<table id="table" class="table table-bordered dt-responsive nowrap" style="border-collapse: collapse; border-spacing: 0; width: 100%;">
{{-- <thead>
<tr style="background:#f5f2c4">
<th colspan="7"><div class="d-flex justify-content-between align-items-center">Sasaran: Sasaran 1 <button class="btn col-md-1 btn-mod" style="background: #42d408"><i class="mdi mdi-plus"></i></button></div></th>
</tr>
</thead> --}}
<tbody>
<tr style="background:#ffffff" align="center">
<td>Tidak Ada Data</td>
</tr>
</tbody>
</table>
<h2>Renstra</h2>
<table id="table2" class="table table-bordered dt-responsive nowrap" style="border-collapse: collapse; border-spacing: 0; width: 100%;">
<tbody>
<tr style="background:#ffffff" align="center">
<td>Tidak Ada Data</td>
</tr>
</tbody>
</table>
{{-- @if(count($visi) > 0)
@foreach ($visi as $v)
<thead class="text-center">
<tr style="background:#d6dad5">
<th colspan="2">{{$v->tahun_awal}} - {{$v->tahun_akhir}}</th>
</tr>
<tr style="background:#f5c4c4">
<th><span style="text-align: left">Visi: {{$v->nama}}</span></th>
<th><button class="btn col-md-3 btn-mod" id="{{$v->id}}" style="background: #42d408"><i class="mdi mdi-plus"></i></button></th>
</tr>
</thead>
<tbody>
<tr align="center">
<th>Misi:</th>
<td></td>
</tr>
@foreach ($v->Misi as $M)
<tr>
<td>{{$M->nama}}</td>
<td><form action="{{ route($route.'.destroy',$M->id) }}" method="POST" class="delete-data">
@csrf
<div class="btn-group" role="group" aria-label="Action Button">
<input type="hidden" name="_method" value="DELETE">
<a type="button" class="btn btn-sm btn-warning m-2 btn-mod2" id="{{$M->id}}"><i class="fa fa-edit"></i> Edit</a>
<button type="submit" class="m-2 btn btn-sm btn-danger text-white delete-data"><i class="fa fa-trash"></i>Hapus</button>
</div>
</form>
</td>
</tr>
@endforeach
</tbody>
@endforeach
@else
<thead class="text-center">
<tr>
<th colspan="2">Tidak ada data</th>
</tr>
</thead>
<tbody>
</tbody>
@endif --}}
</div>
</div>
</div> <!-- end col -->
</div> <!-- end row -->
</div>
<div class="modal fade" tabindex="-1">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="title">Tambah Misi</h5>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
<input type="submit" value="Submit" class="btn" style="background: #f7ac42" id="submitButton" form="storeForm">
</div>
{!! Form::close() !!}
</div>
</div>
</div>
@push('scripts')
<!-- Required datatable js -->
<script src="{{asset('assets/libs/datatables.net/js/jquery.dataTables.min.js')}}"></script>
<script src="{{asset('assets/libs/datatables.net-bs4/js/dataTables.bootstrap4.min.js')}}"></script>
<!-- Buttons examples -->
<script src="{{asset('assets/libs/datatables.net-buttons/js/dataTables.buttons.min.js')}}"></script>
<script src="{{asset('assets/libs/datatables.net-buttons-bs4/js/buttons.bootstrap4.min.js')}}"></script>
<script src="{{asset('assets/libs/jszip/jszip.min.js')}}"></script>
<script src="{{asset('assets/libs/pdfmake/build/pdfmake.min.js')}}"></script>
<script src="{{asset('assets/libs/pdfmake/build/vfs_fonts.js')}}"></script>
<script src="{{asset('assets/libs/datatables.net-buttons/js/buttons.html5.min.js')}}"></script>
<script src="{{asset('assets/libs/datatables.net-buttons/js/buttons.print.min.js')}}"></script>
<script src="{{asset('assets/libs/datatables.net-buttons/js/buttons.colVis.min.js')}}"></script>
<!-- Responsive examples -->
<script src="{{asset('assets/libs/datatables.net-responsive/js/dataTables.responsive.min.js')}}"></script>
<script src="{{asset('assets/libs/datatables.net-responsive-bs4/js/responsive.bootstrap4.min.js')}}"></script>
@endpush
@push('scripts')
<script>
$('#induk_opd').change(function(){
let id = $(this).val();
let template = ''
if(id != ""){
$.ajax({
type: "get",
url: `{{url('apiEdit/visi_renstra')}}/${id}?tahun=${ $('#tahun').val() }&type=indikator_opd`,
success: (res) => {
if(res.status == "success"){
if(res.data.status == 1){
console.log(res.data);
merujuk_rpjmd(res.visi, res.misi, res.tujuan, res.sasaran, res.tujuanRenstra, res.sasaranRenstra, res.Iku, res.indikatorOpd);
} else if(res.data.status == 2){
let visi = res.renstra
let misi = res.misi
let tujuan = res.tujuan
let sasaran = res.sasaranRenstra
let indikatorOpd = res.indikatorOpd
let td = ``
misi.forEach(element => {
td += `<tr>
<td colspan="7"><span style="padding-left: 14px">${element.nama}</span></td>
</tr>`
tujuan.forEach(elementTr => {
if(elementTr.misi_renstra_id == element.id){
td += `
<tr>
<td colspan="7"><span style="padding-left: 14px">${elementTr.nama}</span></td>
</tr>
`
sasaran.forEach(elementSr => {
let id_indikator = 1
if(elementSr.tujuan_renstra_id == elementTr.id){
td += `
<tr>
<td colspan="3"><span style="padding-left: 28px">${elementSr.nama}</span></td>
<td colspan="3"><button class="btn col-md-4 btn-mod" id="${elementSr.id}" style="background: #42d408"><i class="mdi mdi-plus"></i></button>
</td>
</tr>
<tr style="background:#cccccc">
<td>No</td>
<td>Indikator Kinerja Utama</td>
<td>Satuan</td>
<td>Kondisi Awal</td>
<td>Aksi</td>
</tr>
`
indikatorOpd.forEach(elementIo => {
const dateObject = new Date(elementIo.created_at);
const year = dateObject.getFullYear();
const tahun = $("#tahun").val();
if(elementIo.sasaran_renstra_id == elementSr.id && year == tahun){
td += `
<tr>
<td>${id_indikator}</td>
<td>${elementIo.nama}</td>
<td>${elementIo.satuan}</td>
<td>${elementIo.kondisi_awal}</td>
<td><form action="/indikator_opd2/${elementIo.id}" method="POST" class="delete-data">
@csrf
<div class="btn-group" role="group" aria-label="Action Button">
<input type="hidden" name="_method" value="DELETE">
<a type="button" class="btn btn-sm btn-warning m-2 btn-mod3" id="${elementIo.id}"><i class="fa fa-edit"></i></a>
<button type="submit" class="m-2 btn btn-sm btn-danger text-white delete-data"><i class="fa fa-trash"></i></button>
</div>
</form></td>
</tr>
`
id_indikator += 1;
}
})
}
});
}
});
});
template = `
@if(count($visi) > 0)
@foreach ($visi as $v)
<thead class="text-center">
<tr style="background:#d6dad5" align="center">
<th colspan="7">2021 - 2026</th>
</tr>
<tr style="background:#f5c4c4" align="left">
<th colspan="7"><span style="text-align: left">Visi: ${visi.nama}</span></th>
</tr>
</thead>
<tbody id="misi_row">
<tr style="background:#c4dbf5" align="left">
<th colspan="7"><span style="padding-left: 7px">Misi Renstra</span></th>
</tr>
</tbody>
@endforeach
@endif
`;
$('#table2').html(template);
$('#table').html('<tr align="center"><td>Tidak ada data Yang Merujuk RPJMD</td></tr>')
$('#rpjmd_check').prop('checked', false);
$('#misi_row').append(td);
$('#button-tambah').attr('hidden', false);
} else {
template = ``;
$('#table').html(template);
$('#rpjmd_check').prop('checked', false)
$('#button-tambah').attr('hidden', false);
}
} else {
alert("Ada Yang salah saat pengambilan data");
}
}
})
} else {
console.log(id)
template = ``;
$('#table').html(template);
$('#rpjmd_check').prop('checked', false)
$('#button-tambah').attr('hidden', false);
}
});
$('#tahun').change(function(){
let id = $('#induk_opd').val();
let template = ''
if(id != ""){
$.ajax({
type: "get",
url: `{{url('apiEdit/visi_renstra')}}/${id}?tahun=${ $('#tahun').val() }&type=indikator_opd`,
success: (res) => {
if(res.status == "success"){
if(res.data.status == 1){
console.log(res.data);
merujuk_rpjmd(res.visi, res.misi, res.tujuan, res.sasaran, res.tujuanRenstra, res.sasaranRenstra, res.Iku, res.indikatorOpd);
} else if(res.data.status == 2){
let visi = res.renstra
let misi = res.misi
let tujuan = res.tujuan
let sasaran = res.sasaranRenstra
let indikatorOpd = res.indikatorOpd
let td = ``
misi.forEach(element => {
td += `<tr>
<td colspan="7"><span style="padding-left: 14px">${element.nama}</span></td>
</tr>`
tujuan.forEach(elementTr => {
if(elementTr.misi_renstra_id == element.id){
td += `
<tr>
<td colspan="7"><span style="padding-left: 14px">${elementTr.nama}</span></td>
</tr>
`
sasaran.forEach(elementSr => {
let id_indikator = 1
if(elementSr.tujuan_renstra_id == elementTr.id){
td += `
<tr>
<td colspan="3"><span style="padding-left: 28px">${elementSr.nama}</span></td>
<td colspan="3"><button class="btn col-md-4 btn-mod" id="${elementSr.id}" style="background: #42d408"><i class="mdi mdi-plus"></i></button>
</td>
</tr>
<tr style="background:#cccccc">
<td>No</td>
<td>Indikator Kinerja Utama</td>
<td>Satuan</td>
<td>Kondisi Awal</td>
<td>Aksi</td>
</tr>
`
indikatorOpd.forEach(elementIo => {
const dateObject = new Date(elementIo.created_at);
const year = dateObject.getFullYear();
const tahun = $("#tahun").val();
if(elementIo.sasaran_renstra_id == elementSr.id && year == tahun){
td += `
<tr>
<td>${id_indikator}</td>
<td>${elementIo.nama}</td>
<td>${elementIo.satuan}</td>
<td>${elementIo.kondisi_awal}</td>
<td><form action="/indikator_opd2/${elementIo.id}" method="POST" class="delete-data">
@csrf
<div class="btn-group" role="group" aria-label="Action Button">
<input type="hidden" name="_method" value="DELETE">
<a type="button" class="btn btn-sm btn-warning m-2 btn-mod3" id="${elementIo.id}"><i class="fa fa-edit"></i></a>
<button type="submit" class="m-2 btn btn-sm btn-danger text-white delete-data"><i class="fa fa-trash"></i></button>
</div>
</form></td>
</tr>
`
id_indikator += 1;
}
})
}
});
}
});
});
template = `
@if(count($visi) > 0)
@foreach ($visi as $v)
<thead class="text-center">
<tr style="background:#d6dad5" align="center">
<th colspan="7">2021 - 2026</th>
</tr>
<tr style="background:#f5c4c4" align="left">
<th colspan="7"><span style="text-align: left">Visi: ${visi.nama}</span></th>
</tr>
</thead>
<tbody id="misi_row">
<tr style="background:#c4dbf5" align="left">
<th colspan="7"><span style="padding-left: 7px">Misi Renstra</span></th>
</tr>
</tbody>
@endforeach
@endif
`;
$('#table2').html(template);
$('#table').html('<tr align="center"><td>Tidak ada data Yang Merujuk RPJMD</td></tr>')
$('#rpjmd_check').prop('checked', false);
$('#misi_row').append(td);
$('#button-tambah').attr('hidden', false);
} else {
template = ``;
$('#table').html(template);
$('#rpjmd_check').prop('checked', false)
$('#button-tambah').attr('hidden', false);
}
} else {
alert("Ada Yang salah saat pengambilan data");
}
}
})
} else {
console.log(id)
template = ``;
$('#table').html(template);
$('#rpjmd_check').prop('checked', false)
$('#button-tambah').attr('hidden', false);
}
});
function merujuk_rpjmd(visi, misi, tujuan, sasaran, tujuanRenstra, sasaranRenstra, Iku, indikatorOpd){
let td = ''
let valueOpd = $('#induk_opd').val();
// visi.forEach(element => {
// // td += `
// // <thead class="text-center">
// // <tr style="background:#d6dad5" align="center">
// // <th colspan="3">${element.tahun_awal} - ${element.tahun_akhir}</th>
// // </tr>
// // <tr style="background:#d6dad5" align="center">
// // <th colspan="3">${element.nama}</th>
// // </tr>
// // </thead>
// // `
// misi.forEach(elementMisi => {
// if(elementMisi.visi_rpjmd_id == element.id){
// // td += `
// // <tbody>
// // <tr style="background:#c4dbf5" align="left">
// // <th colspan="3"><span style="padding-left: 7px">Misi: ${elementMisi.nama}</span></th>
// // </tr>
// // `
// }
// tujuan.forEach(elementTujuan => {
// if(elementTujuan.misi_rpjmd_id == elementMisi.id){
// // td += `
// // <tr style="background:#c4f5df" align="left">
// // <th colspan="3"><span style="padding-left: 14px">Tujuan: ${elementTujuan.nama}</span></th>
// // </tr>
// // `
// sasaran.forEach(elementSasaran1 => {
// if(elementSasaran1.tujuan_rpjmd_id == elementTujuan.id){
// td += `<thead>
// <tr style="background:#f2f5c4" align="left">
// <th colspan="3"><span style="padding-left: 28px">Sasaran: ${elementSasaran1.nama}</span></th>
// </tr>
// </thead>
// `
// Iku.forEach(elementIku => {
// if(elementIku.sasaran_rpjmd_id == elementSasaran1.id && elementIku.induk_opd_id == valueOpd){
// td += `<tbody>
// <tr style="background:#ffffff" align="left">
// <th colspan="2"><span style="padding-left: 49px">IKU: ${elementIku.nama}</span></th>
// <th>
// <form method="POST" action="/sasaran_renstra/${elementIku.id}">
// @csrf
// {{ method_field('DELETE') }}
// <div class="btn-group" role="group" aria-label="Action Button">
// <input type="hidden" name="_method" value="DELETE">
// <a type="button" class="btn btn-sm btn-warning m-2 btn-mod2" id="${elementIku.id}" nama="${elementIku.nama}"><i class="fa fa-edit"></i></a>
// </div>
// </form>
// </th>
// </tr>
// </tbody>
// `
// }
// })
// }
// });
// }
// });
// });
// });
let td2 = ""
console.log(sasaran);
sasaran.forEach(elementSasaran1 => {
td += `<thead>
<tr style="background:#f2f5c4" align="left">
<th colspan="3"><span style="padding-left: 28px">Sasaran: ${elementSasaran1.nama}</span></th>
</tr>
</thead>`;
elementSasaran1.indikator_pemerintah.forEach(elementIku => {
td += `<tbody>
<tr style="background:#ffffff" align="left">
<th colspan="2"><span style="padding-left: 49px">IKU: ${elementIku.nama}</span></th>
<th>
<form method="POST" action="/sasaran_renstra/${elementIku.id}">
@csrf
{{ method_field('DELETE') }}
<div class="btn-group" role="group" aria-label="Action Button">
<input type="hidden" name="_method" value="DELETE">
<a type="button" class="btn btn-sm btn-warning m-2 btn-mod2" id="${elementIku.id}" nama="${elementIku.nama}"><i class="fa fa-edit"></i></a>
</div>
</form>
</th>
</tr>
</tbody>`;
});
});
console.log(sasaranRenstra);
sasaranRenstra.forEach(element => {
let id_indikator = 1
if(element.induk_opd_id == valueOpd){
td2 += `
<tr style="background:#f5d2c4" align="left">
<th colspan="7"><span style="padding-left: 35px">Sasaran Renstra: ${element.nama}</span> <button class="btn col-md-1 btn-mod" id="${element.id}" style="background: #42d408"><i class="mdi mdi-plus"></i></button></th>
</tr>
<tr style="background:#cccccc">
<td>No</td>
<td>Indikator Kinerja Utama</td>
<td>Satuan</td>
<td>Kondisi Awal</td>
<td>Aksi</td>
</tr>
`
// Iku.forEach((elementIku, index) => {
// if(elementIku.id == element.indikator_pemerintah_id){
// td2 += `
// <tr>
// <td>${id_indikator}</td>
// <td>${elementIku.nama}</td>
// <td>${elementIku.satuan}</td>
// <td>${elementIku.kondisi_awal}</td>
// <td><form action="/indikator_opd/${element.id}" method="POST" class="delete-data">
// @csrf
// <div class="btn-group" role="group" aria-label="Action Button">
// <input type="hidden" name="_method" value="DELETE">
// <button type="submit" class="m-2 btn btn-sm btn-danger text-white delete-data"><i class="fa fa-trash"></i></button>
// </div>
// </form></td>
// </tr>
// `
// id_indikator += 1
// }
// })
element.indikator_opd.forEach((elementIo, index) => {
const dateObject = new Date(elementIo.created_at);
const year = dateObject.getFullYear();
const tahun = $("#tahun").val();
// if(elementIo.sasaran_renstra_id == element.id && year == tahun){
// }
// console.log(elementIo, year);
td2 += `
<tr>
<td>${id_indikator}</td>
<td>${elementIo.nama}</td>
<td>${elementIo.satuan}</td>
<td>${elementIo.kondisi_awal}</td>
<td><form action="/indikator_opd2/${elementIo.id}" method="POST" class="delete-data">
@csrf
<div class="btn-group" role="group" aria-label="Action Button">
<input type="hidden" name="_method" value="DELETE">
<a type="button" class="btn btn-sm btn-warning m-2 btn-mod3" id="${elementIo.id}"><i class="fa fa-edit"></i></a>
<button type="submit" class="m-2 btn btn-sm btn-danger text-white delete-data"><i class="fa fa-trash"></i></button>
</div>
</form></td>
</tr>
`
id_indikator += 1
})
}
})
$('#table').html(td);
$('#table2').html(td2);
$('#rpjmd_check').prop('checked', true)
$('#button-tambah').attr('hidden', true);
}
$('#table').on('click', '.btn-mod2', function(){
let nama = $(this).attr('nama');
let induk_jabatan_id = $(this).attr('induk_jabatan_id');
let jenis_jabatan_id = $(this).attr('jenis_jabatan_id');
let id = $(this).attr('id');
let valueOpd = $('#induk_opd').val();
$.ajax({
type: "get",
url: `{{url('apiEdit/indikator_opd')}}/${valueOpd}`,
success: (res) => {
if(res.status == "success"){
let textNama = `<input type="text" name="nama" id="nama" class="form-control" value="${res.data.nama}">`
let radioInput = ""
for(const key in res.data){
radioInput += `<input type="radio" id="html" name="indikator_pemerintah[]" value="${res.data[key].id}">
<label for="html">${res.data[key].nama}</label><br>`
}
let template = `
{!! Form::open(['route'=>$route.'.store','method'=>'POST', 'id'=>'EditForm']) !!}
<input name="_method" type="hidden" value="PUT">
<div class="mb-3 row">
<label for="name" class="col-md-2 col-form-label">IKU: ${nama}</label>
</div>
<div class="mb-3 row">
<div class="col-md-10" id="nama_field">
</div>
</div>
`
$('.modal-body').html(template)
$('#nama_field').html(radioInput)
$('#EditForm').attr('action', `/indikator_opd/${id}`)
$('#submitButton').attr('form', 'EditForm')
$('#title').html('Ubah data jabatan');
$('.modal').modal('toggle');
alert(res.data.nama);
} else {
alert("Ada Yang salah saat pengambilan data");
}
}
})
})
$('#table2').on('click', '.btn-mod', function(){
let id = $(this).attr('id');
let template = `
{!! Form::open(['route'=>'indikator_opd2.store','method'=>'POST', 'id'=>'storeForm']) !!}
<div id="misi_field">
<input name="sasaran_renstra_id" type="hidden" value="${id}">
<div class="mb-3 row">
<label for="name" class="col-md-2 col-form-label">Indikator Kinerja Utama</label>
</div>
<div class="mb-3 row">
<div class="col-md-10">
{!! Form::text('nama',null,['class'=>'form-control','id'=>"nama"]) !!}
</div>
</div>
<div class="mb-3 row">
<label for="name" class="col-md-2 col-form-label">Kondisi Awal</label>
</div>
<div class="mb-3 row">
<div class="col-md-10">
{!! Form::text('kondisi_awal',null,['class'=>'form-control','id'=>"nama"]) !!}
</div>
</div>
<div class="mb-3 row">
<label for="name" class="col-md-2 col-form-label">Satuan</label>
</div>
<div class="mb-3 row">
<div class="col-md-10">
{!! Form::text('satuan',null,['class'=>'form-control','id'=>"nama"]) !!}
</div>
</div>
<div class="mb-3 row">
<label for="name" class="col-md-2 col-form-label">Keterangan</label>
</div>
<div class="mb-3 row">
<div class="col-md-10">
{!! Form::text('keterangan',null,['class'=>'form-control','id'=>"nama"]) !!}
</div>
</div>
</div>
`
$('.modal-body').html(template)
$('.modal').modal('toggle');
});
$('#table2').on('click', '.btn-mod3', function(){
let id = $(this).attr('id');
$.ajax({
type: "get",
url: `{{url('apiEdit/indikator_opd2')}}/${id}`,
success: (res) => {
if(res.status == "success"){
let option = "<option value='0'>Pilih SKPD</option>"
let textNama = `<input type="text" name="nama" id="nama" class="form-control" value="${res.data.nama}">`
let textKondisiAwal = `<input type="text" name="kondisi_awal" id="nama" class="form-control" value="${res.data.kondisi_awal}">`
let textSatuan = `<input type="text" name="satuan" id="nama" class="form-control" value="${res.data.satuan}">`
let textKeterangan = `<input type="text" name="keterangan" id="nama" class="form-control" value="${res.data.keterangan}">`
let template = `
{!! Form::open(['route'=>$route.'.store','method'=>'POST', 'id'=>'EditForm']) !!}
<input name="_method" type="hidden" value="PUT">
<div class="mb-3 row">
<label for="name" class="col-md-2 col-form-label">Indikator Kerja Utama</label>
</div>
<div class="mb-3 row">
<div class="col-md-10" id="nama_field">
</div>
</div>
<div class="mb-3 row">
<label for="name" class="col-md-2 col-form-label">Kondisi Awal</label>
</div>
<div class="mb-3 row">
<div class="col-md-10" id="kondisi_awal_field">
</div>
</div>
<div class="mb-3 row">
<label for="name" class="col-md-2 col-form-label">Satuan</label>
</div>
<div class="mb-3 row">
<div class="col-md-10" id="satuan_field">
</div>
</div>
<div class="mb-3 row">
<label for="name" class="col-md-2 col-form-label">Keterangan</label>
</div>
<div class="mb-3 row">
<div class="col-md-10" id="keterangan_field">
</div>
</div>
`
$('.modal-body').html(template)
$('#nama_field').html(textNama)
$('#kondisi_awal_field').html(textKondisiAwal)
$('#keterangan_field').html(textKeterangan);
$('#satuan_field').html(textSatuan);
$('#EditForm').attr('action', `/indikator_opd2/${id}`)
$('#submitButton').attr('form', 'EditForm')
$('#title').html('Ubah data Indikator');
$('.modal').modal('toggle');
alert(res.data.nama);
} else {
alert("Ada Yang salah saat pengambilan data");
}
}
})
});
$(".modal").on("click", '#tambah_misi', function(){
let template = `
<div class="mb-3 row">
<div class="col-md-10">
{!! Form::text('nama[]',null,['class'=>'form-control','id'=>"nama"]) !!}
</div>
</div>
`
$("#misi_field").append(template);
})
</script>
@endpush
@endsection
Anons79 File Manager Version 1.0, Coded By Anons79
Email: [email protected]
Anons79 Mini Shell