Optimisasi untuk K13 2020
- restriksi untuk print dihilangkan - stempel pada ttd ditambahkann - isi surat disesuaikan - ukuran kertas disesuaikan - data siswa baru ditambahkan
This commit is contained in:
Gregorio Chiko
BIN
resources/img/letter-sign-stamp.png
Normal file
BIN
resources/img/letter-sign-stamp.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 346 KiB |
BIN
resources/img/letter-sign.png
Normal file
BIN
resources/img/letter-sign.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 18 KiB |
BIN
resources/imports/hasil_belajar_ba_1920.xlsx
Normal file
BIN
resources/imports/hasil_belajar_ba_1920.xlsx
Normal file
Binary file not shown.
12
resources/js/app.js
vendored
12
resources/js/app.js
vendored
@@ -1,11 +1,18 @@
|
||||
import m from "mithril"
|
||||
import SuratKelulusan from "./components/SuratKelulusan"
|
||||
import SKHasilBelajar from "./components/SKHasilBelajar"
|
||||
import SKK13HasilBelajar from "./components/SKK13HasilBelajar"
|
||||
import Pendopo from "./components/Pendopo"
|
||||
import Siswa from "./models/Siswa"
|
||||
import AccessLog from "./models/AccessLog"
|
||||
|
||||
if (document.body.querySelector('.container#pendopo') === null) {
|
||||
if (document.body.querySelector('.container#pendopo') != null) {
|
||||
m.mount(document.body.querySelector('.container#pendopo'), Pendopo);
|
||||
}
|
||||
else if (document.body.querySelector('.container#k13') != null) {
|
||||
m.mount(document.body.querySelector('.container#k13'), SKK13HasilBelajar);
|
||||
}
|
||||
else {
|
||||
m.route.prefix('#');
|
||||
m.route(document.body.querySelector('.container'), '/', {
|
||||
'/': SuratKelulusan,
|
||||
@@ -65,6 +72,3 @@ if (document.body.querySelector('.container#pendopo') === null) {
|
||||
}
|
||||
});
|
||||
}
|
||||
else {
|
||||
m.mount(document.body.querySelector('.container#pendopo'), Pendopo);
|
||||
}
|
||||
|
||||
65
resources/js/components/SKHasilBelajar.js
vendored
65
resources/js/components/SKHasilBelajar.js
vendored
@@ -95,10 +95,11 @@ var component = {
|
||||
])),
|
||||
_isEmpty(Siswa.current) ? null : m('.letter', [
|
||||
m('span.mobile-info', 'Untuk mencetak surat ini, harap gunakan browser di desktop PC.'),
|
||||
!_isEmpty(Siswa.current.access_log) ? null
|
||||
: m('button.print-button', {
|
||||
// !_isEmpty(Siswa.current.access_log) ? null
|
||||
// :
|
||||
m('button.print-button', {
|
||||
onclick: () => {
|
||||
if (confirm('Surat Keterangan ini hanya dapat dicetak satu kali. Lanjutkan?')) {
|
||||
// if (confirm('Surat Keterangan ini hanya dapat dicetak satu kali. Lanjutkan?')) {
|
||||
component.confirmPrint = 1;
|
||||
AccessLog.create({siswaId: Siswa.current.id, src: 'sk-hasil-belajar'}).then(() => {
|
||||
AccessLog.fetch('sk-hasil-belajar');
|
||||
@@ -117,7 +118,7 @@ var component = {
|
||||
AccessLog.error = JSON.parse(e.message);
|
||||
}
|
||||
});
|
||||
}
|
||||
// }
|
||||
}
|
||||
}, [
|
||||
m.trust('⎙'),
|
||||
@@ -150,30 +151,24 @@ var component = {
|
||||
}}),
|
||||
m('.letter__body', [
|
||||
m('strong.letter__body-header', [
|
||||
m('p', m('span.border-b.border-black', 'SURAT KETERANGAN')),
|
||||
m('p.font-normal.mt-1', 'Nomor: 077/SMK-BA/V/2019'),
|
||||
m('p', m('span.border-b.border-black', 'SURAT KETERANGAN LULUS')),
|
||||
m('p.font-normal.mt-1', 'Nomor: 061/SMK-BA/V/2019'),
|
||||
]),
|
||||
m('br'),
|
||||
m('table', [
|
||||
m('tr',
|
||||
m('td[colspan=6]', 'Yang bertanda tangan di bawah ini :')),
|
||||
m('td[colspan=6]', 'Kepala SMK Bhakti Anindya selaku Ketua Penyelenggara Ujian Sekolah Tahun Pelajaran 2019/2020 berdasarkan:')),
|
||||
m('tr', [
|
||||
m('td'),
|
||||
m('td', 'Nama'),
|
||||
m('td', ':'),
|
||||
m('td[colspan=3]', 'Drs. Engkos Kosasih, M.M.'),
|
||||
m('td[colspan=5]', '1. Ketuntasan dari seluruh program pembelajaran pada Kurikulum 2013.'),
|
||||
]),
|
||||
m('tr', [
|
||||
m('td'),
|
||||
m('td', 'Jabatan'),
|
||||
m('td', ':'),
|
||||
m('td[colspan=3]', 'Kepala Sekolah'),
|
||||
m('td[colspan=5]', '2. Kriteria Kelulusan dari satuan pendidikan sesuai dengan peraturan dan perundang-undangan.'),
|
||||
]),
|
||||
m('tr', [
|
||||
m('td'),
|
||||
m('td', 'Asal Sekolah'),
|
||||
m('td', ':'),
|
||||
m('td[colspan=3]', 'SMK Bhakti Anindya'),
|
||||
m('td[colspan=5]', '3. Rapat Pleno Dewan Pendidik tentang keluulsan pada tanggal 30 April 2020.'),
|
||||
]),
|
||||
m('tr',
|
||||
m('td',
|
||||
@@ -185,7 +180,7 @@ var component = {
|
||||
m.trust(' '))),
|
||||
m('tr', [
|
||||
m('td'),
|
||||
m('td', 'Nama'),
|
||||
m('td', 'Nama Peserta'),
|
||||
m('td', ':'),
|
||||
m('td[colspan=3]', Siswa.current.nama),
|
||||
]),
|
||||
@@ -213,31 +208,37 @@ var component = {
|
||||
m('td', ':'),
|
||||
m('td[colspan=3]', Siswa.current.kelas),
|
||||
]),
|
||||
m('tr', [
|
||||
m('td'),
|
||||
m('td', 'Bidang Studi Keahlian'),
|
||||
m('td', ':'),
|
||||
m('td[colspan=3]', Siswa.current.bsk),
|
||||
]),
|
||||
m('tr', [
|
||||
m('td'),
|
||||
m('td', 'Program Studi Keahlian'),
|
||||
m('td', ':'),
|
||||
m('td[colspan=3]', Siswa.current.psk),
|
||||
]),
|
||||
// m('tr', [
|
||||
// m('td'),
|
||||
// m('td', 'Bidang Studi Keahlian'),
|
||||
// m('td', ':'),
|
||||
// m('td[colspan=3]', Siswa.current.bsk),
|
||||
// ]),
|
||||
// m('tr', [
|
||||
// m('td'),
|
||||
// m('td', 'Program Studi Keahlian'),
|
||||
// m('td', ':'),
|
||||
// m('td[colspan=3]', Siswa.current.psk),
|
||||
// ]),
|
||||
m('tr', [
|
||||
m('td'),
|
||||
m('td', 'Kompetensi Keahlian'),
|
||||
m('td', ':'),
|
||||
m('td[colspan=3]', Siswa.current.kk),
|
||||
]),
|
||||
m('tr', [
|
||||
m('td'),
|
||||
m('td', 'Dinyatakan'),
|
||||
m('td', ':'),
|
||||
m('td[colspan=3]', m('strong.special', 'LULUS')),
|
||||
]),
|
||||
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]', '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('td[colspan=6]', 'Dengan Nilai sebagai berikut:')),
|
||||
m('tr',
|
||||
m('td',
|
||||
m.trust(' '))),
|
||||
|
||||
397
resources/js/components/SKK13HasilBelajar.js
vendored
Normal file
397
resources/js/components/SKK13HasilBelajar.js
vendored
Normal file
@@ -0,0 +1,397 @@
|
||||
import m from "mithril"
|
||||
import _isEmpty from "lodash.isempty"
|
||||
import _map from "lodash.map"
|
||||
import Siswa from "../models/Siswa"
|
||||
import AccessLog from "../models/AccessLog"
|
||||
|
||||
var component = {
|
||||
oninit: () => {
|
||||
document.title = 'Surat Keterangan Hasil Belajar K13 Siswa - SMK Bhakti Anindya';
|
||||
Siswa.current = {};
|
||||
AccessLog.fetch('sk-k13-hasil-belajar');
|
||||
},
|
||||
namaMapel: {
|
||||
'agama': 'Pendidikan Agama dan Budi Pekerti',
|
||||
'pkn': 'Pendidikan Pancasila Kewarganegaraan',
|
||||
'indo': 'Bahasa Indonesia',
|
||||
'penjas': 'Pendidikan Jasmani, Olahraga dan Kesehatan',
|
||||
'senbud': 'Seni Budaya',
|
||||
'mtk': 'Matematika',
|
||||
'inggris': 'Bahasa Inggris dan Bahasa Asing Lainnya',
|
||||
'ipa': 'Ilmu Pengetahuan Alam',
|
||||
'sejarah': 'Sejarah Indonesia',
|
||||
'fisika': 'Fisika',
|
||||
'kimia': 'Kimia',
|
||||
'simdig': 'Simulasi dan Komunikasi Digital',
|
||||
'dpk': 'Dasar Program Keahlian',
|
||||
'kk': 'Kompetensi Keahlian',
|
||||
'mandarin': 'Bahasa Mandarin',
|
||||
'eb': 'Ekonomi Bisnis',
|
||||
'au': 'Administrasi Umum',
|
||||
},
|
||||
rataRata: [],
|
||||
namaMuatan: {
|
||||
'munas': 'Muatan Nasional',
|
||||
'muwil': 'Muatan Wilayah',
|
||||
'mujur': 'Muatan Peminatan Jurusan',
|
||||
},
|
||||
// This prop is to prevent double dialog when printing,
|
||||
// caused by the print button's confirm()
|
||||
// and the beforeprint's alert()
|
||||
confirmPrint: 0,
|
||||
view: () => {
|
||||
component.rataRata = [];
|
||||
return [
|
||||
m('.header', [
|
||||
m('span.italic.text-xs', [
|
||||
'Saat ini sudah ',
|
||||
m('strong', [
|
||||
AccessLog.current.accessed,
|
||||
' / ',
|
||||
AccessLog.current.total,
|
||||
]),
|
||||
' siswa yang telah mencetak surat keterangan hasil belajar.'
|
||||
]),
|
||||
m('h1.title', 'Surat Keterangan Hasil Belajar Siswa SMK Bhakti Anindya'),
|
||||
m('span', 'Silahkan masukkan NISN dan Tanggal Lahir 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-k13-hasil-belajar',
|
||||
with: ['k13HasilBelajar', 'accessLog'],
|
||||
});
|
||||
}
|
||||
},
|
||||
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. ',
|
||||
!_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] + ' ')
|
||||
: '' : '',
|
||||
]),
|
||||
]),
|
||||
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', [
|
||||
'Tanggal lahir dengan format YYYYMMDD. Contoh: untuk tanggal 29 Mei 2000 ditulis 20000529. ',
|
||||
!_isEmpty(Siswa.error) && Siswa.error.errors.tanggalLahir != undefined ? m('span.error', Siswa.error.errors.tanggalLahir[0] + ' ') : '',
|
||||
]),
|
||||
]),
|
||||
m('button.form-submit#input-submit[type=submit]', 'Lihat'),
|
||||
])),
|
||||
_isEmpty(Siswa.current) ? null : m('.letter', [
|
||||
m('span.mobile-info', 'Untuk mencetak surat ini, harap gunakan browser di desktop PC.'),
|
||||
// !_isEmpty(Siswa.current.access_log) ? null
|
||||
// :
|
||||
m('button.print-button', {
|
||||
onclick: () => {
|
||||
// if (confirm('Surat Keterangan ini hanya dapat dicetak satu kali. Lanjutkan?')) {
|
||||
component.confirmPrint = 1;
|
||||
AccessLog.create({siswaId: Siswa.current.id, src: 'sk-k13-hasil-belajar'}).then(() => {
|
||||
AccessLog.fetch('sk-k13-hasil-belajar');
|
||||
window.print();
|
||||
})
|
||||
.catch(e => {
|
||||
if (e.code === 0) {
|
||||
AccessLog.error = {
|
||||
message: e.message,
|
||||
errors: {
|
||||
create: ['Terjadi kesalahan saat menghubungkan ke server.'],
|
||||
},
|
||||
};
|
||||
}
|
||||
else {
|
||||
AccessLog.error = JSON.parse(e.message);
|
||||
}
|
||||
});
|
||||
// }
|
||||
},
|
||||
style: {
|
||||
marginTop: '4rem'
|
||||
}
|
||||
}, [
|
||||
m.trust('⎙'),
|
||||
' Print',
|
||||
]),
|
||||
m('span', {style:{margin:'0 1rem',fontSize:'.8rem',color:'#718096',fontStyle:'italic'}}, 'Pastikan memilih kertas ukuran F4 atau US Legal agar isi SKL tidak terpotong.'),
|
||||
!_isEmpty(AccessLog.error)
|
||||
? m('span.error.ml-2', AccessLog.error.errors.create[0])
|
||||
: null,
|
||||
m('.letter__header', {
|
||||
style: {
|
||||
marginTop: '3rem'
|
||||
}
|
||||
}, [
|
||||
m('img[src=img/letter-head.jpg]'),
|
||||
]),
|
||||
m('', {
|
||||
style: {
|
||||
borderTop: '1px solid',
|
||||
height: '8px',
|
||||
borderBottom: '3px solid',
|
||||
width: '100%',
|
||||
margin: '10px 0',
|
||||
// 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('span.border-b.border-black', 'SURAT KETERANGAN LULUS')),
|
||||
m('p.font-normal.mt-1', 'Nomor: 061/SMK-BA/V/2019'),
|
||||
]),
|
||||
m('br'),
|
||||
m('table', [
|
||||
m('tr',
|
||||
m('td[colspan=6]', 'Kepala SMK Bhakti Anindya selaku Ketua Penyelenggara Ujian Sekolah Tahun Pelajaran 2019/2020 berdasarkan:')),
|
||||
m('tr', [
|
||||
m('td'),
|
||||
m('td[colspan=5]', '1. Ketuntasan dari seluruh program pembelajaran pada Kurikulum 2013.'),
|
||||
]),
|
||||
m('tr', [
|
||||
m('td'),
|
||||
m('td[colspan=5]', '2. Kriteria Kelulusan dari satuan pendidikan sesuai dengan peraturan dan perundang-undangan.'),
|
||||
]),
|
||||
m('tr', [
|
||||
m('td'),
|
||||
m('td[colspan=5]', '3. Rapat Pleno Dewan Pendidik tentang keluulsan pada tanggal 30 April 2020.'),
|
||||
]),
|
||||
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 Peserta'),
|
||||
m('td', ':'),
|
||||
m('td[colspan=3]', Siswa.current.nama),
|
||||
]),
|
||||
m('tr', [
|
||||
m('td'),
|
||||
m('td', 'Tempat / Tanggal Lahir'),
|
||||
m('td', ':'),
|
||||
m('td', Siswa.current.tempat_lahir + ' , ' + Siswa.current.tanggal_lahir),
|
||||
]),
|
||||
m('tr', [
|
||||
m('td'),
|
||||
m('td', 'NIS / NISN'),
|
||||
m('td', ':'),
|
||||
m('td', Siswa.current.nis + ' / ' + Siswa.current.nisn),
|
||||
]),
|
||||
m('tr', [
|
||||
m('td'),
|
||||
m('td', 'Nomor Peserta'),
|
||||
m('td', ':'),
|
||||
m('td[colspan=3]', Siswa.current.nopes),
|
||||
]),
|
||||
m('tr', [
|
||||
m('td'),
|
||||
m('td', 'Kelas'),
|
||||
m('td', ':'),
|
||||
m('td[colspan=3]', Siswa.current.kelas),
|
||||
]),
|
||||
// m('tr', [
|
||||
// m('td'),
|
||||
// m('td', 'Bidang Studi Keahlian'),
|
||||
// m('td', ':'),
|
||||
// m('td[colspan=3]', Siswa.current.bsk),
|
||||
// ]),
|
||||
// m('tr', [
|
||||
// m('td'),
|
||||
// m('td', 'Program Studi Keahlian'),
|
||||
// m('td', ':'),
|
||||
// m('td[colspan=3]', Siswa.current.psk),
|
||||
// ]),
|
||||
m('tr', [
|
||||
m('td'),
|
||||
m('td', 'Kompetensi Keahlian'),
|
||||
m('td', ':'),
|
||||
m('td[colspan=3]', Siswa.current.kk),
|
||||
]),
|
||||
m('tr', [
|
||||
m('td'),
|
||||
m('td', 'Dinyatakan'),
|
||||
m('td', ':'),
|
||||
m('td[colspan=3]', m('strong.special', 'LULUS')),
|
||||
]),
|
||||
// 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]', 'Dengan Nilai sebagai berikut:')),
|
||||
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', 'Nilai Ujian Sekolah'),
|
||||
m('th.short.md:w-1/5', 'US'),
|
||||
]),
|
||||
_map(Siswa.current.k13_hasil_belajar.meta.nilai, (mapel, muatan) => {
|
||||
return [
|
||||
m('tr', [
|
||||
m('th', muatan == 'munas' ? 'A.' : muatan == 'muwil' ? 'B.' : muatan == 'mujur' ? 'C.' : null),
|
||||
m('th.text-left[colspan=3]', component.namaMuatan[muatan])
|
||||
]),
|
||||
m('tbody.counter',
|
||||
_map(mapel, (nilai, nama) => {
|
||||
if (nama == 'mulok') {
|
||||
return [
|
||||
m('tr', [
|
||||
m('td.text-right'),
|
||||
m('th.text-left[colspan=2]', 'Mulok'),
|
||||
m('td.text-center')
|
||||
]),
|
||||
_map(nilai, (nl, mp) => {
|
||||
if (nl != 0) component.rataRata.push(nl);
|
||||
return nilai == 0 ? null : m('tr', [
|
||||
m('td.text-right.no-num'),
|
||||
m('td[colspan=2]', component.namaMapel[mp]),
|
||||
m('td.text-center', nl.toFixed(2))
|
||||
]);
|
||||
})
|
||||
];
|
||||
}
|
||||
else {
|
||||
if (nilai != 0) component.rataRata.push(nilai);
|
||||
return nilai == 0 ? null : m('tr', [
|
||||
m('td.text-right'),
|
||||
m('td[colspan=2]', component.namaMapel[nama]),
|
||||
m('td.text-center', nilai.toFixed(2))
|
||||
]);
|
||||
}
|
||||
}))
|
||||
];
|
||||
}),
|
||||
// m('tr', [
|
||||
// m('th', 'A.'),
|
||||
// m('th[colspan=5].text-left', 'Normatif'),
|
||||
// ]),
|
||||
// m('tbody.counter',
|
||||
// _map(Siswa.current.hasil_belajar.meta.normatif, (nilai, mapel) => {
|
||||
// if (nilai.raport != 0) component.rataRata.raport.push(nilai.raport);
|
||||
// if (nilai.usbn != 0) component.rataRata.usbn.push(nilai.usbn);
|
||||
// if (nilai.unbk != 0) component.rataRata.unbk.push(nilai.unbk);
|
||||
// return nilai.raport == 0 && nilai.usbn == 0 && nilai.unbk == 0 ? null : m('tr', [
|
||||
// m('td.text-right'),
|
||||
// m('td[colspan=2]', component.namaMapel[mapel]),
|
||||
// m('td.text-center', nilai.raport !== 0 ? nilai.raport.toFixed(2) : null),
|
||||
// m('td.text-center', nilai.usbn !== 0 ? nilai.usbn.toFixed(2) : null),
|
||||
// m('td.text-center', nilai.unbk !== 0 ? nilai.unbk.toFixed(2) : null),
|
||||
// ]);
|
||||
// })),
|
||||
// m('tr', [
|
||||
// m('th', 'B.'),
|
||||
// m('th[colspan=5].text-left', 'Adaptif'),
|
||||
// ]),
|
||||
// m('tbody.counter',
|
||||
// _map(Siswa.current.hasil_belajar.meta.adaptif, (nilai, mapel) => {
|
||||
// if (nilai.raport != 0) component.rataRata.raport.push(nilai.raport);
|
||||
// if (nilai.usbn != 0) component.rataRata.usbn.push(nilai.usbn);
|
||||
// if (nilai.unbk != 0) component.rataRata.unbk.push(nilai.unbk);
|
||||
// return nilai.raport == 0 && nilai.usbn == 0 && nilai.unbk == 0 ? null : m('tr', [
|
||||
// m('td.text-right'),
|
||||
// m('td[colspan=2]', component.namaMapel[mapel]),
|
||||
// m('td.text-center', nilai.raport !== 0 ? nilai.raport.toFixed(2) : null),
|
||||
// m('td.text-center', nilai.usbn !== 0 ? nilai.usbn.toFixed(2) : null),
|
||||
// m('td.text-center', nilai.unbk !== 0 ? nilai.unbk.toFixed(2) : null),
|
||||
// ]);
|
||||
// }),
|
||||
// m('tr', [
|
||||
// m('th', 'C.'),
|
||||
// m('th[colspan=5].text-left', 'Produktif'),
|
||||
// ])),
|
||||
// m('tbody.counter',
|
||||
// _map(Siswa.current.hasil_belajar.meta.produktif, (nilai, mapel) => {
|
||||
// if (nilai.raport != 0) component.rataRata.raport.push(nilai.raport);
|
||||
// if (nilai.usbn != 0) component.rataRata.usbn.push(nilai.usbn);
|
||||
// if (nilai.unbk != 0) component.rataRata.unbk.push(nilai.unbk);
|
||||
// return nilai.raport == 0 && nilai.usbn == 0 && nilai.unbk == 0 ? null : m('tr', [
|
||||
// m('td.text-right'),
|
||||
// m('td[colspan=2]', component.namaMapel[mapel]),
|
||||
// m('td.text-center', nilai.raport !== 0 ? nilai.raport.toFixed(2) : null),
|
||||
// m('td.text-center', nilai.usbn !== 0 ? nilai.usbn.toFixed(2) : null),
|
||||
// m('td.text-center', nilai.unbk !== 0 ? nilai.unbk.toFixed(2) : null),
|
||||
// ]);
|
||||
// })),
|
||||
// m('tr', [
|
||||
// m('th', 'D.'),
|
||||
// m('th[colspan=5].text-left', 'Mulok'),
|
||||
// ]),
|
||||
// m('tbody.counter',
|
||||
// _map(Siswa.current.hasil_belajar.meta.mulok, (nilai, mapel) => {
|
||||
// if (nilai.raport != 0) component.rataRata.raport.push(nilai.raport);
|
||||
// if (nilai.usbn != 0) component.rataRata.usbn.push(nilai.usbn);
|
||||
// if (nilai.unbk != 0) component.rataRata.unbk.push(nilai.unbk);
|
||||
// return nilai.raport == 0 && nilai.usbn == 0 && nilai.unbk == 0 ? null : m('tr', [
|
||||
// m('td.text-right'),
|
||||
// m('td[colspan=2]', component.namaMapel[mapel]),
|
||||
// m('td.text-center', nilai.raport !== 0 ? nilai.raport.toFixed(2) : null),
|
||||
// m('td.text-center', nilai.usbn !== 0 ? nilai.usbn.toFixed(2) : null),
|
||||
// m('td.text-center', nilai.unbk !== 0 ? nilai.unbk.toFixed(2) : null),
|
||||
// ]);
|
||||
// })),
|
||||
m('tr', [
|
||||
m('th[colspan=3]', 'Rata-rata'),
|
||||
m('td.text-center', (component.rataRata.reduce((total, num) => total + num) / component.rataRata.length).toFixed(2)),
|
||||
// m('td.text-center', (component.rataRata.usbn.reduce((total, num) => total + num) / component.rataRata.usbn.length).toFixed(2)),
|
||||
// m('td.text-center', (component.rataRata.unbk.reduce((total, num) => total + num) / component.rataRata.unbk.length).toFixed(2)),
|
||||
]),
|
||||
]))),
|
||||
// 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, 02 Mei 2020')),
|
||||
m('tr',
|
||||
m('td', 'Kepala Sekolah,')),
|
||||
m('tr',
|
||||
m('td',
|
||||
m('.letter__sign', { style: { height: '5rem' } },
|
||||
m('img[src=img/letter-sign-stamp.png]', {style: { maxHeight: '100%' }})))),
|
||||
m('tr',
|
||||
m('td', 'Ferdy, S.E., M.M.')),
|
||||
]),
|
||||
]),
|
||||
]),
|
||||
];
|
||||
},
|
||||
};
|
||||
|
||||
export default component;
|
||||
5
resources/js/components/SuratKelulusan.js
vendored
5
resources/js/components/SuratKelulusan.js
vendored
@@ -266,7 +266,8 @@ var component = {
|
||||
m('td', 'Kepala Sekolah,')),
|
||||
m('tr',
|
||||
m('td[colspan=3]',
|
||||
m('.letter__sign'))),
|
||||
m('.letter__sign',
|
||||
m('img[src=img/letter-sign.png]', {style: { maxHeight: '80%' }})))),
|
||||
m('tr',
|
||||
m('td[colspan=3]', 'Drs. Engkos Kosasih, M.M.')),
|
||||
]),
|
||||
@@ -274,6 +275,6 @@ var component = {
|
||||
]),
|
||||
];
|
||||
},
|
||||
};
|
||||
};
|
||||
|
||||
export default component;
|
||||
|
||||
15
resources/sass/main.scss
vendored
15
resources/sass/main.scss
vendored
@@ -3,7 +3,8 @@
|
||||
@tailwind utilities;
|
||||
|
||||
@page {
|
||||
size: 8.5in 14.0in;
|
||||
// size: 8.5in 14.0in;
|
||||
size: 8.27in 13.0in;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
@@ -100,7 +101,7 @@ span.error {
|
||||
tbody.counter {
|
||||
counter-reset: nomor;
|
||||
|
||||
td:first-child::before {
|
||||
td:not(.no-num):first-child::before {
|
||||
counter-increment: nomor;
|
||||
content: counter(nomor) ".";
|
||||
}
|
||||
@@ -111,11 +112,11 @@ span.error {
|
||||
@apply w-auto ml-auto mt-4;
|
||||
|
||||
.letter__sign {
|
||||
width: 80%;
|
||||
height: 4rem;
|
||||
background-image: url('/img/letter-sign.jpg');
|
||||
background-size: contain;
|
||||
background-repeat: no-repeat;
|
||||
// height: 120%;
|
||||
height: 6rem;
|
||||
// background-image: url('/img/letter-sign-stamp.png');
|
||||
// background-size: auto 100%;
|
||||
// background-repeat: no-repeat;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
21
resources/views/k13.blade.php
Normal file
21
resources/views/k13.blade.php
Normal file
@@ -0,0 +1,21 @@
|
||||
<!doctype html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
|
||||
<title>Hasil Belajar K13</title>
|
||||
|
||||
<!-- Fonts -->
|
||||
<link href="https://fonts.googleapis.com/css?family=Nunito:200,600" rel="stylesheet">
|
||||
|
||||
<!-- Style -->
|
||||
<link href="{{ asset('css/main.css') }}" rel="stylesheet">
|
||||
</head>
|
||||
<body>
|
||||
<div id="k13" class="container">
|
||||
</div>
|
||||
|
||||
<script src="{{ asset('js/app.js') }}"></script>
|
||||
</body>
|
||||
</html>
|
||||
@@ -4,11 +4,11 @@
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
|
||||
<title>Pendopo</title>
|
||||
<title>K13</title>
|
||||
|
||||
<!-- Fonts -->
|
||||
<link href="https://fonts.googleapis.com/css?family=Nunito:200,600" rel="stylesheet">
|
||||
|
||||
|
||||
<!-- Style -->
|
||||
<link href="{{ asset('css/main.css') }}" rel="stylesheet">
|
||||
</head>
|
||||
|
||||
Reference in New Issue
Block a user