SMK_Kelulusan/resources/js/app.js
2019-05-17 12:01:23 +07:00

71 lines
2.9 KiB
JavaScript
Vendored

import m from "mithril"
import SuratKelulusan from "./components/SuratKelulusan"
import SKHasilBelajar from "./components/SKHasilBelajar"
import Pendopo from "./components/Pendopo"
import Siswa from "./models/Siswa"
import AccessLog from "./models/AccessLog"
if (document.body.querySelector('.container#pendopo') === null) {
m.route.prefix('#');
m.route(document.body.querySelector('.container'), '/', {
'/': SuratKelulusan,
'/hasil-belajar': SKHasilBelajar,
});
// Below is to handle Ctrl+P or MouseR->Print
window.addEventListener("beforeprint", function () {
if (m.route.get() === '/hasil-belajar') {
// If the print button did not exists, show nothing when printing
if (document.body.querySelector('button.print-button') === null)
document.body.style.display = 'none';
else {
if (!component.confirmPrint) {
alert('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');
})
.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);
}
});
}
}
}
});
window.addEventListener("afterprint", function () {
if (m.route.get() === '/hasil-belajar') {
// Give back the whole document.body
if (document.body.querySelector('button.print-button') === null)
document.body.style.display = 'block';
// Hide the print button
if (document.body.querySelector('button.print-button') !== null)
document.body.querySelector('button.print-button').style.display = 'none';
// To redraw the content to prevent printing
let nisn = document.body.querySelector('input[name=nisn]').value,
tanggalLahir = document.body.querySelector('input[name=tanggalLahir]').value;
Siswa.cariData({
nisn,
tanggalLahir,
src: 'sk-hasil-belajar',
with: ['hasilBelajar', 'accessLog'],
});
}
});
}
else {
m.mount(document.body.querySelector('.container#pendopo'), Pendopo);
}