ba/SMK_Kelulusan
3
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Created static view sample

Browse Source
This commit is contained in:
Gregorio Chiko Putra 2019-05-14 10:24:37 +07:00
parent 4278293742
commit a1f7147bd1
7 changed files with 654 additions and 298 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

23
public/css/main.css vendored
View File

@ -7641,6 +7641,21 @@ span.error {
font-style: italic; font-style: italic;
} }
.letter table.nilai th, .letter table.nilai td {
border-width: 1px;
border-color: #000;
padding-left: 0.25rem;
padding-right: 0.25rem;
}
.letter table.nilai .long {
display: none;
}
.letter table.nilai .short {
display: table-cell;
}
.letter table.signature { .letter table.signature {
width: auto; width: auto;
margin-left: auto; margin-left: auto;
@ -7752,6 +7767,14 @@ span.error {
.letter .print-button { .letter .print-button {
display: initial; display: initial;
} }
.letter table.nilai .long {
display: table-cell;
}
.letter table.nilai .short {
display: none;
}
} }
@media print { @media print {

97
public/js/app.js vendored
View File

File diff suppressed because one or more lines are too long

277
resources/js/app.js vendored
View File

@ -1,274 +1,9 @@
import m from "mithril" import m from "mithril"
import _isEmpty from "lodash.isempty" import SuratKelulusan from "./components/SuratKelulusan"
import Siswa from "./models/Siswa" import SKHasilBelajar from "./components/SKHasilBelajar"
import AccessLog from "./models/AccessLog"
m.mount(document.body.querySelector('.container'), { m.route.prefix('#');
oninit: () => { m.route(document.body.querySelector('.container'), '/', {
AccessLog.fetch(); '/': SuratKelulusan,
}, '/hasil-belajar': SKHasilBelajar,
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[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('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.')),
]),
]),
]),
];
},
}); });

23
resources/js/components/ExampleComponent.vue
View File

@ -1,23 +0,0 @@
<template>
<div class="container">
<div class="row justify-content-center">
<div class="col-md-8">
<div class="card">
<div class="card-header">Example Component</div>
<div class="card-body">
I'm an example component.
</div>
</div>
</div>
</div>
</div>
</template>
<script>
export default {
mounted() {
console.log('Component mounted.')
}
}
</script>

232
resources/js/components/SKHasilBelajar.js vendored Normal file
View File

@ -0,0 +1,232 @@
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,
//});
}
},
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('&#9113;'),
' 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('&nbsp;'))),
m('tr',
m('td[colspan=6]', 'Menerangkan bahwa')),
m('tr',
m('td',
m.trust('&nbsp;'))),
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('&nbsp;'))),
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('&nbsp;'))),
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('&nbsp;'))),
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;

276
resources/js/components/SuratKelulusan.js vendored Normal file
View File

@ -0,0 +1,276 @@
import m from "mithril";
import _isEmpty from "lodash.isempty"
import Siswa from "../models/Siswa"
import AccessLog from "../models/AccessLog"
var component = {
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[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('span.mobile-info', 'Untuk mencetak surat ini, harap gunakan browser di desktop PC.'),
m('button.print-button', {
onclick: () => {
window.print();
}
}, [
m.trust('&#9113;'),
' 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.')),
]),
]),
]),
];
},
};
export default component;

24
resources/sass/main.scss vendored
View File

@ -84,6 +84,20 @@ span.error {
} }
} }
table.nilai {
th, td {
@apply border border-black px-1;
}
.long {
@apply hidden;
}
.short {
display: table-cell;
}
}
table.signature { table.signature {
@apply w-auto ml-auto mt-4; @apply w-auto ml-auto mt-4;
@ -156,6 +170,16 @@ span.error {
.print-button { .print-button {
display: initial; display: initial;
} }
table.nilai {
.long {
display: table-cell;
}
.short {
@apply hidden;
}
}
} }
} }