SMK_Kelulusan/resources/js/app.js
2019-05-11 12:41:25 +07:00

269 lines
13 KiB
JavaScript
Vendored
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

import m from "mithril"
import _isEmpty from "lodash.isempty"
import Siswa from "./models/Siswa"
import AccessLog from "./models/AccessLog"
m.mount(document.body.querySelector('.container'), {
oninit: () => {
AccessLog.fetch();
},
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', 'Pengumuman Kelulusan 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,
});
}
},
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 + ' ') : '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[type=submit]', 'Lihat'),
])),
m(!_isEmpty(Siswa.current) ? '.letter' : '.letter.hidden', [
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', 'KEPUTUSAN'),
m('p', 'KEPALA SEKOLAH MENENGAH KEJURUAN (SMK) BHAKTI ANINDYA'),
m('p', 'Nomor: 076 / SMK - BA / V / 2019'),
m('p', 'TENTANG'),
m('p', 'KELULUSAN PESERTA UJIAN DARI SATUAN PENDIDIKAN'),
m('p', 'TAHUN PELAJARAN 2018 / 2019'),
m('br'),
m('p', 'KEPALA SMK BHAKTI ANINDYA'),
]),
m('br'),
m('table', [
m('tr', [
m('td', 'Menimbang'),
m('td', ':'),
m('td', '1.'),
m('td[colspan=3]', 'Bahwa dalam rangka pengumuman hasil ujian akhir kelas XII Tahun Pelajaran 2018/2019 dipandang perlu untuk menerbitkan surat keputusan tentang kelulusan peserta ujian dari satuan pendidikan SMK Bhakti Anindya.'),
]),
m('tr', [
m('td[colspan=2]'),
m('td', '2.'),
m('td[colspan=3]', 'Bahwa peserta ujian yang namanya tercantum pada surat keputusan ini dipandang cakap, kompeten, dan layak untuk dinyatakan lulus dari Satuan Pendidikan SMK Bhakti Anindya.'),
]),
m('br'),
m('tr', [
m('td', 'Mengingat'),
m('td', ':'),
m('td', '1.'),
m('td[colspan=3]', 'Undang Undang No. 20 Tahun 2003 tentang Sistem Pendidikan Nasional.'),
]),
m('tr', [
m('td[colspan=2]'),
m('td', '2.'),
m('td[colspan=3]', 'Permendikbud Nomor 57 Tahun 2015 Tentang Penilaian Hasil Belajar Oleh Pemerintah Melalui Ujian Nasional Dan Penilaian Hasil Belajar Oleh Satuan Pendidikan Melalui Ujian Sekolah/ Madrasah/ Pendidikan Kesetaraan Pada SMP/ MTs/ Yang Sederajat Dan SMA/ MA/ SMK Atau Yang Sederajat.'),
]),
m('tr', [
m('td[colspan=2]'),
m('td', '3.'),
m('td[colspan=3]', 'Peraturan BSNP NOMOR: 0047/P/BSNP/XI/2018 tentang Prosedur Operasional Standar Penyelenggaraan Ujian Nasional Tahun Pelajaran 2018/2019.'),
]),
m('tr', [
m('td[colspan=2]'),
m('td', '4.'),
m('td[colspan=3]', 'Peraturan BSNP NOMOR: 0048/BSNP/XI/2018 tentang Prosedur Operasional Standar Penyelenggaraan Ujian Sekolah Berstandar Nasaional Tahun Pelajaran 2018/2019.'),
]),
m('tr', [
m('td[colspan=2]'),
m('td', '5.'),
m('td[colspan=3]', 'Pedoman Penyelenggaraan UKK dan Sertifikasi Siswa SMK pada Ujian Nasional Tahun Pelajaran 2017/2018.'),
]),
m('br'),
m('tr', [
m('td', 'Memperhatikan'),
m('td', ':'),
m('td', '1.'),
m('td[colspan=3]', 'Nilat raport semester 1 6 Tahun Pelajaran 2016/2017 2018/2019.'),
]),
m('tr', [
m('td[colspan=2]'),
m('td', '2.'),
m('td[colspan=3]', 'Nilai Hasil Ujian Praktik Kejuruan ( UPK ) yang diselenggarakan tanggal 1 April s.d 3 Mei 2019.'),
]),
m('tr', [
m('td[colspan=2]'),
m('td', '3.'),
m('td[colspan=3]', 'Nilai Hasil Ujian Sekolah Berstandar Nasional (USBN) yang diselenggarakan tanggal 05 12 April 2019.'),
]),
m('tr', [
m('td[colspan=2]'),
m('td', '4.'),
m('td[colspan=3]', 'Nilai Hasil Ujian Nasional Berbasis Komputer (UNBK) yang diselenggarakan tanggal 25 28 Maret 2019.'),
]),
m('tr', [
m('td[colspan=2]'),
m('td', '5.'),
m('td[colspan=3]', 'Hasil pengamatan dan penilaian mengenai sikap, prilaku, dan kepribadian yang bersangkutan selama menjadi siswa SMK Bhakti Anindya.'),
]),
m('tr', [
m('td[colspan=2]'),
m('td', '6.'),
m('td[colspan=3]', 'Hasil Rapat Pleno Dewan Guru SMK Bhakti Anindya tanggal 10 Mei 2019.'),
]),
m('tr', [
m('td[colspan=2]'),
m('td', '7.'),
m('td[colspan=3]', 'Surat Keputusan Tentang Kriteria Kelulusan dari Satuan Pendidikan.'),
]),
m('tr',
m('td.text-center[colspan=6]', 'MEMUTUSKAN :')),
m('tr', [
m('td', 'Menetapkan'),
m('td', ':'),
]),
m('tr', [
m('td', 'Pertama'),
m('td', ':'),
m('td'),
m('td', 'Nama Peserta'),
m('td.strong', ':'),
m('td.strong', Siswa.current.nama),
]),
m('tr', [
m('td[colspan=3]'),
m('td', 'Tempat & Tanggal Lahir'),
m('td.strong', ':'),
m('td.strong', Siswa.current.tempat_lahir + ' , ' + Siswa.current.tanggal_lahir),
]),
m('tr', [
m('td[colspan=3]'),
m('td', 'NIS / NISN'),
m('td.strong', ':'),
m('td.strong', Siswa.current.nis + ' / ' + Siswa.current.nisn),
]),
m('tr', [
m('td[colspan=3]'),
m('td', 'Nomor Peserta'),
m('td.strong', ':'),
m('td.strong', Siswa.current.nopes),
]),
m('tr', [
m('td[colspan=3]'),
m('td', 'Bidang Studi Keahlian'),
m('td.strong', ':'),
m('td.strong', Siswa.current.bsk),
]),
m('tr', [
m('td[colspan=3]'),
m('td', 'Program Studi Keahlian'),
m('td.strong', ':'),
m('td.strong', Siswa.current.psk),
]),
m('tr', [
m('td[colspan=3]'),
m('td', 'Kompetensi Keahlian'),
m('td.strong', ':'),
m('td.strong', Siswa.current.kk),
]),
m('tr', [
m('td[colspan=3]'),
m('td[colspan=3]', [
'Dinyatakan ',
m('span.special', 'LULUS'),
' dari satuan pendidikan SMK Bhakti Anindya Tahun Pelajaran 2018/2019',
]),
]),
m('br'),
m('tr', [
m('td', 'Kedua'),
m('td', ':'),
m('td[colspan=4]', 'Surat Keputusan ini dikeluarkan sebagai pengganti ijazah yang akan diterbitkan kemudian.'),
]),
m('tr', [
m('td', 'Ketiga'),
m('td', ':'),
m('td[colspan=4]', 'Apabila dalam Surat Keputusan ini terdapat kekeliruan akan dilakukan perbaikan sebagaimana mestinya.'),
]),
m('tr', [
m('td', 'Keempat'),
m('td', ':'),
m('td[colspan=4]', 'Surat Keputusan ini berlaku terhitung mulai tanggal ditetapkan.'),
]),
]),
m('table.signature', [
m('tr', [
m('td', 'Ditetapkan di'),
m('td', ':'),
m('td', 'Tangerang'),
]),
m('tr', [
m('td', 'Pada Tanggal'),
m('td', ':'),
m('td', '13 Mei 2019'),
]),
m('tr',
m('td', 'Kepala Sekolah,')),
m('tr',
m('td[colspan=3]',
m('.letter__sign'))),
m('tr',
m('td[colspan=3]', 'Drs. Engkos Kosasih, M.M.')),
]),
]),
]),
];
},
});