Updated views and api

This commit is contained in:
Gregorio Chiko Putra
2019-05-10 15:41:21 +07:00
parent 019ac42b65
commit 4bb4e7c56b
15 changed files with 2831 additions and 80 deletions

265
resources/js/app.js vendored
View File

@@ -0,0 +1,265 @@
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: () => {
console.log(_isEmpty(Siswa.current));
return [
m('span.italic.text-xs', [
'Saat ini sudah ',
m('strong', [
AccessLog.current.accessed,
' / ',
AccessLog.current.total,
]),
' siswa yang telah melihat pengumuman kelulusan.'
]),
m('.header', [
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,
tglLahir: e.target.elements.tglLahir.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', 'Nomor Induk Siswa Nasional.'),
]),
m('.form-group', [
m('label.form-label[for=input-tglLahir]', 'Tanggal Lahir'),
m('input.form-input.input-text#input-tglLahir[name=tglLahir][type=text][autocomplete=off][required]'),
m('p.input-helper', '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('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.')),
]),
]),
]),
];
},
});

16
resources/js/models/AccessLog.js vendored Normal file
View File

@@ -0,0 +1,16 @@
import m from "mithril"
var model = {
current: {},
fetch: () => {
m.request({
method: 'get',
url: '/api/access_log',
})
.then(response => {
model.current = response;
});
},
}
export default model;

20
resources/js/models/Siswa.js vendored Normal file
View File

@@ -0,0 +1,20 @@
import m from "mithril"
import AccessLog from "./AccessLog"
var model = {
current: {},
cariData: data => {
m.request({
method: 'post',
url: '/api/siswa',
data
})
.then(response => {
model.current = response;
AccessLog.fetch();
console.log(model.current);
});
},
}
export default model;