234 lines
11 KiB
JavaScript
Vendored
234 lines
11 KiB
JavaScript
Vendored
import m from "mithril"
|
|
|
|
var component = {
|
|
view: () => {
|
|
return [
|
|
m('.header', [
|
|
m('span.italic.text-xs', [
|
|
'Saat ini sudah ',
|
|
m('strong', [
|
|
//AccessLog.current.accessed,
|
|
' / ',
|
|
//AccessLog.current.total,
|
|
]),
|
|
' siswa yang telah melihat pengumuman kelulusan.'
|
|
]),
|
|
m('h1.title', 'Surat Keterangan Hasil Belajar Siswa SMK Bhakti Anindya'),
|
|
m('span', 'Silahkan masukkan Nama Lengkap dan NISN kamu di bawah ini.'),
|
|
]),
|
|
m('form.form', {
|
|
onsubmit: e => {
|
|
e.preventDefault();
|
|
//Siswa.cariData({
|
|
//nisn: e.target.elements.nisn.value,
|
|
//tanggalLahir: e.target.elements.tanggalLahir.value,
|
|
//src: 'sk-hasil-belajar',
|
|
//});
|
|
}
|
|
},
|
|
m('.form-grid', [
|
|
m('.form-group', [
|
|
m('label.form-label[for=input-nisn]', 'NISN'),
|
|
m('input.form-input.input-text#input-nisn[name=nisn][type=text][autocomplete=off][required]'),
|
|
m('p.input-helper', [
|
|
//!_isEmpty(Siswa.error) ?
|
|
//Siswa.error.errors.siswa != undefined ? m('span.error', Siswa.error.errors.siswa[0] + ' ')
|
|
//: Siswa.error.errors.nisn != undefined ? m('span.error', Siswa.error.errors.nisn[0] + ' ')
|
|
//: '' : '',
|
|
'Nomor Induk Siswa Nasional.',
|
|
]),
|
|
]),
|
|
m('.form-group', [
|
|
m('label.form-label[for=input-tanggalLahir]', 'Tanggal Lahir'),
|
|
m('input.form-input.input-text#input-tanggalLahir[name=tanggalLahir][type=text][autocomplete=off][required]'),
|
|
m('p.input-helper', [
|
|
//!_isEmpty(Siswa.error) && Siswa.error.errors.tanggalLahir != undefined ? m('span.error', Siswa.error.errors.tanggalLahir[0] + ' ') : '',
|
|
'Tanggal lahir dengan format YYYYMMDD. Contoh: untuk tanggal 29 Mei 2000 ditulis 20000529',
|
|
]),
|
|
]),
|
|
m('button.form-submit#input-submit[type=submit]', 'Lihat'),
|
|
])),
|
|
//m(!_isEmpty(Siswa.current) ? '.letter' : '.letter.hidden', [
|
|
m('.letter', [
|
|
m('span.mobile-info', 'Untuk mencetak surat ini, harap gunakan browser di desktop PC.'),
|
|
m('button.print-button', {
|
|
onclick: () => {
|
|
window.print();
|
|
}
|
|
}, [
|
|
m.trust('⎙'),
|
|
' Print',
|
|
]),
|
|
m('.letter__header', [
|
|
m('img[src=img/letter-head.jpg]'),
|
|
]),
|
|
m('', {
|
|
style: {
|
|
height: '1px',
|
|
width: '100%',
|
|
backgroundColor: '#000',
|
|
marginTop: '.5rem',
|
|
}}),
|
|
m('', {
|
|
style: {
|
|
height: '3px',
|
|
width: '100%',
|
|
}}),
|
|
m('', {
|
|
style: {
|
|
height: '3px',
|
|
width: '100%',
|
|
backgroundColor: '#000',
|
|
marginBottom: '1rem',
|
|
}}),
|
|
m('.letter__body', [
|
|
m('strong.letter__body-header', [
|
|
m('p', m('u', 'SURAT KETERANGAN')),
|
|
m('p.font-normal', 'Nomor: 077/SMK-BA/V/2019'),
|
|
]),
|
|
m('br'),
|
|
m('table', [
|
|
m('tr',
|
|
m('td[colspan=6]', 'Yang bertanda tangan di bawah ini :')),
|
|
m('tr', [
|
|
m('td'),
|
|
m('td', 'Nama'),
|
|
m('td', ':'),
|
|
m('td[colspan=3]', 'Drs. Engkos Kosasih, M.M.'),
|
|
]),
|
|
m('tr', [
|
|
m('td'),
|
|
m('td', 'Jabatan'),
|
|
m('td', ':'),
|
|
m('td[colspan=3]', 'Kepala Sekolah'),
|
|
]),
|
|
m('tr', [
|
|
m('td'),
|
|
m('td', 'Asal Sekolah'),
|
|
m('td', ':'),
|
|
m('td[colspan=3]', 'SMK Bhakti Anindya'),
|
|
]),
|
|
m('tr',
|
|
m('td',
|
|
m.trust(' '))),
|
|
m('tr',
|
|
m('td[colspan=6]', 'Menerangkan bahwa')),
|
|
m('tr',
|
|
m('td',
|
|
m.trust(' '))),
|
|
m('tr', [
|
|
m('td'),
|
|
m('td', 'Nama'),
|
|
m('td', ':'),
|
|
m('td[colspan=3]', 'A\'AN SAPUTRA'),
|
|
]),
|
|
m('tr', [
|
|
m('td'),
|
|
m('td', 'Tempat / Tanggal Lahir'),
|
|
m('td', ':'),
|
|
m('td', 'SAMARINDA'),
|
|
m('td[colspan=2]', ', 22 JANUARI 2001'),
|
|
]),
|
|
m('tr', [
|
|
m('td'),
|
|
m('td', 'NIS / NISN'),
|
|
m('td', ':'),
|
|
m('td', '1166189'),
|
|
m('td[colspan=2]', '/ 0013312008'),
|
|
]),
|
|
m('tr', [
|
|
m('td'),
|
|
m('td', 'Nomor Peserta'),
|
|
m('td', ':'),
|
|
m('td[colspan=3]', '4-19-30-02-059-001-8'),
|
|
]),
|
|
m('tr', [
|
|
m('td'),
|
|
m('td', 'Kelas'),
|
|
m('td', ':'),
|
|
m('td[colspan=3]', 'XII TKJ 1'),
|
|
]),
|
|
m('tr', [
|
|
m('td'),
|
|
m('td', 'Bidang Studi Keahlian'),
|
|
m('td', ':'),
|
|
m('td[colspan=3]', 'Teknologi Informasi dan Komunikasi'),
|
|
]),
|
|
m('tr', [
|
|
m('td'),
|
|
m('td', 'Program Studi Keahlian'),
|
|
m('td', ':'),
|
|
m('td[colspan=3]', 'Teknik Komputer dan Informatika'),
|
|
]),
|
|
m('tr', [
|
|
m('td'),
|
|
m('td', 'Kompetensi Keahlian'),
|
|
m('td', ':'),
|
|
m('td[colspan=3]', 'Teknik Komputer dan Jaringan'),
|
|
]),
|
|
m('tr',
|
|
m('td',
|
|
m.trust(' '))),
|
|
m('tr',
|
|
m('td[colspan=6]', 'Adalah benar siswa SMK Bhakti Anindya, Kota Tangerang dan pada tanggal 13 Mei 2019 telah dinyatakan lulus')),
|
|
m('tr',
|
|
m('td[colspan=6]', 'Berikut hasil belajar siswa tersebut :')),
|
|
m('tr',
|
|
m('td',
|
|
m.trust(' '))),
|
|
m('tr',
|
|
m('td[colspan=6]',
|
|
m('table.nilai', [
|
|
m('tr', [
|
|
m('th', { style: { width: '5%' } }, 'No.'),
|
|
m('th[colspan=2]', 'Mata Pelajaran'),
|
|
m('th.long.md:w-1/5', 'Rata-rata Raport Semester 1-6'),
|
|
m('th.short.md:w-1/5', 'Raport'),
|
|
m('th.long.md:w-1/5', 'Ujian Sekolah Berstandar Nasional'),
|
|
m('th.short.md:w-1/5', 'USBN'),
|
|
m('th.long.md:w-1/5', 'Ujian Nasional Berbasis Komputer'),
|
|
m('th.short.md:w-1/5', 'UNBK'),
|
|
]),
|
|
m('tr', [
|
|
m('th', 'A.'),
|
|
m('th[colspan=5].text-left', 'Normatif'),
|
|
]),
|
|
m('tr', [
|
|
m('td.text-right', '1.'),
|
|
m('td[colspan=2]', 'Pendidikan Agama'),
|
|
m('td.text-center', 'xx.xx'),
|
|
m('td.text-center', 'xx.xx'),
|
|
m('td.text-center', 'xx.xx'),
|
|
]),
|
|
m('tr', [
|
|
m('th[colspan=3]', 'Rata-rata'),
|
|
m('td.text-center', 'xx.xx'),
|
|
m('td.text-center', 'xx.xx'),
|
|
m('td.text-center', 'xx.xx'),
|
|
]),
|
|
]))),
|
|
m('tr',
|
|
m('td',
|
|
m.trust(' '))),
|
|
m('tr',
|
|
m('td[colspan=6]', 'Demikian Surat Keterangan ini dibuat untuk siswa yang bersangkutan melanjutkan ke jenjang yang lebih tinggi.')),
|
|
]),
|
|
m('table.signature', [
|
|
m('tr',
|
|
m('td', 'Tangerang, 13 Mei 2019')),
|
|
m('tr',
|
|
m('td', 'Kepala Sekolah,')),
|
|
m('tr',
|
|
m('td',
|
|
m('.letter__sign', { style: { height: '3rem' } }))),
|
|
m('tr',
|
|
m('td', 'Drs. Engkos Kosasih, M.M.')),
|
|
]),
|
|
]),
|
|
]),
|
|
];
|
|
},
|
|
};
|
|
|
|
export default component;
|