agper-agen/modules/agen-edit.html

90 lines
3.0 KiB
HTML

<div style="font-weight: 600; text-align: center;">Data Diri</div>
<div style="display: grid; grid-template-columns: auto 1fr; column-gap: 1.5ch; padding: 1ch;">
<div style="height: 12em; width: 8em; text-align: center;">
<img id="UagentPhoto" style="max-height: 12em; max-width: 8em;"/>
</div>
<div style="display: grid; grid-template-columns: auto auto 1fr; column-gap:.5ch;">
<span>NIP</span>
<span>:</span>
<span id="UagentID"></span>
<span>Nama Agen</span>
<span>:</span>
<span id="Uname"></span>
<span>Jabatan</span>
<span>:</span>
<span id="Ujabatan"></span>
<span>Unit Kerja</span>
<span>:</span>
<span id="Uunit"></span>
<span>No SK Pengangkatan</span>
<span>:</span>
<span id="Uska"></span>
<span>TMT</span>
<span>:</span>
<span id="Utmta"></span>
<span>No SK Perubahan</span>
<span>:</span>
<span id="Uskp"></span>
<span>TMT</span>
<span>:</span>
<span id="Utmtp"></span>
</div>
<button id="chPicture">Ganti Foto</button>
</div>
<div style="text-align: center; padding: 1ch; text-align: center; font-weight: 600;">
Visi dan Misi Agen Perubahan
</div>
<div style="display: grid; grid-template-columns: auto auto 1fr; column-gap:.5ch;">
<span>Visi</span>
<span>:</span>
<span id="Uvisi"></span>
<span>Misi</span>
<span>:</span>
<span id="Umisi"></span>
</div>
<div style="text-align: center; padding: 1ch; text-align: center; font-weight: 600;">
Pembentukan Agen Perubahan
</div>
<div style="display: grid; grid-template-columns: auto auto 1fr; column-gap:.5ch;">
<span>Seleksi Internal</span>
<span>:</span>
<span id="Uselect"></span>
<span>Penilaian dan Pemilihan</span>
<span>:</span>
<span id="Ugrading"></span>
<span>Dokumen Eviden Penetapan SK</span>
<span>:</span>
<span id="Uevidence"></span>
<span>Dokumentasi Penepatan SK</span>
<span>:</span>
<span id="Udocuments"></span>
</div>
<div style="margin-top: 1em; border-top: 1px solid var(--secondary-foreground);">
<a-button id="Uupdate">
Perbarui
</a-button>
<a-button id="UCancel" type="negative">
Batal
</a-button>
</div>
<script type="module">
const thisDialog = moly._dialogs.at(-1);
const data = thisDialog.data;
$('#UagentPhoto')[0].src = data.photoURL;
$('#UagentID').text(data.agentID);
$('#Uname').text(data.name);
$('#Ujabatan').text(data.jabatan);
$('#Uunit').text(data.unitKerja);
$('#Uska').text(data.skAngkat);
$('#Utmta').text(data.tmt);
$('#Uskp').text(data.skPerb == null ? "-" : data.skPerb);
$('#Utmtp').text(data.tmUbah == null ? "-" : data.tmUbah);
$('#Uvisi').text(data.vision);
$('#Umisi').text(data.mission);
$('#Uupdate').click(async()=>{
thisDialog.resolve({edit: true, data: thisDialog.data});
});
$('#UCancel').click(async()=>{
thisDialog.resolve(false);
});
</script>