added prodi to voucher

This commit is contained in:
Gregorio Chiko Putra 2023-05-05 15:40:23 +07:00
parent e485d07238
commit 751bf43d59
4 changed files with 48050 additions and 23 deletions

42239
public/css/main.css vendored

File diff suppressed because one or more lines are too long

5732
public/js/app.js vendored

File diff suppressed because one or more lines are too long

View File

@ -72,7 +72,7 @@ var component = {
return [ return [
m('.header', [ m('.header', [
m('h1.title', 'Surat Keterangan Hasil Belajar Siswa SMK Bhakti Anindya'), m('h1.title', 'Surat Keterangan Hasil Belajar Siswa SMK Bhakti Anindya'),
m('span', 'Silahkan masukkan Nama Lengkap dan NISN kamu di bawah ini.'), m('span', 'Silahkan masukkan NISN dan Tanggal Lahir kamu di bawah ini.'),
]), ]),
m('form.form', { m('form.form', {
onsubmit: e => { onsubmit: e => {
@ -408,7 +408,7 @@ var component = {
]), ]),
// Promosi UTPAS // Promosi UTPAS
m('.promo-utpas.pt-8.!leading-tight', [ m('.promo-utpas.pt-4.!leading-tight', [
m('.letter__header', [ m('.letter__header', [
m('img[src=img/kop-yayasan.jpg]'), m('img[src=img/kop-yayasan.jpg]'),
]), ]),
@ -416,22 +416,20 @@ var component = {
m('.text-sm', 'Selamat atas Kelulusan Anda'), m('.text-sm', 'Selamat atas Kelulusan Anda'),
]), ]),
m('p.mt-8.text-justify', 'Dengan sukacita dan kebahagiaan yang tulus, kami dari pihak SMK Bhakti Anindya dan Universitas Utpadaka Swastika mengucapkan selamat atas kelulusan Anda dari ujian sekolah. Prestasi yang telah Anda raih merupakan hasil dari kerja keras, ketekunan, dan dedikasi yang Anda tanamkan selama ini. Kami percaya bahwa keberhasilan ini tidak tercapai secara mudah, melainkan dengan perjuangan dan pengorbanan yang sungguh-sungguh.'), m('p.mt-8.text-justify', 'Dengan sukacita dan kebahagiaan yang tulus, kami dari pihak SMK Bhakti Anindya dan Universitas Utpadaka Swastika mengucapkan selamat atas kelulusan Anda dari ujian sekolah. Prestasi yang telah Anda raih merupakan hasil dari kerja keras, ketekunan, dan dedikasi yang Anda tanamkan selama ini. Kami percaya bahwa keberhasilan ini tidak tercapai secara mudah, melainkan dengan perjuangan dan pengorbanan yang sungguh-sungguh.'),
m('p.mt-2.text-justify', 'Kami berharap bahwa keberhasilan ini dapat menjadi tonggak awal bagi perjalanan hidup Anda yang lebih sukses dan berarti. Teruslah mengembangkan potensi diri, berusaha untuk menjadi pribadi yang lebih baik, serta memperdalam pengetahuan dan keterampilan yang telah Anda peroleh selama ini. Dengan semangat dan tekad yang kuat, yakinlah bahwa Anda akan dapat meraih impian dan cita-cita Anda di masa depan.'),
m('p.mt-2.text-justify', [ m('p.mt-2.text-justify', [
m('span', 'Terakhir, sebagai bentuk dukungan kami untuk mempersiapkan masa depan Anda, kami memberikan voucher pendidikan untuk melanjutkan pendidikan ke Universitas Utpadaka Swastika kepada '), m('span', 'Terakhir, sebagai bentuk dukungan kami untuk mempersiapkan masa depan Anda, kami memberikan voucher pendidikan untuk melanjutkan pendidikan ke Universitas Utpadaka Swastika kepada '),
m('span.font-bold', [ m('span.font-bold', [
Siswa.current.nama, Siswa.current.nama,
' (', ' (',
Siswa.current.nisn, Siswa.current.nisn,
')', ').',
]), ]),
m('span', ', berupa:'),
]), ]),
m('.voucher-utpas__container.mt-8.flex.flex-col.justify-around.items-center.text-center', [ m('.voucher-utpas__container.mt-8.flex.flex-col.justify-around.items-center.text-center', [
m('.voucher-utpas.border-4.rounded-lg.text-white', {style: 'border-color: #552d61;'}, [ m('.voucher-utpas.border-4.rounded-lg.text-white', {style: 'border-color: #552d61;'}, [
m('.flex.items-stretch', [ m('.flex.items-stretch', [
m('.voucher-utpas__logo.p-8.flex.items-center', m('img[src=img/logo-utpas.png][width=150px]')), m('.voucher-utpas__logo.p-4.flex.items-center', m('img[src=img/logo-utpas.png][width=150px]')),
m('.voucher-utpas__content.p-8.pl-12.grow', {style: 'background-color: #552d61;'}, [ m('.voucher-utpas__content.p-4.pl-12.grow', {style: 'background-color: #552d61;'}, [
m('p.text-xs', [ m('p.text-xs', [
'Penerima: ', 'Penerima: ',
Siswa.current.nama, Siswa.current.nama,
@ -439,15 +437,34 @@ var component = {
m('h3.voucher-utpas__header.text-sm', 'Voucher Pendidikan Program Sarjana'), m('h3.voucher-utpas__header.text-sm', 'Voucher Pendidikan Program Sarjana'),
m('p.text-xs', 'sebesar'), m('p.text-xs', 'sebesar'),
m('h4.voucher-utpas__body.text-xl.font-bold.mt-2', 'Rp25.000.000,-'), m('h4.voucher-utpas__body.text-xl.font-bold.mt-2', 'Rp25.000.000,-'),
m('p.text-xs', '(Dua Puluh Lima Juta Rupiah)') m('p.text-xs', '(Dua Puluh Lima Juta Rupiah)'),
m('table.table-auto.text-left.mt-4', [
m('thead', [
m('tr', [
m('th[colspan=3].font-normal', 'Berlaku untuk Program Studi:')
]),
]),
m('tbody', [
m('tr', [
m('td', 'Akuntansi'),
m('td', 'Manajemen'),
m('td', 'Hukum'),
]),
m('tr', [
m('td', 'Sistem Informasi'),
m('td', 'Teknologi Informasi'),
m('td', 'Desain Komunikasi Visual'),
]),
]),
]),
]), ]),
]), ]),
]), ]),
m('p.text-xs.my-4', 'atau'), m('p.text-xs.my-4', 'atau'),
m('.voucher-utpas.border-4.rounded-lg.text-white', {style: 'border-color: #552d61;'}, [ m('.voucher-utpas.border-4.rounded-lg.text-white', {style: 'border-color: #552d61;'}, [
m('.flex.items-stretch', [ m('.flex.items-stretch', [
m('.voucher-utpas__logo.p-8.flex.items-center', m('img[src=img/logo-utpas.png][width=150px]')), m('.voucher-utpas__logo.p-4.flex.items-center', m('img[src=img/logo-utpas.png][width=150px]')),
m('.voucher-utpas__content.p-8.pl-12.grow', {style: 'background-color: #552d61;'}, [ m('.voucher-utpas__content.p-4.pl-12.grow', {style: 'background-color: #552d61;'}, [
m('p.text-xs', [ m('p.text-xs', [
'Penerima: ', 'Penerima: ',
Siswa.current.nama, Siswa.current.nama,
@ -455,7 +472,20 @@ var component = {
m('h3.voucher-utpas__header.text-sm', 'Voucher Pendidikan Program Diploma 3'), m('h3.voucher-utpas__header.text-sm', 'Voucher Pendidikan Program Diploma 3'),
m('p.text-xs', 'sebesar'), m('p.text-xs', 'sebesar'),
m('h4.voucher-utpas__body.text-xl.font-bold.mt-2', 'Rp18.000.000,-'), m('h4.voucher-utpas__body.text-xl.font-bold.mt-2', 'Rp18.000.000,-'),
m('p.text-xs', '(Delapan Belas Juta Rupiah)') m('p.text-xs', '(Delapan Belas Juta Rupiah)'),
m('table.table-auto.text-left.mt-4', [
m('thead', [
m('tr', [
m('th[colspan=3].font-normal', 'Berlaku untuk Program Studi:')
]),
]),
m('tbody', [
m('tr', [
m('td', 'Manajemen Administrasi'),
m('td', 'Sekretari'),
]),
]),
]),
]), ]),
]), ]),
]), ]),

View File

@ -127,7 +127,7 @@ var component = {
m.trust('⎙'), m.trust('⎙'),
' Print', ' Print',
]), ]),
m('span.print-info', {style:{margin:'0 1rem',fontSize:'.8rem',color:'#718096',fontStyle:'italic'}}, 'Pastikan memilih kertas ukuran F4 atau US Legal agar isi SKL tidak terpotong.'), m('span.print-info', {style:{margin:'0 1rem',fontSize:'.8rem',color:'#718096',fontStyle:'italic'}}, 'Pastikan memilih kertas ukuran F4 atau US Legal dengan ketebalan kertas 80gr agar isi SKL tidak terpotong.'),
!_isEmpty(AccessLog.error) !_isEmpty(AccessLog.error)
? m('span.error.ml-2', AccessLog.error.errors.create[0]) ? m('span.error.ml-2', AccessLog.error.errors.create[0])
: null, : null,
@ -428,22 +428,20 @@ var component = {
m('.text-sm', 'Selamat atas Kelulusan Anda'), m('.text-sm', 'Selamat atas Kelulusan Anda'),
]), ]),
m('p.mt-8.text-justify', 'Dengan sukacita dan kebahagiaan yang tulus, kami dari pihak SMK Bhakti Anindya dan Universitas Utpadaka Swastika mengucapkan selamat atas kelulusan Anda dari ujian sekolah. Prestasi yang telah Anda raih merupakan hasil dari kerja keras, ketekunan, dan dedikasi yang Anda tanamkan selama ini. Kami percaya bahwa keberhasilan ini tidak tercapai secara mudah, melainkan dengan perjuangan dan pengorbanan yang sungguh-sungguh.'), m('p.mt-8.text-justify', 'Dengan sukacita dan kebahagiaan yang tulus, kami dari pihak SMK Bhakti Anindya dan Universitas Utpadaka Swastika mengucapkan selamat atas kelulusan Anda dari ujian sekolah. Prestasi yang telah Anda raih merupakan hasil dari kerja keras, ketekunan, dan dedikasi yang Anda tanamkan selama ini. Kami percaya bahwa keberhasilan ini tidak tercapai secara mudah, melainkan dengan perjuangan dan pengorbanan yang sungguh-sungguh.'),
m('p.mt-2.text-justify', 'Kami berharap bahwa keberhasilan ini dapat menjadi tonggak awal bagi perjalanan hidup Anda yang lebih sukses dan berarti. Teruslah mengembangkan potensi diri, berusaha untuk menjadi pribadi yang lebih baik, serta memperdalam pengetahuan dan keterampilan yang telah Anda peroleh selama ini. Dengan semangat dan tekad yang kuat, yakinlah bahwa Anda akan dapat meraih impian dan cita-cita Anda di masa depan.'),
m('p.mt-2.text-justify', [ m('p.mt-2.text-justify', [
m('span', 'Terakhir, sebagai bentuk dukungan kami untuk mempersiapkan masa depan Anda, kami memberikan voucher pendidikan untuk melanjutkan pendidikan ke Universitas Utpadaka Swastika kepada '), m('span', 'Terakhir, sebagai bentuk dukungan kami untuk mempersiapkan masa depan Anda, kami memberikan voucher pendidikan untuk melanjutkan pendidikan ke Universitas Utpadaka Swastika kepada '),
m('span.font-bold', [ m('span.font-bold', [
Siswa.current.nama, Siswa.current.nama,
' (', ' (',
Siswa.current.nisn, Siswa.current.nisn,
')', ').',
]), ]),
m('span', ', berupa:'),
]), ]),
m('.voucher-utpas__container.mt-8.flex.flex-col.justify-around.items-center.text-center', [ m('.voucher-utpas__container.mt-8.flex.flex-col.justify-around.items-center.text-center', [
m('.voucher-utpas.border-4.rounded-lg.text-white', {style: 'border-color: #552d61;'}, [ m('.voucher-utpas.border-4.rounded-lg.text-white', {style: 'border-color: #552d61;'}, [
m('.flex.items-stretch', [ m('.flex.items-stretch', [
m('.voucher-utpas__logo.p-8.flex.items-center', m('img[src=img/logo-utpas.png][width=150px]')), m('.voucher-utpas__logo.p-4.flex.items-center', m('img[src=img/logo-utpas.png][width=150px]')),
m('.voucher-utpas__content.p-8.pl-12.grow', {style: 'background-color: #552d61;'}, [ m('.voucher-utpas__content.p-4.pl-12.grow', {style: 'background-color: #552d61;'}, [
m('p.text-xs', [ m('p.text-xs', [
'Penerima: ', 'Penerima: ',
Siswa.current.nama, Siswa.current.nama,
@ -451,15 +449,34 @@ var component = {
m('h3.voucher-utpas__header.text-sm', 'Voucher Pendidikan Program Sarjana'), m('h3.voucher-utpas__header.text-sm', 'Voucher Pendidikan Program Sarjana'),
m('p.text-xs', 'sebesar'), m('p.text-xs', 'sebesar'),
m('h4.voucher-utpas__body.text-xl.font-bold.mt-2', 'Rp25.000.000,-'), m('h4.voucher-utpas__body.text-xl.font-bold.mt-2', 'Rp25.000.000,-'),
m('p.text-xs', '(Dua Puluh Lima Juta Rupiah)') m('p.text-xs', '(Dua Puluh Lima Juta Rupiah)'),
m('table.table-auto.text-left.mt-4', [
m('thead', [
m('tr', [
m('th[colspan=3].font-normal', 'Berlaku untuk Program Studi:')
]),
]),
m('tbody', [
m('tr', [
m('td', 'Akuntansi'),
m('td', 'Manajemen'),
m('td', 'Hukum'),
]),
m('tr', [
m('td', 'Sistem Informasi'),
m('td', 'Teknologi Informasi'),
m('td', 'Desain Komunikasi Visual'),
]),
]),
]),
]), ]),
]), ]),
]), ]),
m('p.text-xs.my-4', 'atau'), m('p.text-xs.my-4', 'atau'),
m('.voucher-utpas.border-4.rounded-lg.text-white', {style: 'border-color: #552d61;'}, [ m('.voucher-utpas.border-4.rounded-lg.text-white', {style: 'border-color: #552d61;'}, [
m('.flex.items-stretch', [ m('.flex.items-stretch', [
m('.voucher-utpas__logo.p-8.flex.items-center', m('img[src=img/logo-utpas.png][width=150px]')), m('.voucher-utpas__logo.p-4.flex.items-center', m('img[src=img/logo-utpas.png][width=150px]')),
m('.voucher-utpas__content.p-8.pl-12.grow', {style: 'background-color: #552d61;'}, [ m('.voucher-utpas__content.p-4.pl-12.grow', {style: 'background-color: #552d61;'}, [
m('p.text-xs', [ m('p.text-xs', [
'Penerima: ', 'Penerima: ',
Siswa.current.nama, Siswa.current.nama,
@ -467,7 +484,20 @@ var component = {
m('h3.voucher-utpas__header.text-sm', 'Voucher Pendidikan Program Diploma 3'), m('h3.voucher-utpas__header.text-sm', 'Voucher Pendidikan Program Diploma 3'),
m('p.text-xs', 'sebesar'), m('p.text-xs', 'sebesar'),
m('h4.voucher-utpas__body.text-xl.font-bold.mt-2', 'Rp18.000.000,-'), m('h4.voucher-utpas__body.text-xl.font-bold.mt-2', 'Rp18.000.000,-'),
m('p.text-xs', '(Delapan Belas Juta Rupiah)') m('p.text-xs', '(Delapan Belas Juta Rupiah)'),
m('table.table-auto.text-left.mt-4', [
m('thead', [
m('tr', [
m('th[colspan=3].font-normal', 'Berlaku untuk Program Studi:')
]),
]),
m('tbody', [
m('tr', [
m('td', 'Manajemen Administrasi'),
m('td', 'Sekretari'),
]),
]),
]),
]), ]),
]), ]),
]), ]),