101 lines
4.6 KiB
HTML
101 lines
4.6 KiB
HTML
<div style="display: grid; grid-template-columns: auto auto 1fr; column-gap: 1ch;">
|
|
<span>Kegiatan</span>
|
|
|
|
<select id="kegiatan" style="width: max-content;" disabled>
|
|
<option value="-1" selected disabled>-Pilih Kegiatan-</option>
|
|
<option value="0">Sebagai Katalis</option>
|
|
<option value="1">Sebagai Penggerak Perubahan</option>
|
|
<option value="2">Sebagai Pemberi Solusi</option>
|
|
<option value="3">Sebagai Mediator</option>
|
|
<option value="4">Sebagai Penghubung</option>
|
|
</select>
|
|
<span>Target Waktu</span>
|
|
|
|
<div>
|
|
<input type="number" id="target" min="1" style="width: 7ch;" value="1" disabled>
|
|
|
|
<select id="targetUnit" style="width: max-content;" disabled>
|
|
<option value="0">Hari</option>
|
|
<option value="1" selected>Bulan</option>
|
|
</select>
|
|
</div>
|
|
<span class="forDay" hidden>Tgl Mulai</span>
|
|
<span class="forDay" hidden></span>
|
|
<input class="forDay" type="date" id="startDate" style="max-width: max-content;" hidden disabled>
|
|
<span class="forMonth">Bulan Mulai</span>
|
|
<span class="forMonth"></span>
|
|
<input class="forMonth" type="month" id="startMonth" style="max-width: max-content;" disabled>
|
|
<div style="grid-column: span 3;">
|
|
<span>Sasaran Kegiatan:</span><br>
|
|
<textarea disabled id="sasaran" style="resize: none; width: 100%; height: 4.6em;" maxlength="510" placeholder="Contoh: Mengenakan seragam sesuai aturan."></textarea>
|
|
</div>
|
|
<div style="grid-column: span 3;">
|
|
<span>Sasaran Entitas:</span><br>
|
|
<textarea disabled id="enttarget" style="resize: none; width: 100%; height: 4.6em;" maxlength="510" placeholder="Contoh: Seluruh pegawai Kanwil BPN Provinsi Riau."></textarea>
|
|
</div>
|
|
<div style="grid-column: span 3;">
|
|
<span>Indikator:</span><br>
|
|
<textarea disabled id="indikator" style="resize: none; width: 100%; height: 4.6em;" maxlength="510" placeholder="Contoh: Persentase pegawai taat aturan berpakaian."></textarea>
|
|
</div>
|
|
<div style="grid-column: span 3;">
|
|
<span>Rencana Aksi:</span><br>
|
|
<textarea disabled id="aksi" style="resize: none; width: 100%; height: 4.6em;" maxlength="510" placeholder="Contoh: Sosialisasi aturan berpakaian."></textarea>
|
|
</div>
|
|
</div>
|
|
<div style="display: grid; grid-template-columns: auto auto 1fr;">
|
|
<a-button id="prev">Sebelumnya</a-button>
|
|
<a-button id="next">Berikutnya</a-button>
|
|
<div style="text-align: right;">
|
|
<a-button id="processProker">Tanggapi</a-button>
|
|
</div>
|
|
</div>
|
|
<script type="module">
|
|
const thisDialog = moly.lastDialog();
|
|
const data = thisDialog.data;
|
|
let vdata = data.prokers[data.startIndex]
|
|
µ('#processProker').prop("disabled",vdata.journal.at(-1).status != 2);
|
|
function µ(selector)
|
|
{
|
|
if (selector) return $(thisDialog.box).find(selector);
|
|
return $(thisDialog.box);
|
|
}
|
|
function fillForms()
|
|
{
|
|
µ('#prev').prop("disabled",data.startIndex <=0);
|
|
µ('#next').prop("disabled",data.startIndex >= data.prokers.length -1);
|
|
µ('#aksi').val(vdata.actions);
|
|
µ('#enttarget').val(vdata.entityTarget);
|
|
µ('#indikator').val(vdata.indicators);
|
|
µ('#targetUnit').val(vdata.isInMonth ? 1 : 0);
|
|
µ('#kegiatan').val(vdata.kegiatan);
|
|
µ('#sasaran').val(vdata.sasaran);
|
|
let DateTime = vdata.year + "-" + vdata.startMonth.toString().padStart(2,"0");
|
|
DateTime += vdata.isInMonth ? "" : "-" + vdata.startDay.toString().padStart(2,"0");
|
|
µ('#target').val(vdata.timeTarget);
|
|
if(vdata.isInMonth)
|
|
{
|
|
µ('#startMonth').val(DateTime);
|
|
}
|
|
else
|
|
{
|
|
µ('#startDate').val(DateTime);
|
|
}
|
|
}
|
|
$(document).ready(async()=>{
|
|
fillForms();
|
|
µ('#prev').click(()=>{
|
|
data.startIndex = data.startIndex == 0 ? 0 : data.startIndex - 1;
|
|
vdata = data.prokers[data.startIndex];
|
|
fillForms();
|
|
});
|
|
µ('#next').click(()=>{
|
|
data.startIndex = data.startIndex == data.prokers.length -1 ? data.prokers.length -1 : data.startIndex + 1;
|
|
vdata = data.prokers[data.startIndex];
|
|
fillForms();
|
|
});
|
|
µ('#processProker').click(async()=>{
|
|
const res = await moly.dialog.show({title:"Tanggapi Program Kerja "+ vdata.owner.name, content: "/modules/submission-process.html", fetching: true, data: {agentid: vdata.owner.agentID, year: vdata.year}});
|
|
if (res) thisDialog.resolve(vdata.owner.agentID);
|
|
});
|
|
})
|
|
</script> |