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

updated db import, views, and api

Browse Source
This commit is contained in:
Gregorio Chiko Putra
2019-05-11 12:41:25 +07:00
parent e2ce3293e1
commit c66f26457e
8 changed files with 621 additions and 571 deletions
Download Patch File Download Diff File Expand all files Collapse all files

200
public/css/main.css vendored
View File

@@ -7544,6 +7544,10 @@ html, body {
font-size: calc(.75rem + 1vmin);
}
span.error {
color: #e53e3e;
}
.header h1 {
font-size: 1.875rem;
font-weight: 700;
@@ -7559,15 +7563,96 @@ html, body {
padding: 3rem;
}
@media (min-width: 768px) {
.header h1 {
font-size: 3rem;
}
.letter {
margin-left: auto;
margin-right: auto;
padding: 0.25rem;
color: #000;
width: 100%;
font-size: calc(.5rem + 1vmin);
}
.container {
width: 75%;
margin-top: 2rem;
}
.letter .mobile-info {
font-style: italic;
color: #718096;
display: initial;
}
.letter .print-button {
font-size: 0.75rem;
color: #fff;
background-color: #7f9cf5;
padding-left: 0.5rem;
padding-right: 0.5rem;
padding-top: 0.25rem;
padding-bottom: 0.25rem;
border-radius: 0.25rem;
display: none;
}
.letter .print-button:hover {
background-color: #667eea;
}
.letter .print-button:focus {
outline: 0;
background-color: #5a67d8;
}
.letter p {
line-height: 1.1;
}
.letter .letter__header {
text-align: center;
margin-top: 1rem;
}
.letter .letter__header img {
width: 100%;
}
.letter .letter__body-header {
text-align: center;
}
.letter ol {
list-style-type: decimal;
list-style-position: inside;
}
.letter table {
width: 100%;
}
.letter table td {
vertical-align: top;
padding-right: 0.5rem;
}
.letter table .strong {
font-weight: 700;
}
.letter table .special {
font-weight: 700;
letter-spacing: 0.1em;
font-size: 1.125rem;
font-style: italic;
}
.letter table.signature {
width: auto;
margin-left: auto;
margin-top: 1rem;
}
.letter table.signature .letter__sign {
width: 80%;
height: 4rem;
background-image: url("/img/letter-sign.jpg");
background-size: contain;
background-repeat: no-repeat;
}
.form {
@@ -7650,88 +7735,23 @@ html, body {
outline: 0;
}
.print-button {
font-size: 0.75rem;
color: #fff;
background-color: #7f9cf5;
padding-left: 0.5rem;
padding-right: 0.5rem;
padding-top: 0.25rem;
padding-bottom: 0.25rem;
border-radius: 0.25rem;
}
@media (min-width: 768px) {
.header h1 {
font-size: 3rem;
}
.print-button:hover {
background-color: #667eea;
}
.container {
width: 75%;
margin-top: 2rem;
}
.print-button:focus {
outline: 0;
background-color: #5a67d8;
}
.letter .mobile-info {
display: none;
}
.letter {
margin-left: auto;
margin-right: auto;
padding: 0.25rem;
color: #000;
width: 100%;
font-size: calc(.5rem + 1vmin);
}
.letter p {
line-height: 1.1;
}
.letter .letter__header {
text-align: center;
margin-top: 1rem;
}
.letter .letter__header img {
width: 100%;
}
.letter .letter__body-header {
text-align: center;
}
.letter ol {
list-style-type: decimal;
list-style-position: inside;
}
.letter table {
width: 100%;
}
.letter table td {
vertical-align: top;
padding-right: 0.5rem;
}
.letter table .strong {
font-weight: 700;
}
.letter table .special {
font-weight: 700;
letter-spacing: 0.1em;
font-size: 1.125rem;
font-style: italic;
}
.letter table.signature {
width: auto;
margin-left: auto;
margin-top: 1rem;
}
.letter table.signature .letter__sign {
width: 79%;
height: 4rem;
background-image: url("/img/letter-sign.jpg");
background-size: contain;
.letter .print-button {
display: initial;
}
}
@media print {
@@ -7743,7 +7763,7 @@ html, body {
margin: 1cm;
}
.container > .header, .container > .form, .print-button {
.container > .header, .container > .form, .letter .print-button, .letter .mobile-info {
display: none;
}
@@ -7762,10 +7782,6 @@ html, body {
.letter .letter__body-header {
font-size: 14px;
}
.letter table.signature .letter__sign {
height: 3.5rem;
}
}
@media (min-width: 640px) {

10
public/js/app.js vendored
View File

@@ -2377,8 +2377,7 @@ mithril__WEBPACK_IMPORTED_MODULE_0__["default"].mount(document.body.querySelecto
_models_AccessLog__WEBPACK_IMPORTED_MODULE_3__["default"].fetch();
},
view: function view() {
console.log(lodash_isempty__WEBPACK_IMPORTED_MODULE_1___default()(_models_Siswa__WEBPACK_IMPORTED_MODULE_2__["default"].current));
return [Object(mithril__WEBPACK_IMPORTED_MODULE_0__["default"])('span.italic.text-xs', ['Saat ini sudah ', Object(mithril__WEBPACK_IMPORTED_MODULE_0__["default"])('strong', [_models_AccessLog__WEBPACK_IMPORTED_MODULE_3__["default"].current.accessed, ' / ', _models_AccessLog__WEBPACK_IMPORTED_MODULE_3__["default"].current.total]), ' siswa yang telah melihat pengumuman kelulusan.']), Object(mithril__WEBPACK_IMPORTED_MODULE_0__["default"])('.header', [Object(mithril__WEBPACK_IMPORTED_MODULE_0__["default"])('h1.title', 'Pengumuman Kelulusan SMK Bhakti Anindya'), Object(mithril__WEBPACK_IMPORTED_MODULE_0__["default"])('span', 'Silahkan masukkan Nama Lengkap dan NISN kamu di bawah ini.')]), Object(mithril__WEBPACK_IMPORTED_MODULE_0__["default"])('form.form', {
return [Object(mithril__WEBPACK_IMPORTED_MODULE_0__["default"])('.header', [Object(mithril__WEBPACK_IMPORTED_MODULE_0__["default"])('span.italic.text-xs', ['Saat ini sudah ', Object(mithril__WEBPACK_IMPORTED_MODULE_0__["default"])('strong', [_models_AccessLog__WEBPACK_IMPORTED_MODULE_3__["default"].current.accessed, ' / ', _models_AccessLog__WEBPACK_IMPORTED_MODULE_3__["default"].current.total]), ' siswa yang telah melihat pengumuman kelulusan.']), Object(mithril__WEBPACK_IMPORTED_MODULE_0__["default"])('h1.title', 'Pengumuman Kelulusan SMK Bhakti Anindya'), Object(mithril__WEBPACK_IMPORTED_MODULE_0__["default"])('span', 'Silahkan masukkan Nama Lengkap dan NISN kamu di bawah ini.')]), Object(mithril__WEBPACK_IMPORTED_MODULE_0__["default"])('form.form', {
onsubmit: function onsubmit(e) {
e.preventDefault();
_models_Siswa__WEBPACK_IMPORTED_MODULE_2__["default"].cariData({
@@ -2386,7 +2385,7 @@ mithril__WEBPACK_IMPORTED_MODULE_0__["default"].mount(document.body.querySelecto
tanggalLahir: e.target.elements.tanggalLahir.value
});
}
}, Object(mithril__WEBPACK_IMPORTED_MODULE_0__["default"])('.form-grid', [Object(mithril__WEBPACK_IMPORTED_MODULE_0__["default"])('.form-group', [Object(mithril__WEBPACK_IMPORTED_MODULE_0__["default"])('label.form-label[for=input-nisn]', 'NISN'), Object(mithril__WEBPACK_IMPORTED_MODULE_0__["default"])('input.form-input.input-text#input-nisn[name=nisn][type=text][autocomplete=off][required]'), Object(mithril__WEBPACK_IMPORTED_MODULE_0__["default"])('p.input-helper', 'Nomor Induk Siswa Nasional.')]), Object(mithril__WEBPACK_IMPORTED_MODULE_0__["default"])('.form-group', [Object(mithril__WEBPACK_IMPORTED_MODULE_0__["default"])('label.form-label[for=input-tanggalLahir]', 'Tanggal Lahir'), Object(mithril__WEBPACK_IMPORTED_MODULE_0__["default"])('input.form-input.input-text#input-tanggalLahir[name=tanggalLahir][type=text][autocomplete=off][required]'), Object(mithril__WEBPACK_IMPORTED_MODULE_0__["default"])('p.input-helper', 'Tanggal lahir dengan format YYYYMMDD. Contoh: untuk tanggal 29 Mei 2000 ditulis 20000529')]), Object(mithril__WEBPACK_IMPORTED_MODULE_0__["default"])('button.form-submit[type=submit]', 'Lihat')])), Object(mithril__WEBPACK_IMPORTED_MODULE_0__["default"])(!lodash_isempty__WEBPACK_IMPORTED_MODULE_1___default()(_models_Siswa__WEBPACK_IMPORTED_MODULE_2__["default"].current) ? '.letter' : '.letter.hidden', [Object(mithril__WEBPACK_IMPORTED_MODULE_0__["default"])('button.print-button', {
}, Object(mithril__WEBPACK_IMPORTED_MODULE_0__["default"])('.form-grid', [Object(mithril__WEBPACK_IMPORTED_MODULE_0__["default"])('.form-group', [Object(mithril__WEBPACK_IMPORTED_MODULE_0__["default"])('label.form-label[for=input-nisn]', 'NISN'), Object(mithril__WEBPACK_IMPORTED_MODULE_0__["default"])('input.form-input.input-text#input-nisn[name=nisn][type=text][autocomplete=off][required]'), Object(mithril__WEBPACK_IMPORTED_MODULE_0__["default"])('p.input-helper', !lodash_isempty__WEBPACK_IMPORTED_MODULE_1___default()(_models_Siswa__WEBPACK_IMPORTED_MODULE_2__["default"].error) && _models_Siswa__WEBPACK_IMPORTED_MODULE_2__["default"].error.errors.siswa != undefined ? Object(mithril__WEBPACK_IMPORTED_MODULE_0__["default"])('span.error', _models_Siswa__WEBPACK_IMPORTED_MODULE_2__["default"].error.errors.siswa + ' ') : 'Nomor Induk Siswa Nasional.')]), Object(mithril__WEBPACK_IMPORTED_MODULE_0__["default"])('.form-group', [Object(mithril__WEBPACK_IMPORTED_MODULE_0__["default"])('label.form-label[for=input-tanggalLahir]', 'Tanggal Lahir'), Object(mithril__WEBPACK_IMPORTED_MODULE_0__["default"])('input.form-input.input-text#input-tanggalLahir[name=tanggalLahir][type=text][autocomplete=off][required]'), Object(mithril__WEBPACK_IMPORTED_MODULE_0__["default"])('p.input-helper', [!lodash_isempty__WEBPACK_IMPORTED_MODULE_1___default()(_models_Siswa__WEBPACK_IMPORTED_MODULE_2__["default"].error) && _models_Siswa__WEBPACK_IMPORTED_MODULE_2__["default"].error.errors.tanggalLahir != undefined ? Object(mithril__WEBPACK_IMPORTED_MODULE_0__["default"])('span.error', _models_Siswa__WEBPACK_IMPORTED_MODULE_2__["default"].error.errors.tanggalLahir[0] + ' ') : '', 'Tanggal lahir dengan format YYYYMMDD. Contoh: untuk tanggal 29 Mei 2000 ditulis 20000529'])]), Object(mithril__WEBPACK_IMPORTED_MODULE_0__["default"])('button.form-submit[type=submit]', 'Lihat')])), Object(mithril__WEBPACK_IMPORTED_MODULE_0__["default"])(!lodash_isempty__WEBPACK_IMPORTED_MODULE_1___default()(_models_Siswa__WEBPACK_IMPORTED_MODULE_2__["default"].current) ? '.letter' : '.letter.hidden', [Object(mithril__WEBPACK_IMPORTED_MODULE_0__["default"])('span.mobile-info', 'Untuk mencetak surat ini, harap gunakan browser di desktop PC.'), Object(mithril__WEBPACK_IMPORTED_MODULE_0__["default"])('button.print-button', {
onclick: function onclick() {
window.print();
}
@@ -2456,7 +2455,9 @@ __webpack_require__.r(__webpack_exports__);
var model = {
current: {},
error: {},
cariData: function cariData(data) {
model.current = {};
mithril__WEBPACK_IMPORTED_MODULE_0__["default"].request({
method: 'post',
url: '/api/siswa',
@@ -2464,7 +2465,8 @@ var model = {
}).then(function (response) {
model.current = response;
_AccessLog__WEBPACK_IMPORTED_MODULE_1__["default"].fetch();
console.log(model.current);
})["catch"](function (e) {
model.error = JSON.parse(e.message);
});
}
};