Asal Sekolah :
\n{ this.props.sekolah }
\nNama Siswa :
\n{this.props.nama}
\nAsal Sekolah :
\n{notif.nama_institusi} - {this.state.data_session.npsn}
\nNama Siswa :
\n{notif.nama}
\nAsal Sekolah :
\n{notif.nama_institusi} - {this.state.data_session.npsn}
\nNama Siswa :
\n{notif.nama}
\nInformasi
\n{localStorage.getItem(\"alert\")}
\n\n Schoolmedia merupakan website aplikasi pendidikan yang dilengkapi dengan network sosial. Schoolmedia menghubungkan masyarakat dengan komunitas sekolah untuk saling berbagi pengetahuan. Schoolmedia tempat bertemunya lembaga dan individu antara guru, siswa, orang tua, alumni sekolah, personil lembaga, maupun masyarakat umum untuk saling berinteraksi dan saling memberikan manfaat.\n
\n\n Connecting People with School Communities\n
\n© 2018 Schoolmedia. All rights reserved
\nInformasi
\n{localStorage.getItem(\"alert\")}
\n\n Schoolmedia merupakan website aplikasi pendidikan yang dilengkapi dengan network sosial. Schoolmedia menghubungkan masyarakat dengan komunitas sekolah untuk saling berbagi pengetahuan. Schoolmedia tempat bertemunya lembaga dan individu antara guru, siswa, orang tua, alumni sekolah, personil lembaga, maupun masyarakat umum untuk saling berinteraksi dan saling memberikan manfaat.\n
\n\n Connecting People with School Communities\n
\n© 2018 Schoolmedia. All rights reserved
\n\n Periksa koneksi anda dan refresh halaman ini.\n
\nRefresh
\n \n| No | */}\n {this.tableHeads()}\n
|---|
| \n KODE\n | \n\n KMP\n | \n\n KODE\n | \n\n JKMP\n | \n\n KODE\n | \n\n MATA PELAJARAN\n | \n\n INDEKS MPK\n | \n\n KUOTA SEMESTER 1\n | \n\n KUOTA SEMESTER 2\n | \n
|---|---|---|---|---|---|---|---|---|
| \n KODE\n | \n\n KMP\n | \n\n KODE\n | \n\n JKMP\n | \n\n KODE\n | \n\n MATA PELAJARAN\n | \n\n INDEKS MPK\n | \n\n KUOTA SEMESTER 1\n | \n\n KUOTA SEMESTER 2\n | \n
|---|---|---|---|---|---|---|---|---|
| \n KODE\n | \n\n KMP\n | \n\n KODE\n | \n\n JKMP\n | \n\n KODE\n | \n\n MATA PELAJARAN\n | \n\n INDEKS MPK\n | \n\n KUOTA SEMESTER 1\n | \n\n KUOTA SEMESTER 2\n | \n
|---|
| \n KODE\n | \n\n KMP\n | \n\n KODE\n | \n\n JKMP\n | \n\n KODE\n | \n\n MATA PELAJARAN\n | \n\n INDEKS MPK\n | \n\n KUOTA SEMESTER 1\n | \n\n KUOTA SEMESTER 2\n | \n
|---|
Pilih filter secara berurutan
\n ) : (\"\")\n )}\n| \n KODE\n | \n {/*\n KMP\n | */}\n\n KODE\n | \n\n JKMP\n | \n\n KODE\n | \n\n MATA PELAJARAN\n | \n {/*\n INDEKS MPK\n | \n\n KUOTA SEMESTER 1\n | \n\n KUOTA SEMESTER 2\n | */}\n\n Aksi\n | \n
|---|
| \n KODE\n | \n\n KMP\n | \n\n KODE\n | \n\n JKMP\n | \n\n KODE\n | \n\n MATA PELAJARAN\n | \n\n INDEKS MPK\n | \n\n KUOTA SEMESTER 1\n | \n\n KUOTA SEMESTER 2\n | \n
|---|---|---|---|---|---|---|---|---|
Pilih filter secara berurutan
\n ) : (\"\")\n )}\n| \n KODE\n | \n\n KMP\n | \n\n KODE\n | \n\n JKMP\n | \n\n KODE\n | \n\n MATA PELAJARAN\n | \n\n INDEKS MPK\n | \n\n KUOTA SEMESTER 1\n | \n\n KUOTA SEMESTER 2\n | \n
|---|---|---|---|---|---|---|---|---|
\n Pilih filter secara berurutan\n
\n )}\n| INDEKS LAHAN | \nDESKRIPSI LAHAN | \n \n \n {this.state.detail.map((lahan, index) => (\n
|---|---|
| {lahan.indeks_lahan} | \n{lahan.deskripsi_lahan} | \n
{date+\"-\"+month+\"-\"+year}
);\n } else {\n return (Tidak Diketahui
);\n }\n },\n\n total_luas: (col, data) => {\n var terbuka = col.luas_terbuka;\n var terbangun = col.luas_terbangun;\n\n var total = terbuka + terbangun;\n\n return ({total}
);\n },\n\n aksi:(col, data) => {\n return (\nPilih Lahan dan klik tombol
\n {this.state.checkAll == false ? (\n \n ) : (\n \n )}\n| INDEKS BANGUNAN | \nDESKRIPSI BANGUNAN | \n \n \n {this.state.detail.map((bangunan, index) => (\n
|---|---|
| {bangunan.indeks_bangunan} | \n{bangunan.deskripsi_bangunan} | \n
{date+\"-\"+month+\"-\"+year}
);\n } else {\n return (Tidak Diketahui
);\n }\n },\n\n luas_lantai2:(col, data) => {\n return(Pilih bangunan dan klik tombol
\n {this.state.checkAll == false ? (\n \n ) : (\n \n )}\nUntuk melihat referensi Lahan Klik detail
\n {this.state.loading_sarana ?| Nama Sarana | \nJenis Sarana | \nRasio | \nDeskripsi Sarana | \n \n \n {this.state.data_sarana.map((sarana, index) => (\n
|---|---|---|---|
{sarana.nama_sarana} | \n {sarana.jenis_sarana} | \n {sarana.rasio} | \n {sarana.deskripsi_sarana} | \n
| Kode Prasarana | \nDeskripsi Prasarana | \n \n \n {this.state.data_prasarana.map((prasarana, index) => (\n
|---|---|
{prasarana.kode_prasarana} | \n {prasarana.deskripsi_prasarana} | \n
{date+\"-\"+month+\"-\"+year}
);\n } else {\n return (Tidak Diketahui
);\n }\n },\n\n aksi:(col, data) => {\n return (\nPilih Ruang dan klik tombol
\n {this.state.checkAll == false ? (\n \n ) : (\n \n )}\nSesuai Standar
);\n }\n if(keterangan < 0){\n return (Belum Sesuai Standar
);\n }\n if(keterangan > 0){\n return (Melebihi Standar
);\n }\n },\n }}\n url={this.state.url}\n columns={[\n {\n index: \"nama_ruang\",\n label: \"Jenis Ruang\",\n },\n {\n index: \"indeks_ruang\",\n label: \"Kode\",\n },\n {\n index: \"jumlah_standar\",\n label: \"Jumlah Sesuai Standart\",\n },\n {\n index: \"jumlah_eksisting\",\n label: \"JUMLAH EKSISTING\",\n },\n {\n index: \"selisih\",\n label: \"Selisih\",\n },\n {\n index: \"keterangan\",\n label: \"keterangan\",\n },\n ]}\n />\nNulla vitae elit libero, a pharetra augue mollis interdum.
\nLorem ipsum dolor sit amet, consectetur adipiscing elit.
\nNama: {image.name}
\nTipe: {image.type}
\nUkuran: {image.size} KB
\nJika Menggunakan Kode Pendaftaran
\nJika Menggunakan Nama File
\nTarik gambar atau klik untuk memilih gambar
\n {children}\n \n \n );\n}\n","import React from \"react\";\nimport DataTable from \"./../../partials/table/DataTables.js\";\nimport conf from \"./../../../config.js\";\nimport axios from \"axios\";\nimport tokenApi from \"../../auth/Helpers\";\nimport { Modal, Carousel } from \"react-bootstrap\";\nimport Tooltip from \"react-bootstrap/Tooltip\";\nimport OverlayTrigger from \"react-bootstrap/OverlayTrigger\";\nimport SweetAlert from \"sweetalert2-react\";\nimport Select from \"react-select\";\nimport ModalPelajari from \"./../../partials/ModalPelajari.js\";\nimport ModalDropZoneImage from \"../../partials/ModalDropZoneImage\";\nimport { Tab, Tabs } from \"react-bootstrap\";\nimport swal from \"sweetalert2\";\n\nimport \"react-datepicker/dist/react-datepicker.css\";\nimport {\n UserEditSkeleton,\n UserDetailSkeleton,\n UserButtonLoading,\n} from \"../../partials/loadings/ComponentLoading.js\";\nimport Skeleton from \"react-loading-skeleton\";\n\n// select style\nconst selectStyles = {\n control: (styles) => ({\n ...styles,\n borderRadius: \"100px\",\n minWidth: \"15rem\",\n }),\n};\n\nexport default class Guru extends React.Component {\n constructor(props) {\n super(props);\n this.state = {\n // url api\n url_table: `${conf.uri_backend}api/v1/user/table/GU/`,\n url_count_table: `${conf.uri_backend}api/v1/user/count_table/GU`,\n url_create: `${conf.uri_backend}api/v1/user/create/GU`,\n url_get_user: `${conf.uri_backend}api/v1/user/edit/GU/`,\n url_update: `${conf.uri_backend}api/v1/user/update/GU`,\n url_detail: `${conf.uri_backend}api/v1/user/edit/GU/`,\n url_token_user: `${conf.uri_backend}api/v1/user/update_token/GU`,\n url_generate_all_token: `${conf.uri_backend}api/v1/user/generate-all-token/GU`,\n url_table_token: `${conf.uri_backend}api/v1/user/table_token/GU`,\n url_print_token: `${conf.uri_backend}api/v1/user/generete_token/GU`,\n url_export_data: `${conf.uri_backend}api/v1/user/export/GU/`,\n url_import_data: `${conf.uri_backend}api/v1/user/import/GU`,\n url_save_import_data: `${conf.uri_backend}api/v1/user/import_save/GU/`,\n url_delete: `${conf.uri_backend}api/v1/user/GU/`,\n url_delete_m: `${conf.uri_backend}api/v1/user/user_destroy/GU`,\n url_send_mail: `${conf.uri_backend}api/v1/user/send_mail_activation/GU`,\n url_send_wa: `${conf.uri_backend}api/v1/user/send_wa_activation/GU`,\n // modal\n modal_tambah: false,\n modal_detail: false,\n modal_cetak: false,\n modal_import: false,\n modal_preview_import: false,\n modal_pelajari: false,\n modal_image: false,\n\n // var data\n id_generate: \"\",\n nik: \"\",\n user_id: \"\",\n nama: \"\",\n username: \"\",\n email: \"\",\n password: \"\",\n jenis_kelamin: \"\",\n tanggal_lahir: \"\",\n no_telepon: \"\",\n startDate: new Date(),\n import_file: \"\",\n tahunSekarang: new Date().getFullYear(),\n // session var\n institusi_id_select: \"\",\n jenjang_id_select: \"\",\n npsn_id_select: \"\",\n data_session: [],\n // gender array\n jenis_kelamin_text: [\"Perempuan\", \"Laki - laki\"],\n // for data modal\n data_print: [],\n data_detail: [],\n data_preview: [],\n // alert\n show_alert: false,\n title_alert: \"\",\n message_alert: \"\",\n icon_alert: \"\",\n // search and filter\n searchText: \"\",\n mode_show: 10,\n query: \"\",\n simpleLoading: false,\n totalUser: \"\",\n queryToken: \"\",\n mode_show_token: 10,\n searchToken: \"\",\n tombolToken: true,\n isChecked: false,\n check_item: false,\n checkAll: false,\n loading_check: false,\n selectStatus: \"\",\n loading_generate_token: false,\n loading_mail: false,\n };\n\n // Edit Function\n this.update = this.update.bind(this);\n this.showModalEdit = this.showModalEdit.bind(this);\n this.hideModalEdit = this.hideModalEdit.bind(this);\n\n // Create Funtion\n this.showModalTambah = this.showModalTambah.bind(this);\n this.hideModalTambah = this.hideModalTambah.bind(this);\n this.nama = this.nama.bind(this);\n this.username = this.username.bind(this);\n this.email = this.email.bind(this);\n this.password = this.password.bind(this);\n this.nik = this.nik.bind(this);\n this.jenis_kelamin = this.jenis_kelamin.bind(this);\n this.tanggal_lahir = this.tanggal_lahir.bind(this);\n this.no_telepon = this.no_telepon.bind(this);\n this.create = this.create.bind(this);\n\n // Delete Function\n this.delete = this.delete.bind(this);\n\n // Token Function\n this.generate_token = this.generate_token.bind(this);\n this.generateAllToken = this.generateAllToken.bind(this);\n this.id_generate = this.id_generate.bind(this);\n\n // Detail Function\n this.showModalDetail = this.showModalDetail.bind(this);\n this.hideModalDetail = this.hideModalDetail.bind(this);\n\n // Cetak Function\n this.showModalCetak = this.showModalCetak.bind(this);\n this.hideModalCetak = this.hideModalCetak.bind(this);\n this.printToken = this.printToken.bind(this);\n this.showTableToken = this.showTableToken.bind(this);\n\n // Export Function\n this.export = this.export.bind(this);\n\n // Import Function\n this.showModalImport = this.showModalImport.bind(this);\n this.hideModalImport = this.hideModalImport.bind(this);\n this.import_file = this.import_file.bind(this);\n this.import = this.import.bind(this);\n\n // Preview Import Function\n this.showModalPrevImport = this.showModalPrevImport.bind(this);\n this.hideModalPrevImport = this.hideModalPrevImport.bind(this);\n this.simpanImport = this.simpanImport.bind(this);\n\n // Dropzone image\n this.showModalDropzoneImage = this.showModalDropzoneImage.bind(this);\n this.hideModalDropzoneImage = this.hideModalDropzoneImage.bind(this);\n\n // filter and search\n this.searchText = this.searchText.bind(this);\n this.resetSearch = this.resetSearch.bind(this); // for reset filter\n\n //Function\n this.showModalPelajari = this.showModalPelajari.bind(this);\n this.hideModalPelajari = this.hideModalPelajari.bind(this);\n\n this.pilihSemua = this.pilihSemua.bind(this);\n this.showMode = this.showMode.bind(this);\n this.showModeToken = this.showModeToken.bind(this);\n this.showCount = this.showCount.bind(this);\n\n this.checkAll = this.checkAll.bind(this);\n this.unCheckAll = this.unCheckAll.bind(this);\n this.deleteMulti = this.deleteMulti.bind(this);\n this.sendMailActivation = this.sendMailActivation.bind(this);\n this.sendWAActivation = this.sendWAActivation.bind(this);\n }\n\n componentDidMount() {\n // get session user\n if (localStorage.getItem(\"token\") !== null) {\n axios\n .post(`${conf.uri_backend}api/v1/auth/sso/user`, {\n token: localStorage.getItem(\"token\"),\n })\n .then((res) => {\n this.setState({ data_session: res.data }, function() {\n axios\n .get(\n `${conf.uri_backend}api/v1/select-institusi/` +\n this.state.data_session.access_to,\n { headers: { Authorization: tokenApi } }\n )\n .then((res) => {\n this.setState(\n {\n institusi_id_select: res.data.id,\n jenjang_id_select: res.data.m_struktur_jenjang_id,\n npsn_id_select: res.data.npsn,\n },\n function() {\n this.dt.fetchEntities(\n `&paginate=${this.state.mode_show}&query=${this.state.query}`\n );\n this.showCount();\n }\n );\n });\n });\n });\n }\n }\n\n showCount() {\n axios\n .get(\n this.state.url_count_table +\n \"?institusi=\" +\n this.state.institusi_id_select,\n { headers: { Authorization: tokenApi } }\n )\n .then((res) => {\n this.setState({ totalUser: res.data });\n });\n }\n\n showMode(num) {\n this.setState({ mode_show: num }, function() {\n this.dt.resetPage(\n `&paginate=${this.state.mode_show}&query=${this.state.query}`\n );\n this.dt.loading();\n });\n }\n\n showModeToken(num) {\n this.setState({ mode_show_token: num }, function() {\n this.dtt.resetPage(\n `&paginate=${this.state.mode_show_token}&search=${this.state.searchToken}`\n );\n this.dtt.loading();\n this.setState({ loading_saveprint: false });\n });\n }\n\n // Bind data\n nama(e) {\n this.setState({ nama: e.target.value });\n }\n username(e) {\n this.setState({ username: e.target.value });\n }\n email(e) {\n this.setState({ email: e.target.value });\n }\n password(e) {\n this.setState({ password: e.target.value });\n }\n\n nik(e) {\n this.setState({ nik: e.target.value });\n }\n\n jenis_kelamin(e) {\n this.setState({ jenis_kelamin: e.target.value });\n }\n\n tanggal_lahir(e) {\n this.setState({\n tanggal_lahir: e.target.value,\n startDate: e.target.value,\n });\n }\n\n no_telepon(e) {\n this.setState({ no_telepon: e.target.value });\n }\n\n id_generate(e) {\n this.setState({ id_generate: e.target.value });\n }\n\n import_file(e) {\n this.setState({ import_file: e.target.files[0] });\n }\n\n // Create Funtion\n showModalTambah() {\n this.setState({ modal_tambah: true });\n }\n\n hideModalTambah() {\n this.setState({\n modal_tambah: false,\n nama: \"\",\n nik: \"\",\n jenis_kelamin: \"\",\n tanggal_lahir: \"\",\n no_telepon: \"\",\n });\n }\n\n alertMessage(e) {\n let message = null;\n\n switch (e.status) {\n case 422:\n message = e.data.messages[0];\n break;\n case 500:\n message =\n \"Ada yang Salah, Coba Beberapa Saat Lagi atau Segera Hubungi Admin 😊\";\n break;\n case 404:\n message = \"Url Not Found, Coba Hubungi Admin 😊\";\n break;\n case 401:\n message =\n \"Nauthorized, Coba Beberapa Saat Lagi atau Segera Hubungi Admin 😊\";\n break;\n case 400:\n message =\n \"Koneksi Buruk, Coba Beberapa Saat Lagi atau Segera Hubungi Admin 😊\";\n break;\n case 408:\n message =\n \"Request Timeout, Coba Beberapa Saat Lagi atau Segera Hubungi Admin 😊\";\n break;\n case 429:\n message =\n \"Too Many Request, Coba Beberapa Saat Lagi atau Segera Hubungi Admin 😊\";\n break;\n case 405:\n message =\n \"Method Tidak Diperbolehkan, Coba Beberapa Saat Lagi atau Segera Hubungi Admin 😊\";\n break;\n }\n\n this.setState({\n show_alert: true,\n title_alert: \"Gagal\",\n icon_alert: \"error\",\n message_alert: message,\n simpleLoading: false,\n loading_delete: false,\n });\n }\n\n create(event) {\n event.preventDefault();\n\n this.setState({ simpleLoading: true });\n\n axios.post(\n this.state.url_create,\n {\n username: this.state.username,\n email: this.state.email,\n password: this.state.password,\n nama: this.state.nama,\n kode_pendaftaran: this.state.nik,\n no_handphone: this.state.no_telepon,\n jenis_kelamin: this.state.jenis_kelamin,\n tanggal_lahir: this.state.tanggal_lahir,\n created_at: new Date(),\n user_institusi_id: this.state.institusi_id_select,\n created_by: this.state.institusi_id_select,\n type: \"guru\",\n },\n { headers: { Authorization: tokenApi } }\n )\n .then((res) => {\n this.setState({\n show_alert: true,\n title_alert: \"Berhasil\",\n icon_alert: \"success\",\n message_alert: res.data.messages[0],\n simpleLoading: false,\n });\n this.hideModalTambah();\n this.dt.fetchEntities(\n `&paginate=${this.state.mode_show}&query=${this.state.query}`\n );\n this.dt.loadingCreate();\n })\n .catch((err) => {\n this.alertMessage(err.response);\n });\n }\n\n // Edit Funtion\n showModalEdit(id) {\n this.setState({\n modal_edit: true,\n loading_edit: true,\n });\n axios\n .get(this.state.url_get_user + id, {\n headers: { Authorization: tokenApi },\n })\n .then((res) => {\n if (res.data.status == true) {\n var data = res.data.data;\n this.setState({\n id_edit: data.id,\n nik: data.kode_pendaftaran,\n nama: data.nama,\n username: data.username,\n email: data.email,\n jenis_kelamin: data.jenis_kelamin,\n tanggal_lahir: data.tanggal_lahir,\n no_telepon: data.no_handphone,\n loading_edit: false,\n });\n }\n });\n }\n\n hideModalEdit() {\n this.setState({\n modal_edit: false,\n nama: \"\",\n nik: \"\",\n jenis_kelamin: \"\",\n tanggal_lahir: \"\",\n no_telepon: \"\",\n });\n }\n\n update(event) {\n event.preventDefault();\n\n this.setState({ simpleLoading: true });\n if (\n this.state.nama === \"\" ||\n this.state.nik === \"\" ||\n this.state.jenis_kelamin === \"\" ||\n this.state.tanggal_lahir === \"\"\n ) {\n this.setState({\n show_alert: true,\n title_alert: \"Gagal\",\n icon_alert: \"error\",\n message_alert: \"Isi form dengan benar\",\n simpleLoading: false,\n });\n } else {\n axios\n .put(\n this.state.url_update,\n {\n id: this.state.id_edit,\n nama: this.state.nama,\n email: this.state.email,\n username: this.state.username,\n password: this.state.password,\n kode_pendaftaran: this.state.nik,\n no_handphone: this.state.no_telepon,\n jenis_kelamin: this.state.jenis_kelamin,\n tanggal_lahir: this.state.tanggal_lahir,\n // updated_at : new Date(),\n type: \"guru\",\n updated_by: this.state.institusi_id_select,\n },\n { headers: { Authorization: tokenApi } }\n )\n .then((res) => {\n this.setState({\n show_alert: true,\n title_alert: \"Berhasil\",\n icon_alert: \"success\",\n message_alert: res.data.messages[0],\n simpleLoading: false,\n });\n this.hideModalEdit();\n this.dt.fetchEntities(\n `&paginate=${this.state.mode_show}&query=${this.state.query}`\n );\n })\n .catch((err) => {\n this.alertMessage(err.response);\n });\n }\n }\n\n // Delete Guru\n delete(data) {\n this.setState({ loading_delete: true });\n\n swal\n .fire({\n title: \"Peringatan\",\n text: \"Apakah anda yakin menghapus user guru tersebut?\",\n icon: \"warning\",\n showCancelButton: true,\n confirmButtonText: `Iya`,\n cancelButtonText: \"Batal\",\n })\n .then((result) => {\n if (result.value == true) {\n axios\n .delete(this.state.url_delete + data, {\n headers: { Authorization: tokenApi },\n })\n .then((res) => {\n this.setState({\n show_alert: true,\n title_alert: \"Berhasil\",\n icon_alert: \"success\",\n message_alert: res.data.messages[0],\n loading_delete: false,\n });\n this.dt.fetchEntities(\n `&paginate=${this.state.mode_show}&query=${this.state.query}`\n );\n })\n .catch((err) => {\n this.alertMessage(err.response);\n if (err.response.status == 422) {\n this.setState({\n show_alert: true,\n title_alert: \"Gagal\",\n icon_alert: \"error\",\n message_alert: err.response.data.messages[0],\n loading_delete: false,\n });\n }\n });\n } else if (result.dismiss == \"cancel\") {\n this.setState({ loading_delete: false });\n } else if (result.dismiss == \"backdrop\") {\n this.setState({ loading_delete: false });\n }\n });\n }\n\n checkAll(e) {\n e.preventDefault();\n this.setState({ loading_check: true }, function() {\n this.setState({ checkAll: true, loading_check: false });\n });\n }\n\n unCheckAll(e) {\n e.preventDefault();\n this.setState({ loading_check: true }, function() {\n this.setState({ checkAll: false, loading_check: false });\n });\n }\n\n deleteMulti() {\n this.setState({ loading_delete: true });\n var checkboxes = document.getElementsByName(\"check_data[]\");\n var vals = [];\n for (var i = 0, n = checkboxes.length; i < n; i++) {\n if (checkboxes[i].checked) {\n vals.push(checkboxes[i].value);\n }\n }\n\n if (vals.length == 0) {\n this.setState({\n show_alert: true,\n title_alert: \"Gagal\",\n icon_alert: \"warning\",\n message_alert: \"Mohon centang data terlebih dahulu\",\n disabledFilter: false,\n loading_delete: false,\n checkAll: false,\n });\n } else {\n swal\n .fire({\n title: \"Peringatan\",\n text: \"Apakah anda yakin menghapus user yang dipilih?\",\n icon: \"warning\",\n showCancelButton: true,\n confirmButtonText: `Iya`,\n cancelButtonText: \"Batal\",\n })\n .then((result) => {\n if (result.value == true) {\n axios\n .post(\n this.state.url_delete_m,\n { id: vals },\n { headers: { Authorization: tokenApi } }\n )\n .then((res) => {\n if (res.data.status == false) {\n this.setState({\n show_alert: true,\n title_alert: \"Gagal\",\n icon_alert: \"error\",\n message_alert: res.data.messages[0],\n loading_delete: false,\n checkAll: false,\n });\n this.dt.loading();\n this.dt.resetPage();\n } else {\n this.setState({\n show_alert: true,\n title_alert: \"Berhasil\",\n icon_alert: \"success\",\n message_alert: res.data.messages[0],\n loading_delete: false,\n checkAll: false,\n });\n this.dt.loading();\n this.dt.resetPage();\n }\n })\n .catch((err) => {\n this.setState({ loading_delete: false });\n // this.alertMessage(err.response);\n });\n } else if (result.dismiss == \"cancel\") {\n this.setState({ loading_delete: false });\n } else if (result.dismiss == \"backdrop\") {\n this.setState({ loading_delete: false });\n }\n });\n }\n }\n sendMailActivation() {\n this.setState({ loading_mail: true });\n var checkboxes = document.getElementsByName(\"check_data[]\");\n var vals = [];\n var tokensEmpty = false;\n\n for (var i = 0, n = checkboxes.length; i < n; i++) {\n if (checkboxes[i].checked) {\n vals.push(checkboxes[i].value);\n const tokenElement = document.getElementById(\"token\" + checkboxes[i].value);\n if (tokenElement && tokenElement.innerHTML.trim() === \"\") {\n tokensEmpty = true;\n break;\n }\n }\n }\n\n if (vals.length == 0) {\n this.setState({\n show_alert: true,\n title_alert: \"Gagal\",\n icon_alert: \"warning\",\n message_alert: \"Mohon centang data terlebih dahulu\",\n disabledFilter: false,\n loading_mail: false,\n checkAll: false,\n });\n } else if (tokensEmpty) {\n this.setState({\n show_alert: true,\n title_alert: \"Gagal\",\n icon_alert: \"warning\",\n message_alert: \"Terdapat user yang belum memiliki token. Harap generate token terlebih dahulu.\",\n loading_mail: false,\n checkAll: false,\n });\n } else {\n swal\n .fire({\n title: \"Peringatan\",\n text: \"Apakah anda yakin mengirim email aktivasi user yang dipilih?\",\n icon: \"warning\",\n showCancelButton: true,\n confirmButtonText: `Iya`,\n cancelButtonText: \"Batal\",\n })\n .then((result) => {\n if (result.value == true) {\n axios\n .post(\n this.state.url_send_mail,\n { id: vals },\n { headers: { Authorization: tokenApi } }\n )\n .then((res) => {\n if (res.data.status == false) {\n this.setState({\n show_alert: true,\n title_alert: \"Gagal\",\n icon_alert: \"error\",\n message_alert:\n res.data.messages[0] +\n \"Berhasil : \" +\n res.data.berhasil +\n \"Gagal : \" +\n res.data.gagal,\n loading_mail: false,\n checkAll: false,\n });\n this.dt.loading();\n this.dt.resetPage();\n } else {\n this.setState({\n show_alert: true,\n title_alert: \"Berhasil\",\n icon_alert: \"success\",\n message_alert: res.data.messages[0],\n loading_mail: false,\n checkAll: false,\n });\n this.dt.loading();\n this.dt.resetPage();\n }\n })\n .catch((err) => {\n this.setState({ loading_mail: false });\n // this.alertMessage(err.response);\n });\n } else if (result.dismiss == \"cancel\") {\n this.setState({ loading_mail: false });\n } else if (result.dismiss == \"backdrop\") {\n this.setState({ loading_mail: false });\n }\n });\n }\n }\n\n sendWAActivation() {\n this.setState({ loading_mail: true });\n var checkboxes = document.getElementsByName(\"check_data[]\");\n var vals = [];\n var tokensEmpty = false;\n\n for (var i = 0, n = checkboxes.length; i < n; i++) {\n if (checkboxes[i].checked) {\n vals.push(checkboxes[i].value);\n const tokenElement = document.getElementById(\"token\" + checkboxes[i].value);\n if (tokenElement && tokenElement.innerHTML.trim() === \"\") {\n tokensEmpty = true;\n break;\n }\n }\n }\n\n if (vals.length == 0) {\n this.setState({\n show_alert: true,\n title_alert: \"Gagal\",\n icon_alert: \"warning\",\n message_alert: \"Mohon centang data terlebih dahulu\",\n disabledFilter: false,\n loading_mail: false,\n checkAll: false,\n });\n } else if (tokensEmpty) {\n this.setState({\n show_alert: true,\n title_alert: \"Gagal\",\n icon_alert: \"warning\",\n message_alert: \"Terdapat user yang belum memiliki token. Harap generate token terlebih dahulu.\",\n loading_mail: false,\n checkAll: false,\n });\n } else {\n swal\n .fire({\n title: \"Peringatan\",\n text: \"Apakah anda yakin mengirim email aktivasi user yang dipilih?\",\n icon: \"warning\",\n showCancelButton: true,\n confirmButtonText: `Iya`,\n cancelButtonText: \"Batal\",\n })\n .then((result) => {\n if (result.value == true) {\n axios\n .post(\n this.state.url_send_wa,\n { id: vals },\n { headers: { Authorization: tokenApi } }\n )\n .then((res) => {\n if (res.data.status == false) {\n this.setState({\n show_alert: true,\n title_alert: \"Gagal\",\n icon_alert: \"error\",\n message_alert:\n res.data.messages[0] +\n \"Berhasil : \" +\n res.data.berhasil +\n \"Gagal : \" +\n res.data.gagal,\n loading_mail: false,\n checkAll: false,\n });\n this.dt.loading();\n this.dt.resetPage();\n } else {\n this.setState({\n show_alert: true,\n title_alert: \"Berhasil\",\n icon_alert: \"success\",\n message_alert: res.data.messages[0],\n loading_mail: false,\n checkAll: false,\n });\n this.dt.loading();\n this.dt.resetPage();\n }\n })\n .catch((err) => {\n this.setState({ loading_mail: false });\n // this.alertMessage(err.response);\n });\n } else if (result.dismiss == \"cancel\") {\n this.setState({ loading_mail: false });\n } else if (result.dismiss == \"backdrop\") {\n this.setState({ loading_mail: false });\n }\n });\n }\n }\n\n // Modal Detail\n showModalDetail(data) {\n this.setState({\n modal_detail: true,\n loading_detail: true,\n });\n axios\n .get(this.state.url_detail + data, {\n headers: { Authorization: tokenApi },\n })\n .then((res) => {\n this.setState({\n data_detail: res.data.data,\n loading_detail: false,\n });\n });\n }\n\n hideModalDetail() {\n this.setState({\n data_detail: \"\",\n modal_detail: false,\n });\n }\n\n // Cetak Function\n showModalCetak() {\n this.setState(\n {\n modal_cetak: true,\n queryToken: `&paginate=10&search=`,\n },\n function() {\n this.dtt.fetchEntities(this.state.queryToken);\n }\n );\n // axios.get(`${this.state.url_table_token}/${this.state.institusi_id_select}?paginate=10`, {headers:{Authorization:tokenApi}}).then(res => {\n // this.setState({ data_print: res.data, loading_print: false });\n // });\n }\n\n showTableToken() {\n if (this.state.queryToken != \"\") {\n return (\n{jekel}
;\n },\n pilih: (col, data) => {\n return (\n| KODE PENDAFTARAN | \n: ${\n person.kode_pendaftaran\n } | \n
| TOKEN | \n: ${\n person.token\n } | \n
| NAMA | \n: ${\n person.nama\n } | \n
| JENIS KELAMIN | \n: ${\n jekel[person.jenis_kelamin]\n } | \n
\n {this.state.data_detail.token\n ? this.state.data_detail.token\n : \"-\"}\n
\n\n {this.state.data_detail.kode_pendaftaran\n ? this.state.data_detail.kode_pendaftaran\n : \"-\"}\n
\n\n {this.state.data_detail.jenis_kelamin != null\n ? this.state.data_detail.jenis_kelamin != 1\n ? \"Perempuan\"\n : \"Laki - laki\"\n : \"-\"}\n
\n\n {this.state.data_detail.tempat_lahir\n ? this.state.data_detail.tempat_lahir\n : \"-\"}\n
\n\n {this.state.data_detail.tanggal_lahir\n ? this.state.data_detail.tanggal_lahir\n : \"-\"}\n
\n\n {this.state.data_detail.agama\n ? this.state.data_detail.agama\n : \"-\"}\n
\n\n {this.state.data_detail.no_handphone\n ? this.state.data_detail.no_handphone\n : \"-\"}\n
\n\n {this.state.data_detail.golongan_darah\n ? this.state.data_detail.golongan_darah\n : \"-\"}\n
\n\n {this.state.data_detail.pendidikan_terakhir\n ? this.state.data_detail.pendidikan_terakhir\n : \"-\"}\n
\n\n {this.state.data_detail.motto\n ? this.state.data_detail.motto\n : \"-\"}\n
\n\n {this.state.data_detail.kk\n ? this.state.data_detail.kk\n : \"-\"}\n
\n\n {this.state.data_detail.nik\n ? this.state.data_detail.nik\n : \"-\"}\n
\n\n {this.state.data_detail.npwp\n ? this.state.data_detail.npwp\n : \"-\"}\n
\n\n {this.state.data_detail.paspor\n ? this.state.data_detail.paspor\n : \"-\"}\n
\n\n {this.state.data_detail.negara\n ? this.state.data_detail.negara\n : \"-\"}\n
\n\n {this.state.data_detail.provinsi_tinggal\n ? this.state.data_detail.provinsi_tinggal\n : \"-\"}\n
\n\n {this.state.data_detail.kabupaten_tinggal\n ? this.state.data_detail.kabupaten_tinggal\n : \"-\"}\n
\n\n {this.state.data_detail.kecamatan_tinggal\n ? this.state.data_detail.kecamatan_tinggal\n : \"-\"}\n
\n\n {this.state.data_detail.desa_tinggal\n ? this.state.data_detail.desa_tinggal\n : \"-\"}\n
\n\n {this.state.data_detail.kode_pos__tinggal\n ? this.state.data_detail.kode_pos__tinggal\n : \"-\"}\n
\n\n {this.state.data_detail.rw_tinggal\n ? this.state.data_detail.rw_tinggal\n : \"-\"}{\" \"}\n /\n {this.state.data_detail.rt_tinggal\n ? ` ${this.state.data_detail.rt_tinggal}`\n : \"-\"}\n
\n\n {this.state.data_detail.alamat_tinggal\n ? this.state.data_detail.alamat_tinggal\n : \"-\"}\n
\n\n {this.state.data_detail.provinsi_domisili\n ? this.state.data_detail.provinsi_domisili\n : \"-\"}\n
\n\n {this.state.data_detail.kabupaten_domisili\n ? this.state.data_detail.kabupaten_domisili\n : \"-\"}\n
\n\n {this.state.data_detail.kecamatan_domisili\n ? this.state.data_detail.kecamatan_domisili\n : \"-\"}\n
\n\n {this.state.data_detail.desa_domisili\n ? this.state.data_detail.desa_domisili\n : \"-\"}\n
\n\n {this.state.data_detail.kode_pos__domisili\n ? this.state.data_detail.kode_pos__domisili\n : \"-\"}\n
\n\n {this.state.data_detail.rw_domisili\n ? this.state.data_detail.rw_domisili\n : \"-\"}{\" \"}\n /\n {this.state.data_detail.rt_domisili\n ? ` ${this.state.data_detail.rt_domisili}`\n : \"-\"}\n
\n\n {this.state.data_detail.alamat_domisili\n ? this.state.data_detail.alamat_domisili\n : \"-\"}\n
\n{jekel}
;\n },\n\n inisial: (col, data) => {\n var inisial = \"\";\n var potong = \"\";\n var potong2 = \"\";\n var potong4 = \"\";\n var potong5 = \"\";\n if (col.inisial !== null) {\n inisial = col.inisial;\n } else if (col.nama !== null) {\n potong = col.nama.substr(0, 3);\n potong2 = col.nama.substr(0, 2);\n potong4 = col.nama.substr(0, 4);\n potong5 = col.nama.substr(0, 5);\n if (potong == \"Dr.\") {\n potong = col.nama.substr(4);\n inisial = potong.substr(0, 3);\n } else if (potong4 == \"Drs.\") {\n potong = col.nama.substr(5);\n inisial = potong.substr(0, 3);\n } else if (potong == \"Ir.\") {\n potong = col.nama.substr(4);\n inisial = potong.substr(0, 3);\n } else if (potong5 == \"Prof.\") {\n potong = col.nama.substr(6);\n inisial = potong.substr(0, 3);\n } else if (potong2 == \"H.\") {\n potong = col.nama.substr(3);\n inisial = potong.substr(0, 3);\n } else if (potong == \"Hj.\") {\n potong = col.nama.substr(4);\n inisial = potong.substr(0, 3);\n } else {\n inisial = potong.substr(0, 3);\n }\n }\n return{inisial}
;\n },\n\n created_at: (col, data) => {\n if (col.created_at !== null) {\n var date = \"\";\n var month = \"\";\n var year = \"\";\n date = col.created_at.substr(8, 2);\n month = col.created_at.substr(5, 2);\n year = col.created_at.substr(0, 4);\n\n return (\n\n {date + \"-\" + month + \"-\" + year}\n
\n );\n } else {\n returnTidak Diketahui
;\n }\n },\n\n status: (col, data) => {\n var statusUsr = \"\";\n var tooltip = \"\";\n var warna = \"\";\n var ikon = \"\";\n var width = \"\";\n\n if (col.status === \"Active\") {\n statusUsr = \"Aktif\";\n tooltip = \"User sudah teraktivasi\";\n warna = \"bg-green-600\";\n ikon = \"bx-check\";\n width = \"w-16\";\n } else if (col.status === \"Non-Active\") {\n statusUsr = \"Non-Aktif\";\n tooltip = \"User telah dinon-aktifkan\";\n warna = \"bg-red-600\";\n ikon = \"bx-x\";\n width = \"w-auto\";\n } else {\n statusUsr = \"Pending\";\n tooltip =\n \"User belum aktivasi di SSO dan klik link konfirmasi di email\";\n warna = \"bg-gray-600\";\n ikon = \"bx-error\";\n width = \"w-20\";\n }\n return (\nPilih user guru dan klik tombol
\n {this.state.checkAll == false ? (\n{jekel}
;\n },\n pilih: (col, data) => {\n return (\n| KODE PENDAFTARAN | \n: ${\n person.kode_pendaftaran\n } | \n
| TOKEN | \n: ${\n person.token\n } | \n
| NAMA | \n: ${\n person.nama\n } | \n
| JENIS KELAMIN | \n: ${\n jekel[person.jenis_kelamin]\n } | \n
\n {this.state.data_detail.token\n ? this.state.data_detail.token\n : \"-\"}\n
\n\n {this.state.data_detail.kode_pendaftaran\n ? this.state.data_detail.kode_pendaftaran\n : \"-\"}\n
\n\n {this.state.data_detail.jenis_kelamin != null\n ? this.state.data_detail.jenis_kelamin != 1\n ? \"Perempuan\"\n : \"Laki - laki\"\n : \"-\"}\n
\n\n {this.state.data_detail.tempat_lahir\n ? this.state.data_detail.tempat_lahir\n : \"-\"}\n
\n\n {this.state.data_detail.tanggal_lahir\n ? this.state.data_detail.tanggal_lahir\n : \"-\"}\n
\n\n {this.state.data_detail.agama\n ? this.state.data_detail.agama\n : \"-\"}\n
\n\n {this.state.data_detail.no_handphone\n ? this.state.data_detail.no_handphone\n : \"-\"}\n
\n\n {this.state.data_detail.golongan_darah\n ? this.state.data_detail.golongan_darah\n : \"-\"}\n
\n{this.state.data_detail.pendidikan_terakhir ? ( this.state.data_detail.pendidikan_terakhir ) : ('-')}
\n\n {this.state.data_detail.motto\n ? this.state.data_detail.motto\n : \"-\"}\n
\n\n {this.state.data_detail.kk\n ? this.state.data_detail.kk\n : \"-\"}\n
\n\n {this.state.data_detail.nik\n ? this.state.data_detail.nik\n : \"-\"}\n
\n\n {this.state.data_detail.npwp\n ? this.state.data_detail.npwp\n : \"-\"}\n
\n\n {this.state.data_detail.paspor\n ? this.state.data_detail.paspor\n : \"-\"}\n
\n\n {this.state.data_detail.negara\n ? this.state.data_detail.negara\n : \"-\"}\n
\n\n {this.state.data_detail.provinsi_tinggal\n ? this.state.data_detail.provinsi_tinggal\n : \"-\"}\n
\n\n {this.state.data_detail.kabupaten_tinggal\n ? this.state.data_detail.kabupaten_tinggal\n : \"-\"}\n
\n\n {this.state.data_detail.kecamatan_tinggal\n ? this.state.data_detail.kecamatan_tinggal\n : \"-\"}\n
\n\n {this.state.data_detail.desa_tinggal\n ? this.state.data_detail.desa_tinggal\n : \"-\"}\n
\n\n {this.state.data_detail.kode_pos__tinggal\n ? this.state.data_detail.kode_pos__tinggal\n : \"-\"}\n
\n\n {this.state.data_detail.rw_tinggal\n ? this.state.data_detail.rw_tinggal\n : \"-\"}{\" \"}\n /\n {this.state.data_detail.rt_tinggal\n ? ` ${this.state.data_detail.rt_tinggal}`\n : \"-\"}\n
\n\n {this.state.data_detail.alamat_tinggal\n ? this.state.data_detail.alamat_tinggal\n : \"-\"}\n
\n\n {this.state.data_detail.provinsi_domisili\n ? this.state.data_detail.provinsi_domisili\n : \"-\"}\n
\n\n {this.state.data_detail.kabupaten_domisili\n ? this.state.data_detail.kabupaten_domisili\n : \"-\"}\n
\n\n {this.state.data_detail.kecamatan_domisili\n ? this.state.data_detail.kecamatan_domisili\n : \"-\"}\n
\n\n {this.state.data_detail.desa_domisili\n ? this.state.data_detail.desa_domisili\n : \"-\"}\n
\n\n {this.state.data_detail.kode_pos__domisili\n ? this.state.data_detail.kode_pos__domisili\n : \"-\"}\n
\n\n {this.state.data_detail.rw_domisili\n ? this.state.data_detail.rw_domisili\n : \"-\"}{\" \"}\n /\n {this.state.data_detail.rt_domisili\n ? ` ${this.state.data_detail.rt_domisili}`\n : \"-\"}\n
\n\n {this.state.data_detail.alamat_domisili\n ? this.state.data_detail.alamat_domisili\n : \"-\"}\n
\n\n Foto KTP\n
\n\n Foto KTP & Wajah\n
\n\n Foto Doc. Pendukung\n
\n{jekel}
;\n },\n\n created_at: (col, data) => {\n if (col.created_at !== null) {\n var date = \"\";\n var month = \"\";\n var year = \"\";\n date = col.created_at.substr(8, 2);\n month = col.created_at.substr(5, 2);\n year = col.created_at.substr(0, 4);\n\n return (\n\n {date + \"-\" + month + \"-\" + year}\n
\n );\n } else {\n returnTidak Diketahui
;\n }\n },\n\n status: (col, data) => {\n var statusUsr = \"\";\n var tooltip = \"\";\n var warna = \"\";\n var ikon = \"\";\n var width = \"\";\n\n if (col.status == \"Active\") {\n statusUsr = \"Aktif\";\n tooltip = \"User sudah teraktivasi\";\n warna = \"bg-green-600\";\n ikon = \"bx-check\";\n width = \"w-16\";\n } else if (col.status == \"Non-Active\") {\n statusUsr = \"Non-Aktif\";\n tooltip = \"User telah dinon-aktifkan\";\n warna = \"bg-red-600\";\n ikon = \"bx-x\";\n width = \"w-auto\";\n } else {\n statusUsr = \"Pending\";\n tooltip =\n \"User belum aktivasi di SSO dan klik link konfirmasi di email\";\n warna = \"bg-gray-600\";\n ikon = \"bx-error\";\n width = \"w-20\";\n }\n return (\nPilih user siswa dan klik tombol
\n {this.state.checkAll == false ? (\n{jekel}
;\n },\n pilih: (col, data) => {\n return (\n| KODE PENDAFTARAN | \n: ${\n person.kode_pendaftaran\n } | \n
| TOKEN | \n: ${\n person.token\n } | \n
| NAMA | \n: ${\n person.nama\n } | \n
| JENIS KELAMIN | \n: ${\n jekel[person.jenis_kelamin]\n } | \n
\n {this.state.data_detail.token\n ? this.state.data_detail.token\n : \"-\"}\n
\n\n {this.state.data_detail.kode_pendaftaran\n ? this.state.data_detail.kode_pendaftaran\n : \"-\"}\n
\n\n {this.state.data_detail.jenis_kelamin != null\n ? this.state.data_detail.jenis_kelamin != 1\n ? \"Perempuan\"\n : \"Laki - laki\"\n : \"-\"}\n
\n\n {this.state.data_detail.tempat_lahir\n ? this.state.data_detail.tempat_lahir\n : \"-\"}\n
\n\n {this.state.data_detail.tanggal_lahir\n ? this.state.data_detail.tanggal_lahir\n : \"-\"}\n
\n\n {this.state.data_detail.agama\n ? this.state.data_detail.agama\n : \"-\"}\n
\n\n {this.state.data_detail.no_handphone\n ? this.state.data_detail.no_handphone\n : \"-\"}\n
\n\n {this.state.data_detail.golongan_darah\n ? this.state.data_detail.golongan_darah\n : \"-\"}\n
\n\n {this.state.data_detail.pendidikan_terakhir\n ? this.state.data_detail.pendidikan_terakhir\n : \"-\"}\n
\n\n {this.state.data_detail.motto\n ? this.state.data_detail.motto\n : \"-\"}\n
\n\n {this.state.data_detail.kk\n ? this.state.data_detail.kk\n : \"-\"}\n
\n\n {this.state.data_detail.nik\n ? this.state.data_detail.nik\n : \"-\"}\n
\n\n {this.state.data_detail.npwp\n ? this.state.data_detail.npwp\n : \"-\"}\n
\n\n {this.state.data_detail.paspor\n ? this.state.data_detail.paspor\n : \"-\"}\n
\n\n {this.state.data_detail.negara\n ? this.state.data_detail.negara\n : \"-\"}\n
\n\n {this.state.data_detail.provinsi_tinggal\n ? this.state.data_detail.provinsi_tinggal\n : \"-\"}\n
\n\n {this.state.data_detail.kabupaten_tinggal\n ? this.state.data_detail.kabupaten_tinggal\n : \"-\"}\n
\n\n {this.state.data_detail.kecamatan_tinggal\n ? this.state.data_detail.kecamatan_tinggal\n : \"-\"}\n
\n\n {this.state.data_detail.desa_tinggal\n ? this.state.data_detail.desa_tinggal\n : \"-\"}\n
\n\n {this.state.data_detail.kode_pos__tinggal\n ? this.state.data_detail.kode_pos__tinggal\n : \"-\"}\n
\n\n {this.state.data_detail.rw_tinggal\n ? this.state.data_detail.rw_tinggal\n : \"-\"}{\" \"}\n /\n {this.state.data_detail.rt_tinggal\n ? ` ${this.state.data_detail.rt_tinggal}`\n : \"-\"}\n
\n\n {this.state.data_detail.alamat_tinggal\n ? this.state.data_detail.alamat_tinggal\n : \"-\"}\n
\n\n {this.state.data_detail.provinsi_domisili\n ? this.state.data_detail.provinsi_domisili\n : \"-\"}\n
\n\n {this.state.data_detail.kabupaten_domisili\n ? this.state.data_detail.kabupaten_domisili\n : \"-\"}\n
\n\n {this.state.data_detail.kecamatan_domisili\n ? this.state.data_detail.kecamatan_domisili\n : \"-\"}\n
\n\n {this.state.data_detail.desa_domisili\n ? this.state.data_detail.desa_domisili\n : \"-\"}\n
\n\n {this.state.data_detail.kode_pos__domisili\n ? this.state.data_detail.kode_pos__domisili\n : \"-\"}\n
\n\n {this.state.data_detail.rw_domisili\n ? this.state.data_detail.rw_domisili\n : \"-\"}{\" \"}\n /\n {this.state.data_detail.rt_domisili\n ? ` ${this.state.data_detail.rt_domisili}`\n : \"-\"}\n
\n\n {this.state.data_detail.alamat_domisili\n ? this.state.data_detail.alamat_domisili\n : \"-\"}\n
\n\n Foto KTP\n
\n\n Foto KTP & Wajah\n
\n\n Foto Doc. Pendukung\n
\n{jekel}
;\n },\n\n created_at: (col, data) => {\n if (col.created_at !== null) {\n var date = \"\";\n var month = \"\";\n var year = \"\";\n date = col.created_at.substr(8, 2);\n month = col.created_at.substr(5, 2);\n year = col.created_at.substr(0, 4);\n\n return (\n\n {date + \"-\" + month + \"-\" + year}\n
\n );\n } else {\n returnTidak Diketahui
;\n }\n },\n\n status: (col, data) => {\n var statusUsr = \"\";\n var tooltip = \"\";\n var warna = \"\";\n var ikon = \"\";\n var width = \"\";\n\n if (col.status == \"Active\") {\n statusUsr = \"Aktif\";\n tooltip = \"User sudah teraktivasi\";\n warna = \"bg-green-600\";\n ikon = \"bx-check\";\n width = \"w-16\";\n } else if (col.status == \"Non-Active\") {\n statusUsr = \"Non-Aktif\";\n tooltip = \"User telah dinon-aktifkan\";\n warna = \"bg-red-600\";\n ikon = \"bx-x\";\n width = \"w-auto\";\n } else {\n statusUsr = \"Pending\";\n tooltip =\n \"User belum aktivasi di SSO dan klik link konfirmasi di email\";\n warna = \"bg-gray-600\";\n ikon = \"bx-error\";\n width = \"w-20\";\n }\n return (\nPilih user lainnya dan klik tombol
\n {this.state.checkAll == false ? (\n| KODE PENDAFTARAN | \n: ${person.kode_pendaftaran} | \n
| TOKEN | \n: ${person.token} | \n
| NAMA SISWA | \n: ${person.nama} | \n
| JENIS ORTU | \n: ${jenis} | \n
\n {this.state.data_detail.token\n ? this.state.data_detail.token\n : \"-\"}\n
\n\n {this.state.data_detail.jenis_orangtua\n ? this.state.data_detail.jenis_orangtua\n : \"-\"}\n
\n\n {this.state.data_detail.kode_pendaftaran\n ? this.state.data_detail.kode_pendaftaran\n : \"-\"}\n
\n\n {this.state.data_detail.tempat_lahir\n ? this.state.data_detail.tempat_lahir\n : \"-\"}\n
\n\n {this.state.data_detail.tanggal_lahir\n ? this.state.data_detail.tanggal_lahir\n : \"-\"}\n
\n\n {this.state.data_detail.jenis_kelamin != null\n ? this.state.data_detail.jenis_kelamin != 1\n ? \"Perempuan\"\n : \"Laki - laki\"\n : \"-\"}\n
\n\n {this.state.data_detail.agama\n ? this.state.data_detail.agama\n : \"-\"}\n
\n\n {this.state.data_detail.no_handphone\n ? this.state.data_detail.no_handphone\n : \"-\"}\n
\n\n {this.state.data_detail.golongan_darah\n ? this.state.data_detail.golongan_darah\n : \"-\"}\n
\n\n {this.state.data_detail.pendidikan_terakhir\n ? this.state.data_detail.pendidikan_terakhir\n : \"-\"}\n
\n\n {this.state.data_detail.motto\n ? this.state.data_detail.motto\n : \"-\"}\n
\n\n {this.state.data_detail.kk\n ? this.state.data_detail.kk\n : \"-\"}\n
\n\n {this.state.data_detail.nik\n ? this.state.data_detail.nik\n : \"-\"}\n
\n\n {this.state.data_detail.npwp\n ? this.state.data_detail.npwp\n : \"-\"}\n
\n\n {this.state.data_detail.paspor\n ? this.state.data_detail.paspor\n : \"-\"}\n
\n\n {this.state.data_detail.negara\n ? this.state.data_detail.negara\n : \"-\"}\n
\n\n {this.state.data_detail.provinsi_tinggal\n ? this.state.data_detail.provinsi_tinggal\n : \"-\"}\n
\n\n {this.state.data_detail.kabupaten_tinggal\n ? this.state.data_detail.kabupaten_tinggal\n : \"-\"}\n
\n\n {this.state.data_detail.kecamatan_tinggal\n ? this.state.data_detail.kecamatan_tinggal\n : \"-\"}\n
\n\n {this.state.data_detail.desa_tinggal\n ? this.state.data_detail.desa_tinggal\n : \"-\"}\n
\n\n {this.state.data_detail.kode_pos__tinggal\n ? this.state.data_detail.kode_pos__tinggal\n : \"-\"}\n
\n\n {this.state.data_detail.rw_tinggal\n ? this.state.data_detail.rw_tinggal\n : \"-\"}{\" \"}\n /\n {this.state.data_detail.rt_tinggal\n ? ` ${this.state.data_detail.rt_tinggal}`\n : \"-\"}\n
\n\n {this.state.data_detail.alamat_tinggal\n ? this.state.data_detail.alamat_tinggal\n : \"-\"}\n
\n\n {this.state.data_detail.provinsi_domisili\n ? this.state.data_detail.provinsi_domisili\n : \"-\"}\n
\n\n {this.state.data_detail.kabupaten_domisili\n ? this.state.data_detail.kabupaten_domisili\n : \"-\"}\n
\n\n {this.state.data_detail.kecamatan_domisili\n ? this.state.data_detail.kecamatan_domisili\n : \"-\"}\n
\n\n {this.state.data_detail.desa_domisili\n ? this.state.data_detail.desa_domisili\n : \"-\"}\n
\n\n {this.state.data_detail.kode_pos__domisili\n ? this.state.data_detail.kode_pos__domisili\n : \"-\"}\n
\n\n {this.state.data_detail.rw_domisili\n ? this.state.data_detail.rw_domisili\n : \"-\"}{\" \"}\n /\n {this.state.data_detail.rt_domisili\n ? ` ${this.state.data_detail.rt_domisili}`\n : \"-\"}\n
\n\n {this.state.data_detail.alamat_domisili\n ? this.state.data_detail.alamat_domisili\n : \"-\"}\n
\n\n Foto KTP\n
\n\n Foto KTP & Wajah\n
\n\n Foto Doc. Pendukung\n
\n{jekel}
;\n },\n\n jenis_orangtua: (col, data) => {\n var jenis_or = \"\";\n if (col.jenis_orangtua == \"Ayah\") {\n jenis_or = \"Ayah\";\n } else if (col.jenis_orangtua == \"Ibu\") {\n jenis_or = \"Ibu\";\n } else {\n jenis_or = \"\";\n }\n return{jenis_or}
;\n },\n\n created_at: (col, data) => {\n if (col.created_at !== null) {\n var date = \"\";\n var month = \"\";\n var year = \"\";\n date = col.created_at.substr(8, 2);\n month = col.created_at.substr(5, 2);\n year = col.created_at.substr(0, 4);\n\n return date + \"-\" + month + \"-\" + year;\n } else {\n return \"Tidak Diketahui\";\n }\n },\n\n status: (col, data) => {\n var statusUsr = \"\";\n var tooltip = \"\";\n var warna = \"\";\n var ikon = \"\";\n var width = \"\";\n\n if (col.status == \"Active\") {\n statusUsr = \"Aktif\";\n tooltip = \"User sudah teraktivasi\";\n warna = \"bg-green-600\";\n ikon = \"bx-check\";\n width = \"w-16\";\n } else if (col.status == \"Non-Active\") {\n statusUsr = \"Non-Aktif\";\n tooltip = \"User telah dinon-aktifkan\";\n warna = \"bg-red-600\";\n ikon = \"bx-x\";\n width = \"w-auto\";\n } else {\n statusUsr = \"Pending\";\n tooltip =\n \"User belum aktivasi di SSO dan klik link konfirmasi di email\";\n warna = \"bg-gray-600\";\n ikon = \"bx-error\";\n width = \"w-20\";\n }\n return (\n| No | \nMata Pelajaran | \n
|---|---|
| {index + 1} | \n{value.materi} | \n
| No | \nMata Pelajaran | \n
|---|---|
| {index + 1} | \n{value.materi} | \n
{jekel}
;\n },\n\n // inisial: (col, data) => {\n // var inisial = '';\n // if(col.nama_guru !== null){\n // inisial = col.nama_guru.substr(0, 3);\n // }\n // return ({inisial}
);\n // },\n\n inisial: (col, data) => {\n var inisial = \"\";\n var potong = \"\";\n var potong2 = \"\";\n var potong4 = \"\";\n var potong5 = \"\";\n if (col.inisial !== null) {\n inisial = col.inisial;\n } else if (col.nama_guru !== null) {\n potong = col.nama_guru.substr(0, 3);\n potong2 = col.nama_guru.substr(0, 2);\n potong4 = col.nama_guru.substr(0, 4);\n potong5 = col.nama_guru.substr(0, 5);\n if (potong == \"Dr.\") {\n potong = col.nama_guru.substr(4);\n inisial = potong.substr(0, 3);\n } else if (potong4 == \"Drs.\") {\n potong = col.nama_guru.substr(5);\n inisial = potong.substr(0, 3);\n } else if (potong == \"Ir.\") {\n potong = col.nama_guru.substr(4);\n inisial = potong.substr(0, 3);\n } else if (potong5 == \"Prof.\") {\n potong = col.nama_guru.substr(6);\n inisial = potong.substr(0, 3);\n } else if (potong2 == \"H.\") {\n potong = col.nama_guru.substr(3);\n inisial = potong.substr(0, 3);\n } else if (potong == \"Hj.\") {\n potong = col.nama_guru.substr(4);\n inisial = potong.substr(0, 3);\n } else {\n inisial = potong.substr(0, 3);\n }\n }\n return{inisial}
;\n },\n\n mata_pelajaran: (col, data) => {\n var buttonLihat = (\nPilih Guru dan klik tombol
\n {this.state.checkAll == false ? (\n| No | \nMata Pelajaran | \n
|---|---|
| {index + 1} | \n{value} | \n
{jekel}
);\n },\n }}\n url={this.state.url+this.state.institusi_id_select}\n columns={[\n {\n index: \"tahun_ajaran\",\n label: \"TAHUN AJARAN\",\n },\n {\n index: \"kode_pendaftaran\",\n label: \"KODE Pendaftaran\",\n },\n {\n index: \"nama\",\n label: \"NAMA\",\n maxWidth: \"12rem\"\n },\n {\n index: \"tanggal_lahir\",\n label: \"TANGGAL LAHIR\",\n },\n {\n index: \"jenis_kelamin\",\n label: \"Jenis Kelamin\",\n },\n {\n index: \"nama_penugasan\",\n label: \"PENUGASAN\",\n },\n {\n index: \"keterangan_tugas\",\n label: \"KETERANGAN TUGAS\",\n maxWidth: \"12rem\"\n },\n {\n index: \"aksi\",\n label: \"Aksi\",\n },\n ]}\n />\nPilih Guru dan klik tombol
\n {this.state.checkAll == false ? (\n \n ) : (\n \n )}\nPilih rombel dan klik tombol
\n {this.state.checkAll == false ? (\nSelect Filter terlebih dahulu
\nPilih Rombel :
\nPilih siswa dan klik tombol
\n {this.state.checkAll == false ? (\n{date+\"-\"+month+\"-\"+year}
);\n // } else {\n // return (Tidak Diketahui
);\n // }\n // },\n\n // aksi:(col, data) => {\n // var button = ;\n // return (button);\n // }\n // }}\n // url={`${this.state.url}`}\n // columns=\n // {[\n // {\n // index: \"kode_pendaftaran\",\n // label: \"KODE PENDAFTARAN\",\n // },\n // {\n // index: \"tahun_ajaran\",\n // label: \"TAHUN AJARAN\",\n // },\n // {\n // index: \"tahun_lulus\",\n // label: \"TAHUN LULUS\",\n // },\n // {\n // index: \"kelas\",\n // label: \"KELAS\",\n // },\n // {\n // index: \"nama_spektrum\",\n // label: \"PEMINATAN\",\n // },\n // {\n // index: \"nama_rombel\",\n // label: \"ROMBEL\",\n // },\n // {\n // index: \"nama\",\n // label: \"NAMA\",\n // },\n // {\n // index: \"aksi\",\n // label: \"AKSI\",\n // },\n // ]}\n // />\n //{date+\"-\"+month+\"-\"+year}
);\n } else {\n return (Tidak Diketahui
);\n }\n },\n\n username: (col, data) => {\n if(col.username !== null){\n return ({col.username}
);\n } else {\n return (-
);\n }\n },\n\n pilih: (col, data) => {\n return(\n \n )\n }\n }}\n url={this.state.url_show_data}\n columns={[\n {\n index: \"tahun_ajaran\",\n label: \"TAHUN AJARAN\",\n },\n {\n index: \"kode_pendaftaran\",\n label: \"Kode Pendaftaran\",\n },\n {\n index: \"nama\",\n label: \"NAMA LENGKAP\",\n },\n {\n index: \"jenis_kelamin\",\n label: \"JENIS KELAMIN\",\n },\n {\n index: \"tanggal_lahir\",\n label: \"TANGGAL LAHIR\",\n },\n {\n index: \"username\",\n label: \"USERNAME\",\n },\n // {\n // index: \"no_handphone\",\n // label: \"NOMOR HP\",\n // },\n {\n index: \"kelas\",\n label: \"KELAS\",\n },\n {\n index: \"nama_rombel\",\n label: \"ROMBEL\",\n },\n {\n index: \"pilih\",\n label: \"pilih\",\n },\n ]}\n />\n{date + \"-\" + month + \"-\" + year}
\n );\n } else {\n returnTidak Diketahui
;\n }\n },\n\n username: (col, data) => {\n if (col.username !== null) {\n return{col.username}
;\n } else {\n return-
;\n }\n },\n }}\n url={this.state.url_show_data}\n columns={[\n {\n index: \"tahun_ajaran\",\n label: \"TAHUN AJARAN\",\n },\n {\n index: \"kurikulum\",\n label: \"KURIKULUM\",\n },\n {\n index: \"kode_pendaftaran\",\n label: \"Kode Pendaftaran\",\n },\n {\n index: \"nama\",\n label: \"NAMA LENGKAP\",\n },\n {\n index: \"jenis_kelamin\",\n label: \"JENIS KELAMIN\",\n },\n {\n index: \"tanggal_lahir\",\n label: \"TANGGAL LAHIR\",\n },\n {\n index: \"username\",\n label: \"USERNAME\",\n },\n // {\n // index: \"no_handphone\",\n // label: \"NOMOR HP\",\n // },\n {\n index: \"kelas\",\n label: \"KELAS\",\n },\n {\n index: \"nama_rombel\",\n label: \"ROMBEL\",\n },\n ]}\n />\n{date+\"-\"+month+\"-\"+year}
);\n } else {\n return (Tidak Diketahui
);\n }\n },\n\n username: (col, data) => {\n if(col.username !== null){\n return ({col.username}
);\n } else {\n return (-
);\n }\n },\n\n pilih: (col, data) => {\n return(\n \n )\n }\n }}\n url={this.state.url_show_data}\n columns={[\n {\n index: \"tahun_ajaran\",\n label: \"TAHUN AJARAN\",\n },\n {\n index: \"kode_pendaftaran\",\n label: \"Kode Pendaftaran\",\n },\n {\n index: \"nama\",\n label: \"NAMA LENGKAP\",\n },\n {\n index: \"jenis_kelamin\",\n label: \"JENIS KELAMIN\",\n },\n {\n index: \"tanggal_lahir\",\n label: \"TANGGAL LAHIR\",\n },\n {\n index: \"username\",\n label: \"USERNAME\",\n },\n // {\n // index: \"no_handphone\",\n // label: \"NOMOR HP\",\n // },\n {\n index: \"kelas\",\n label: \"KELAS\",\n },\n {\n index: \"nama_rombel\",\n label: \"ROMBEL\",\n },\n {\n index: \"pilih\",\n label: \"pilih\",\n },\n ]}\n />\n{date+\"-\"+month+\"-\"+year}
);\n // } else {\n // return (Tidak Diketahui
);\n // }\n // },\n\n username: (col, data) => {\n if (col.username !== null) {\n return{col.username}
;\n } else {\n return-
;\n }\n },\n }}\n url={this.state.url_show_data}\n columns={[\n {\n index: \"tahun_ajaran\",\n label: \"TAHUN AJARAN\",\n },\n {\n index: \"kurikulum\",\n label: \"KURIKULUM\",\n },\n {\n index: \"nama_siswa\",\n label: \"NAMA SISWA\",\n },\n {\n index: \"kelas\",\n label: \"KELAS\",\n },\n {\n index: \"nama_spektrum\",\n label: \"PEMINATAN\",\n },\n {\n index: \"nama_rombel\",\n label: \"ROMBEL\",\n },\n {\n index: \"username\",\n label: \"USERNAME\",\n },\n {\n index: \"jenis_orangtua\",\n label: \"Jenis Orangtua\",\n },\n {\n index: \"nama_orangtua\",\n label: \"NAMA ORANG TUA / WALI\",\n },\n {\n index: \"no_handphone\",\n label: \"NO HP\",\n },\n // {\n // index: \"tanggal_lahir\",\n // label: \"TANGGAL LAHIR\",\n // },\n ]}\n />\n1
\n2
\n3
\n4
\n5
\n6
\n7
\n8
\n-
';\n cell2.innerHTML = ``;\n cell3.innerHTML = ``;\n cell4.innerHTML =\n '';\n \n return false; \n }\n\n getDataWaktu(hari) {\n axios\n .get(\n this.state.url + \"?institusi=\" + this.state.institusi_id_select + \"&hari=\" + hari + `&tahun_ajaran=${this.state.tahun_ajaran_search}&kelas=${this.state.kelas_search}&kurikulum=${this.state.kurikulum_search}&semester=${this.state.semester_search}`,\n { headers: { Authorization: tokenApi } }\n )\n .then((res) => {\n if (res.data != null) {\n console.log(res.data, hari)\n if (hari == 1) {\n this.setState(\n {\n data_senin: res.data.data,\n count_senin: res.data.count,\n kuota_senin: res.data.highValue,\n loadingSenin: false,\n },\n function() {\n var table = document.getElementById(\"1-tablenya\");\n var tab = document.getElementById(\"tabSenin\");\n if (table != null) {\n table.remove();\n }\n if (res.data.count == 0) {\n ReactDOM.unmountComponentAtNode(tab);\n ReactDOM.render(this.renderWaktu(1), tab);\n } else {\n ReactDOM.unmountComponentAtNode(tab);\n ReactDOM.render(this.showData(1), tab);\n }\n }\n );\n } else if (hari == 2) {\n this.setState(\n {\n data_selasa: res.data.data,\n count_selasa: res.data.count,\n kuota_selasa: res.data.highValue,\n loadingSelasa: false,\n },\n function() {\n var table = document.getElementById(\"2-tablenya\");\n var tab = document.getElementById(\"tabSelasa\");\n if (table != null) {\n table.remove();\n }\n if (res.data.count == 0) {\n ReactDOM.unmountComponentAtNode(tab);\n ReactDOM.render(this.renderWaktu(2), tab);\n } else {\n ReactDOM.unmountComponentAtNode(tab);\n ReactDOM.render(this.showData(2), tab);\n }\n }\n );\n } else if (hari == 3) {\n this.setState(\n {\n data_rabu: res.data.data,\n count_rabu: res.data.count,\n kuota_rabu: res.data.highValue,\n loadingRabu: false,\n },\n function() {\n var table = document.getElementById(\"3-tablenya\");\n var tab = document.getElementById(\"tabRabu\");\n if (table != null) {\n table.remove();\n }\n if (res.data.count == 0) {\n ReactDOM.unmountComponentAtNode(tab);\n ReactDOM.render(this.renderWaktu(3), tab);\n } else {\n ReactDOM.unmountComponentAtNode(tab);\n ReactDOM.render(this.showData(3), tab);\n }\n }\n );\n } else if (hari == 4) {\n this.setState(\n {\n data_kamis: res.data.data,\n count_kamis: res.data.count,\n kuota_kamis: res.data.highValue,\n loadingKamis: false,\n },\n function() {\n var table = document.getElementById(\"4-tablenya\");\n var tab = document.getElementById(\"tabKamis\");\n if (table != null) {\n table.remove();\n }\n if (res.data.count == 0) {\n ReactDOM.unmountComponentAtNode(tab);\n ReactDOM.render(this.renderWaktu(4), tab);\n } else {\n ReactDOM.unmountComponentAtNode(tab);\n ReactDOM.render(this.showData(4), tab);\n }\n }\n );\n } else if (hari == 5) {\n this.setState(\n {\n data_jumat: res.data.data,\n count_jumat: res.data.count,\n kuota_jumat: res.data.highValue,\n loadingJumat: false,\n },\n function() {\n var table = document.getElementById(\"5-tablenya\");\n var tab = document.getElementById(\"tabJumat\");\n if (table != null) {\n table.remove();\n }\n if (res.data.count == 0) {\n ReactDOM.unmountComponentAtNode(tab);\n ReactDOM.render(this.renderWaktu(5), tab);\n } else {\n ReactDOM.unmountComponentAtNode(tab);\n ReactDOM.render(this.showData(5), tab);\n }\n }\n );\n } else if (hari == 6) {\n this.setState(\n {\n data_sabtu: res.data.data,\n count_sabtu: res.data.count,\n kuota_sabtu: res.data.highValue,\n loadingSabtu: false,\n },\n function() {\n var table = document.getElementById(\"6-tablenya\");\n var tab = document.getElementById(\"tabSabtu\");\n if (table != null) {\n table.remove();\n }\n if (res.data.count == 0) {\n ReactDOM.unmountComponentAtNode(tab);\n ReactDOM.render(this.renderWaktu(6), tab);\n } else {\n ReactDOM.unmountComponentAtNode(tab);\n ReactDOM.render(this.showData(6), tab);\n }\n }\n );\n } else if (hari == 7) {\n this.setState(\n {\n data_minggu: res.data.data,\n count_minggu: res.data.count,\n kuota_minggu: res.data.highValue,\n loadingMinggu: false,\n },\n function() {\n var table = document.getElementById(\"7-tablenya\");\n var tab = document.getElementById(\"tabMinggu\");\n if (table != null) {\n table.remove();\n }\n if (res.data.count == 0) {\n ReactDOM.unmountComponentAtNode(tab);\n ReactDOM.render(this.renderWaktu(7), tab);\n } else {\n ReactDOM.unmountComponentAtNode(tab);\n ReactDOM.render(this.showData(7), tab);\n }\n }\n );\n }\n\n // console.log(this.state.kuota_senin, \"Senin\")\n // console.log(this.state.kuota_selasa, \"Seloso\")\n // console.log(this.state.kuota_rabu, \"Rabu\")\n // console.log(this.state.kuota_kamis, \"Kamis\")\n // console.log(this.state.kuota_jumat, \"Jumat\")\n // console.log(this.state.kuota_sabtu, \"Sabtu\")\n // console.log(this.state.kuota_minggu, \"Minggu\")\n }\n });\n }\n\n showData(hari) {\n var dataWaktu = \"\";\n var jumlahData = \"\";\n var kuota_hari = \"\";\n var items = [];\n var u = 0;\n var uket = 30;\n var ket = 30;\n var k = 0;\n var q = 20;\n\n if (hari == 1 && this.state.data_senin) {\n dataWaktu = this.state.data_senin;\n jumlahData = this.state.count_senin;\n kuota_hari = this.state.kuota_senin;\n } else if (hari == 2 && this.state.data_selasa) {\n dataWaktu = this.state.data_selasa;\n jumlahData = this.state.count_selasa;\n kuota_hari = this.state.kuota_selasa;\n } else if (hari == 3 && this.state.data_rabu) {\n dataWaktu = this.state.data_rabu;\n jumlahData = this.state.count_rabu;\n kuota_hari = this.state.kuota_rabu;\n } else if (hari == 4 && this.state.data_kamis) {\n dataWaktu = this.state.data_kamis;\n jumlahData = this.state.count_kamis;\n kuota_hari = this.state.kuota_kamis;\n } else if (hari == 5 && this.state.data_jumat) {\n dataWaktu = this.state.data_jumat;\n jumlahData = this.state.count_jumat;\n kuota_hari = this.state.kuota_jumat;\n } else if (hari == 6 && this.state.data_sabtu) {\n dataWaktu = this.state.data_sabtu;\n jumlahData = this.state.count_sabtu;\n kuota_hari = this.state.kuota_sabtu;\n } else if (hari == 7 && this.state.data_minggu) {\n dataWaktu = this.state.data_minggu;\n jumlahData = this.state.count_minggu;\n kuota_hari = this.state.kuota_minggu;\n }\n\n if (dataWaktu && jumlahData > 0) {\n for (var i = 0; i < jumlahData; i++) {\n u = u + 1;\n uket = uket + 1;\n ket = ket + 1;\n k = k + 1;\n q = q + 1;\n items.push(\n\n {dataWaktu[i].jam_ke != 0 ? dataWaktu[i].jam_ke : \"-\"}\n
\n-
\n\n Apa anda yakin ingin merubah waktu pelajaran ini? jika merubah\n akan menghapus jadwal pelajaran pada hari tersebut\n
\n\n 1 dari 8 langkah\n
\n \n Atur Waktu Pelajaran\n \n {/* \n Pelajari Lebih Lanjut ?\n */}\n \nInformasi
\n\n Jadwal Pelajaran untuk hari Senin sudah dibuat,\n jika mengganti atau menghapus waktu pada hari\n Senin maka akan menghapus Jadwal Pelajaran pada\n hari Senin\n
\n\n Kuota : {this.state.kuota_senin}\n
\nInformasi
\n\n Jadwal Pelajaran untuk hari Selasa sudah dibuat,\n jika mengganti atau menghapus waktu pada hari\n Selasa maka akan menghapus Jadwal Pelajaran pada\n hari Selasa\n
\n\n Kuota : {this.state.kuota_selasa}\n
\nInformasi
\n\n Jadwal Pelajaran untuk hari Rabu sudah dibuat,\n jika mengganti atau menghapus waktu pada hari Rabu\n maka akan menghapus Jadwal Pelajaran pada hari\n Rabu\n
\n\n Kuota : {this.state.kuota_rabu}\n
\nInformasi
\n\n Jadwal Pelajaran untuk hari Kamis sudah dibuat,\n jika mengganti atau menghapus waktu pada hari\n Kamis maka akan menghapus Jadwal Pelajaran pada\n hari Kamis\n
\n\n Kuota : {this.state.kuota_kamis}\n
\nInformasi
\n\n Jadwal Pelajaran untuk hari Jumat sudah dibuat,\n jika mengganti atau menghapus waktu pada hari\n Jumat maka akan menghapus Jadwal Pelajaran pada\n hari Jumat\n
\n\n Kuota : {this.state.kuota_jumat}\n
\nInformasi
\n\n Jadwal Pelajaran untuk hari Sabtu sudah dibuat,\n jika mengganti atau menghapus waktu pada hari\n Sabtu maka akan menghapus Jadwal Pelajaran pada\n hari Sabtu\n
\n\n Kuota : {this.state.kuota_sabtu}\n
\nInformasi
\n\n Jadwal Pelajaran untuk hari Minggu sudah dibuat,\n jika mengganti atau menghapus waktu pada hari\n Minggu maka akan menghapus Jadwal Pelajaran pada\n hari Minggu\n
\n\n Kuota : {this.state.kuota_minggu}\n
\n| No | \n {/*Kode | */}\nJenjang | \n {/*Kode | */}\nKMP | \n {/*Kode | */}\nJKMP | \n {/*Kode | */}\nMata Pelajaran | \nIndeks MPK | \nKuota | \nAksi | \n
|---|---|---|---|---|---|---|---|---|---|---|---|
| \n {index + 1} \n | \n {/* {mapel.kode_jenjang} | */}\n \n \n {mapel.kode_jenjang} - {mapel.jenjang}\n \n | \n {/* {mapel.kode_kmp} | */}\n \n \n {mapel.kode_kmp} - {mapel.kmp}\n \n | \n {/* {mapel.kode_jkmp} | */}\n \n \n {mapel.kode_jkmp} - {mapel.jkmp}\n \n | \n {/* {mapel.kode_mp} | */}\n \n \n {mapel.kode_mp} - {mapel.mp}\n \n | \n \n {mapel.indeks_mpk} \n | \n \n {kode == \"AGAMA\" ||\n kode == \"LINTAS MINAT 1\" ||\n kode == \"LINTAS MINAT 2\" ||\n kode == \"MAPEL PILIHAN 1\" ||\n kode == \"MAPEL PILIHAN 2\" ? (\n <>\n {(() => {\n if (kode == \"LINTAS MINAT 1\")\n return (\n | \n \n {(() => {\n if (kode == \"AGAMA\") {\n return (\n | \n
UMUM : {umum}
\nAGAMA : {agama}
\n {this.state.peminatan_search == 6 &&\n this.state.jenjang_id_select == 4 ? (\nIBB : {ibb}
\n ) : (\n \"\"\n )}\n {this.state.jenjang_id_select == 5 ? (\nBAHASA : {ibb}
\n ) : (\n \"\"\n )}\n {this.state.jenjang_id_select == 4 ||\n this.state.jenjang_id_select == 3 ? (\n <>\n {/*SENI : {seni}
*/}\nPRAKARYA : {prakar}
\n {this.state.jenjang_id_select == 4 ? (\n <>\n {this.state.kurikulum_search == \"k13\" ? (\n <>\nLINTAS MINAT 1 : {l1}
\nLINTAS MINAT 2 : {l2}
\n \n ) : (\n <>\n {this.state.kelas_search == \"XI\" ||\n this.state.kelas_search == \"XII\" ? (\n <>\n\n MAPEL PILIHAN 1: {totalPilihan1}\n
\n\n MAPEL PILIHAN 2: {totalPilihan2}\n
\n \n ) : (\n \"\"\n )}\n \n )}\n \n ) : (\n \"\"\n )}\n \n ) : (\n \"\"\n )}\nTOTAL : {allTotal}
\n\n 2 dari 8 langkah\n
\n \n Atur Mata Pelajaran Per Rombongan Belajar\n \n Atur Mata Pelajaran Per Rombongan Belajar.{\" \"}\n {/* \n Pelajari Lebih Lanjut ?\n */}\n \nInformasi
\n\n Data mata pelajaran untuk yang rombel ini sudah\n ada.\n
\n| No | \nKODE KMP | \nKELOMPOK MAPEL | \nKODE JKMP | \nJENIS KELOMPOK MAPEL | \nKODE MAPEL | \nMAPEL | \nINDEKS MPK | \nKUOTA | \n
|---|---|---|---|---|---|---|---|---|
| \n {index + 1} \n | \n \n {mapel.kode_kmp} \n | \n \n {mapel.kmp} \n | \n \n {mapel.kode_jkmp} \n | \n \n {mapel.jkmp} \n | \n \n {mapel.kode_mp} \n | \n \n {mapel.mp} \n | \n \n {mapel.indeks_mpk} \n | \n \n {mapel.kuota} \n | \n
\n UMUM : {this.state.data_count.umum ?? 0}\n
\n\n AGAMA : {this.state.data_count.agama ?? 0}\n
\n {this.state.jenjang_id_select == 4 ? (\n <>\n {this.state.kurikulum_search == \"k13\" ? (\n <>\n\n PRAKARYA : {this.state.data_count.prakarya ?? 0}\n
\n {/*SENI : {this.state.data_count.seni ?? 0}
*/}\n\n\n LINTAS MINAT 1 :{\" \"}\n {this.state.data_count.lintas_minat_1 ?? 0}\n
\n\n LINTAS MINAT 2 :{\" \"}\n {this.state.data_count.lintas_minat_2 ?? 0}\n
\n \n ) : (\n <>\n {this.state.kelas_search == \"XI\" ||\n this.state.kelas_search == \"XII\" ? (\n <>\n\n MAPEL PILIHAN 1:{\" \"}\n {this.state.data_count.mapel_pilihan_1}\n
\n\n MAPEL PILIHAN 2:{\" \"}\n {this.state.data_count.mapel_pilihan_2}\n
\n \n ) : (\n \"\"\n )}\n \n )}\n \n ) : (\n \"\"\n )}\n {this.state.jenjang_id_select == 5 ? (\n <>\n\n BAHASA : {this.state.data_count.bahasa ?? 0}\n
\n \n ) : (\n \"\"\n )}\n {/* {this.state.jenjang_id_select == 4 ? \n <>\nPRAKARYA : {this.state.data_count.prakarya ?? 0}
\nSENI : {this.state.data_count.seni ?? 0}
\nLINTAS MINAT 1 : {this.state.data_count.lintas_minat_1 ?? 0}
\nLINTAS MINAT 2 : {this.state.data_count.lintas_minat_2 ?? 0}
\n \n :''} */}\n\n\n TOTAL : {this.state.data_count.total ?? 0}\n
\n\n 3 dari 8 langkah\n
\n \n Daftar Mata Pelajaran Per Rombongan Belajar\n {/* ? */}\n \n {/* \n Pelajari Lebih Lanjut ?\n */}\n \nTidak ada mapel Agama sama sekali
)\n }\n }\n\n selectMapelLintasMinat1(id_siswa, mapel_siswa) {\n if(this.state.dataL1 != ''){\n var options = [];\n var data = this.state.dataL1;\n var mpk_id = 0;\n for(let i=0 ; iTidak ada mapel Lintas Minat 1 sama sekali
)\n }\n }\n\n selectMapelLintasMinat2(id_siswa, mapel_siswa) {\n if(this.state.dataL2 != ''){\n var options = [];\n var data = this.state.dataL2;\n var mpk_id = 0;\n for(let i=0 ; iTidak ada mapel Lintas Minat 2 sama sekali
)\n }\n }\n\n selectMapelPilihan1(id_siswa, mapel_siswa) {\n if(this.state.dataPil1 != '') {\n var options = [];\n var data = this.state.dataPil1;\n var mpk_id = 0;\n for(let i=0 ; iTidak ada mapel Pilihan 1 sama sekali
)\n }\n }\n\n selectMapelPilihan2(id_siswa, mapel_siswa) {\n if(this.state.dataPil2 != '') {\n var options = [];\n var data = this.state.dataPil2;\n var mpk_id = 0;\n for(let i=0 ; iTidak ada mapel Pilihan 2 sama sekali
)\n }\n }\n\n getTahunAjaranNow() {\n var ta = [];\n var u = this.state.tahunSekarang + 1;\n var tahun_sekarang = this.state.tahunSekarang + 1;\n\n for (var i = tahun_sekarang; i >= 2005; i--) {\n u = u - 1;\n ta.push({ value: u + \" / \" + i, label: u + \" / \" + i });\n }\n this.setState({ data_tahun_ajaran: ta });\n }\n\n getKelas() {\n var kelas = [];\n if (this.state.jenjang_id_select == \"2\") {\n kelas = [\n { value: \"I\", label: \"I\" },\n { value: \"II\", label: \"II\" },\n { value: \"III\", label: \"III\" },\n { value: \"IV\", label: \"IV\" },\n { value: \"V\", label: \"V\" },\n { value: \"VI\", label: \"VI\" },\n ];\n } else if (this.state.jenjang_id_select == \"3\") {\n kelas = [\n { value: \"VII\", label: \"VII\" },\n { value: \"VIII\", label: \"VIII\" },\n { value: \"IX\", label: \"IX\" },\n ];\n } else if (this.state.jenjang_id_select == \"4\") {\n kelas = [\n { value: \"X\", label: \"X\" },\n { value: \"XI\", label: \"XI\" },\n { value: \"XII\", label: \"XII\" },\n ];\n } else if (this.state.jenjang_id_select == \"5\") {\n kelas = [\n { value: \"X\", label: \"X\" },\n { value: \"XI\", label: \"XI\" },\n { value: \"XII\", label: \"XII\" },\n { value: \"XIII\", label: \"XIII\" },\n ];\n }\n this.setState({ data_kelas: kelas });\n }\n\n getKurikulum() {\n this.setState({ data_kurikulum: dataKurikulum });\n }\n\n getPeminatanSMA() {\n this.setState({ loading_peminatan: !this.state.loading_peminatan });\n if (this.state.jenjang_id_select == \"4\") {\n axios\n .get(\n this.state.url_get_spektrum +\n \"?jenjang=\" +\n this.state.jenjang_id_select +\n \"&kurikulum=\" +\n this.state.kurikulum_search,\n { headers: { Authorization: tokenApi } }\n )\n .then((res) => {\n if (res.data.status == true) {\n this.setState({ data_spektrum: res.data.data });\n this.setState({ loading_peminatan: false });\n } else {\n this.setState({ data_spektrum: [] });\n this.setState({ loading_peminatan: false });\n }\n });\n }\n }\n\n getRombel() {\n this.setState({ loading_rombel: !this.state.loading_rombel });\n var peminatan = \"\";\n if (\n this.state.jenjang_id_select == \"5\"\n ? (peminatan = this.state.kompetensi_search)\n : (peminatan = this.state.peminatan_search)\n );\n if (this.state.kurikulum_search == null) {\n this.setState({\n peminatan_search: \"\",\n });\n }\n axios\n .get(\n `${this.state.url_get_rombel}?tahun_ajaran=${this.state.tahun_ajaran_search}&kelas=${this.state.kelas_search}&peminatan=${peminatan}&user_institusi_id=${this.state.institusi_id_select}&kurikulum=${this.state.kurikulum_search}`,\n { headers: { Authorization: tokenApi } }\n )\n .then((res) => {\n this.setState({\n data_rombel: res.data,\n loadingFilter: false,\n loading_rombel: false,\n });\n });\n }\n\n // SMK\n getBidang(create) {\n if (this.state.jenjang_id_select == 5) {\n this.setState({ loading_bidang: !this.state.loading_bidang });\n axios\n .get(`${this.state.url_get_smk}?parent_id=0&jenjang_id=5&kurikulum=${this.state.kurikulum_search}`, {\n headers: { Authorization: tokenApi },\n })\n .then((res) => {\n if (create != null) {\n this.setState({ data_bidang_p: res.data });\n } else {\n this.setState({ data_bidang: res.data });\n this.setState({ loading_bidang: false });\n }\n })\n .catch((err) => {\n this.setState({ loading_bidang: false });\n });\n }\n }\n\n getProgram(create) {\n if (this.state.jenjang_id_select == 5) {\n this.setState({ loading_program: !this.state.loading_program });\n var bidang = \"\";\n if (\n create != null\n ? (bidang = this.state.bidang)\n : (bidang = this.state.bidang_search)\n );\n axios\n .get(`${this.state.url_get_smk}?parent_id=${bidang}&jenjang_id=5&kurikulum=${this.state.kurikulum_search}`, {\n headers: { Authorization: tokenApi },\n })\n .then((res) => {\n if (create != null) {\n this.setState({ data_program_p: res.data });\n } else {\n this.setState({ data_program: res.data });\n this.setState({ loading_program: false });\n }\n })\n .catch((err) => {\n this.setState({ loading_program: false });\n });\n }\n }\n\n getKompetensi(create) {\n if (this.state.jenjang_id_select == 5) {\n this.setState({ loading_kompetensi: !this.state.loading_kompetensi });\n var program = \"\";\n if (\n create != null\n ? (program = this.state.program)\n : (program = this.state.program_search)\n );\n axios\n .get(`${this.state.url_get_smk}?parent_id=${program}&jenjang_id=5&kurikulum=${this.state.kurikulum_search}`, {\n headers: { Authorization: tokenApi },\n })\n .then((res) => {\n if (create != null) {\n this.setState({ data_kompetensi_p: res.data });\n } else {\n this.setState({ data_kompetensi: res.data });\n this.setState({ loading_kompetensi: false });\n }\n })\n .catch((err) => {\n this.setState({ loading_kompetensi: false });\n });\n }\n }\n\n getDataFilterSMA() {\n axios\n .get(this.state.url_get_filter + \"/\" + this.state.institusi_id_select, {\n headers: { Authorization: tokenApi },\n })\n .then((res) => {\n if (res.data.status == true) {\n this.setState(\n {\n tahun_ajaran_search: res.data.data.tahun_ajaran != null ? res.data.data.tahun_ajaran : \"\",\n kelas_search: res.data.data.kelas !== null ? res.data.data.kelas : \"\",\n peminatan_search: res.data.data.kompetensi_id !== null ? res.data.data.kompetensi_id : \"\",\n peminatan_search_label: res.data.data.kompetensi !== null ? res.data.data.kompetensi : \"\",\n bidang_search: res.data.data.bidang_id !== null ? res.data.data.bidang_id : \"\",\n bidang_search_label: res.data.data.bidang !== null ? res.data.data.bidang : \"\",\n program_search: res.data.data.program_id !== null ? res.data.data.program_id : \"\",\n program_search_label: res.data.data.program !== null ? res.data.data.program : \"\",\n kompetensi_search: res.data.data.kompetensi_id !== null ? res.data.data.kompetensi_id : \"\",\n kompetensi_search_label: res.data.data.kompetensi !== null ? res.data.data.kompetensi : \"\",\n rombel_search: res.data.data.rombel_id !== null ? res.data.data.rombel_id : \"\",\n rombel_search_label: res.data.data.rombel !== null ? res.data.data.rombel : \"\",\n semester_search: res.data.data.semester !== null ? res.data.data.semester : \"\",\n kurikulum_search: res.data.data.kurikulum !== null ? res.data.data.kurikulum : \"\",\n },\n function() {\n this.getTahunAjaranNow();\n this.getKelas();\n this.getKurikulum();\n this.getPeminatanSMA();\n this.getRombel();\n this.getBidang();\n this.getProgram();\n this.getKompetensi();\n }\n );\n } else {\n this.setState({ loadingFilter : false });\n }\n });\n }\n\n // SHOW TYPE FILTER PER JENJANG\n showSelectFilterSD() {\n if (this.state.loadingFilter == false && this.state.data_tahun_ajaran ) {\n return (\n <>\n\n 4 dari 8 langkah\n
\n \n Atur Mata Pelajaran Per Siswa\n \n {/* \n Pelajari Lebih Lanjut ?\n */}\n \nInformasi
\nData mata pelajaran untuk yang siswa ini sudah ada.
\n| No | \nNISN | \nNAMA LENGKAP | \nJENIS KELAMIN | \nUSERNAME | \nKELAS | \n {this.state.jenjang_id_select == \"4\" ? (\nPEMINATAN | \n ) : \"\"}\n {this.state.jenjang_id_select == \"5\" ? (\n <>\nBIDANG KEAHLIAN | \nPROGRAM KEAHLIAN | \nKOMPETENSI KEAHLIAN | \n \n ) : \"\"}\nROMBEL | \n
|---|---|---|---|---|---|---|---|---|---|---|
{index+1} | \n {mapel.nisn} | \n {mapel.nama} | \n {gender[mapel.jenis_kelamin]} | \n {mapel.username} | \n {mapel.kelas} | \n {this.state.jenjang_id_select == \"4\" ? (\n {this.state.peminatan_search_label} | \n ) : \"\"}\n {this.state.jenjang_id_select == \"5\" ? (\n <>\n {this.state.bidang_search_label} | \n {this.state.program_search_label} | \n {this.state.kompetensi_search_label} | \n \n ) : \"\"}\n {mapel.nama_rombel} | \n
\n 5 dari 8 langkah\n
\n \n Daftar Mata Pelajaran Per Siswa\n \n {/* \n Pelajari Lebih Lanjut ?\n */}\n \n| Hari | \nJam Ke | \n
|---|---|
| Senin | \n {trSenin}\n|
| Selasa | \n {trSelasa}\n|
| Rabu | \n {trRabu}\n|
| Kamis | \n {trKamis}\n|
| Jumat | \n {trJumat}\n|
| Sabtu | \n {trSabtu}\n|
| Minggu | \n {trMinggu}\n
\n 6 dari 8 langkah\n
\n \n\n Atur Waktu Guru\n \n Atur Waktu Guru. {\" \"}\n {/* \n Pelajari Lebih Lanjut ?\n */}\n \n{jekel}
);\n },\n\n inisial: (col, data) => {\n var inisial = '';\n var potong = '';\n var potong2 = '';\n var potong4 = '';\n var potong5 = '';\n if(col.inisial !== null){\n inisial = col.inisial\n }else if(col.nama_guru !== null){\n potong = col.nama_guru.substr(0, 3);\n potong2 = col.nama_guru.substr(0, 2);\n potong4 = col.nama_guru.substr(0, 4);\n potong5 = col.nama_guru.substr(0, 5);\n if(potong == \"Dr.\"){\n potong = col.nama_guru.substr(4);\n inisial = potong.substr(0, 3);\n }else if(potong4 == \"Drs.\"){\n potong = col.nama_guru.substr(5);\n inisial = potong.substr(0, 3);\n }else if(potong == \"Ir.\"){\n potong = col.nama_guru.substr(4);\n inisial = potong.substr(0, 3);\n }else if(potong5 == \"Prof.\"){\n potong = col.nama_guru.substr(6);\n inisial = potong.substr(0, 3);\n }else if(potong2 == \"H.\"){\n potong = col.nama_guru.substr(3);\n inisial = potong.substr(0, 3);\n }else if(potong == \"Hj.\"){\n potong = col.nama_guru.substr(4);\n inisial = potong.substr(0, 3);\n }else{\n inisial = potong.substr(0, 3);\n }\n } \n return ({inisial}
);\n },\n\n aksi:(col, data) => {\n return (\n| No | \nKODE KMP | \nKODE JKMP | \nMATA PELAJARAN | \nKODE MPK | \nKUOTA | \nPENGAMPU | \n
|---|---|---|---|---|---|---|
{u=u+1} | \n {\"A\"} | \n {\"A\"} | \n {\"Agama\"} | \n - | \n {this.state.count_agama} | \n \n \n \n \n | \n
{u=u+1} | \n {mapel.kode_kmp} | \n {mapel.kode_jkmp} | \n {mapel.mp} | \n {mapel.indeks_mpk} | \n {mapel.kuota} | \n \n \n \n \n | \n
{u=u+1} | \n {\"C\"} | \n {\"2\"} | \n {\"Lintas Minat 1\"} | \n - | \n {this.state.count_l1} | \n \n \n \n \n | \n
{u=u+1} | \n {\"C\"} | \n {\"2\"} | \n {\"Lintas Minat 2\"} | \n - | \n {this.state.count_l2} | \n \n \n \n \n | \n
{u=u+1} | \n {\"C\"} | \n {\"N\"} | \n {\"Pilihan 1\"} | \n - | \n {this.state.count_pilihan_1} | \n \n \n \n \n | \n
{u=u+1} | \n {\"C\"} | \n {\"N\"} | \n {\"Pilihan 2\"} | \n - | \n {this.state.count_pilihan_2} | \n \n \n \n \n | \n
{u=u+1} | \n {\"C\"} | \n {\"N\"} | \n {\"Pilihan\"} | \n - | \n {this.state.count_pilihan} | \n \n \n \n \n | \n
\n 7 dari 8 langkah\n
\n \n\n Atur Guru Per Rombel\n \n Atur Guru Per Rombel. {\" \"}\n {/* \n Pelajari Lebih Lanjut ?\n */}\n \nJadwal Hari {hari}
\nMulai dari Jam : {jamAwal} - {jamAkhir}
\n| Jam Ke | \nJam Awal | \nJam Akhir | \nMata Pelajaran | \nGuru | \nTukar | \n \n \n {dataShow}\n \n
|---|
Detail Mata Pelajaran {this.state.mapel_select}
| Mata Pelajaran | \nGuru | \n
|---|---|
| {mapel.mp + \" - \" + mapel.indeks_mpk}{\"-\"+mapel.nama.substr(0, 3)} | \n{mapel.nama} | \n
Tukar Jadwal
\n Langkah terakhir\n
\n \n Atur Jadwal Pelajaran\n \n {/* \n Pelajari Lebih Lanjut ?\n */}\n \n| Rombel | \nSenin | \nSelasa | \nRabu | \nKamis | \nJumat | \nSabtu | \nMinggu | \n
|---|---|---|---|---|---|---|---|
{this.state.messageGetJadwal != '' ? (this.state.messageGetJadwal) : (\"Select Filter terlebih dahulu\")}
| Jam Ke | \nJam Awal | \nJam Akhir | \nMata Pelajaran | \nGuru | \n
|---|
| Jam Ke | \nJam Awal | \nJam Akhir | \nMata Pelajaran | \nGuru | \n
|---|
| Jam Ke | \nJam Awal | \nJam Akhir | \nMata Pelajaran | \nGuru | \n
|---|
| Jam Ke | \nJam Awal | \nJam Akhir | \nMata Pelajaran | \nGuru | \n
|---|
| Jam Ke | \nJam Awal | \nJam Akhir | \nMata Pelajaran | \nGuru | \n
|---|
| Jam Ke | \nJam Awal | \nJam Akhir | \nMata Pelajaran | \nGuru | \n
|---|
| Jam Ke | \nJam Awal | \nJam Akhir | \nMata Pelajaran | \nGuru | \n
|---|
| Nama Guru | \nSenin | \nSelasa | \nRabu | \nKamis | \nJumat | \nSabtu | \nMinggu | \n
|---|---|---|---|---|---|---|---|
{this.state.messageGetJadwal != '' ? (this.state.messageGetJadwal) : (\"Select Filter terlebih dahulu\")}
| Jam Ke | \nJam Awal | \nJam Akhir | \nKelas & Ruang | \nMata Pelajaran | \n
|---|
| Jam Ke | \nJam Awal | \nJam Akhir | \nKelas & Ruang | \nMata Pelajaran | \n
|---|
| Jam Ke | \nJam Awal | \nJam Akhir | \nKelas & Ruang | \nMata Pelajaran | \n
|---|
| Jam Ke | \nJam Awal | \nJam Akhir | \nKelas & Ruang | \nMata Pelajaran | \n
|---|
| Jam Ke | \nJam Awal | \nJam Akhir | \nKelas & Ruang | \nMata Pelajaran | \n
|---|
| Jam Ke | \nJam Awal | \nJam Akhir | \nKelas & Ruang | \nMata Pelajaran | \n
|---|
| Jam Ke | \nJam Awal | \nJam Akhir | \nKelas & Ruang | \nMata Pelajaran | \n
|---|
Tidak ada jadwal untuk guru tersebut, silahkan buat jadwal Pelajaran terlebih dahulu
\" : \"\"}\n \n \n `\n );\n \n windowPrint.print();\n windowPrint.close();\n this.setState({loadingPrint : false});\n }\n });\n } else {\n this.setState({ \n show_alert : true, \n title_alert : \"Gagal\",\n icon_alert : \"error\",\n message_alert : \"Isi filter dengan Benar\",\n loadingPrint : false,\n });\n }\n }\n\n getTahunAjaranNow(){\n var ta = [];\n var u = this.state.tahunSekarang + 1;\n var tahun_sekarang = this.state.tahunSekarang + 1;\n\n for(var i=tahun_sekarang; i >= 2005; i--){\n u = u - 1;\n ta.push({\"value\":u+' / '+i, \"label\":u+' / '+i});\n }\n this.setState({ data_tahun_ajaran: ta });\n }\n\n getSemester(){\n this.setState({data_semester : semester});\n }\n\n getKelas() {\n var kelas = [];\n if (this.state.jenjang_id_select == \"2\") {\n kelas = [\n { value: \"I\", label: \"I\" },\n { value: \"II\", label: \"II\" },\n { value: \"III\", label: \"III\" },\n { value: \"IV\", label: \"IV\" },\n { value: \"V\", label: \"V\" },\n { value: \"VI\", label: \"VI\" },\n ];\n } else if (this.state.jenjang_id_select == \"3\") {\n kelas = [\n { value: \"VII\", label: \"VII\" },\n { value: \"VIII\", label: \"VIII\" },\n { value: \"IX\", label: \"IX\" },\n ];\n } else if (this.state.jenjang_id_select == \"4\") {\n kelas = [\n { value: \"X\", label: \"X\" },\n { value: \"XI\", label: \"XI\" },\n { value: \"XII\", label: \"XII\" },\n ];\n } else if (this.state.jenjang_id_select == \"5\") {\n kelas = [\n { value: \"X\", label: \"X\" },\n { value: \"XI\", label: \"XI\" },\n { value: \"XII\", label: \"XII\" },\n { value: \"XIII\", label: \"XIII\" },\n ];\n }\n this.setState({ data_kelas: kelas });\n }\n\n getGuru(){\n axios.get(`${this.state.url_get_guru}?institusi=${this.state.institusi_id_select}&tahun_ajaran=${this.state.tahun_ajaran_search}`, {headers:{Authorization:tokenApi}})\n .then(res => {\n if(res.data != null){\n this.setState({ data_guru : res.data });\n }\n })\n }\n \n // SHOW TYPE FILTER PER JENJANG\n showSelectFilterTa(){\n if(this.state.data_tahun_ajaran != ''){\n return(\n <>\n\n Anggota Forum Group Tetap Level 1 adalah semua guru, PTK/lainnya dan siswa dalam 1 sekolah semua level angkatan per tahun ajaran yang sama.\n
\n \n \n \n\n Anggota Forum Group Tetap Level 2 adalah semua guru, PTK/lainnya dan siswa dalam 1 sekolah per level angkatan dan tahun ajaran yang sama.\n
\n \n \n \n\n Anggota Forum Group Tetap Level 3 adalah siswa dan guru pengajar per rombel dan tahun ajaran yang sama.\n
\n \n \n \n\n Anggota Forum Group Tetap Level 4 adalah wali kelas dan orang tua / wali per rombel dan tahun ajaran yang sama.\n
\n \n \n \n{jekel}
);\n },\n }}\n columns={[\n {\n index: \"tahun_ajaran\",\n label: \"TAHUN AJARAN\",\n },\n {\n index: \"kelas\",\n label: \"KELAS\",\n },\n this.state.m_struktur_id == 4 ? \n {\n index: \"jurusan\",\n label: \"PEMINATAN\",\n } : {},\n this.state.m_struktur_id == 5 ? \n {\n index: \"jurusan\",\n label: \"Kompetensi\",\n } : {},\n {\n index: \"rombel\",\n label: \"ROMBEL\",\n },\n {\n index: \"nama\",\n label: \"NAMA\",\n },\n {\n index: \"jenis_kelamin\",\n label: \"JENIS KELAMIN\",\n },\n ]}\n />\n{jekel}
);\n },\n }}\n columns={[\n {\n index: \"tahun_ajaran\",\n label: \"TAHUN AJARAN\",\n },\n {\n index: \"nama_penugasan\",\n label: \"PENUGASAN GURU\",\n },\n {\n index: \"nama\",\n label: \"NAMA\",\n },\n {\n index: \"jenis_kelamin\",\n label: \"JENIS KELAMIN\",\n },\n ]}\n />\n{jekel}
);\n },\n }}\n columns={[\n {\n index: \"tahun_ajaran\",\n label: \"TAHUN AJARAN\",\n },\n {\n index: \"nama_penugasan\",\n label: \"PENUGASAN LAINNYA\",\n },\n {\n index: \"nama\",\n label: \"NAMA\",\n },\n {\n index: \"jenis_kelamin\",\n label: \"JENIS KELAMIN\",\n },\n ]}\n />\nSelect Filter terlebih dahulu
\nPilih filter secara berurutan
\n )}\n{jekel}
);\n },\n }}\n columns={[\n {\n index: \"tahun_ajaran\",\n label: \"TAHUN AJARAN\",\n },\n {\n index: \"nama_penugasan\",\n label: \"PENUGASAN GURU\",\n },\n {\n index: \"nama\",\n label: \"NAMA\",\n },\n {\n index: \"jenis_kelamin\",\n label: \"JENIS KELAMIN\",\n },\n ]}\n />\n{jekel}
);\n },\n }}\n columns={[\n {\n index: \"tahun_ajaran\",\n label: \"TAHUN AJARAN\",\n },\n {\n index: \"nama_penugasan\",\n label: \"PENUGASAN LAINNYA\",\n },\n {\n index: \"nama\",\n label: \"NAMA\",\n },\n {\n index: \"jenis_kelamin\",\n label: \"JENIS KELAMIN\",\n },\n ]}\n />\nSelect Filter terlebih dahulu
\nPilih filter secara berurutan
\n )}\n{jekel}
);\n },\n }}\n columns={[\n {\n index: \"tahun_ajaran\",\n label: \"TAHUN AJARAN\",\n },\n {\n index: \"kelas\",\n label: \"KELAS\",\n },\n this.state.jenjang_id_select == 4 ? \n {\n index: \"jurusan\",\n label: \"PEMINATAN\",\n } : {},\n this.state.jenjang_id_select == 5 ? \n {\n index: \"jurusan\",\n label: \"KOMPETENSI\",\n } : {},\n {\n index: \"rombel\",\n label: \"ROMBEL\",\n },\n {\n index: \"nama\",\n label: \"NAMA\",\n },\n {\n index: \"jenis_kelamin\",\n label: \"JENIS KELAMIN\",\n },\n ]}\n />\n{jekel}
);\n },\n }}\n columns={[\n {\n index: \"tahun_ajaran\",\n label: \"TAHUN AJARAN\",\n },\n {\n index: \"nama_penugasan\",\n label: \"PENUGASAN GURU\",\n },\n {\n index: \"nama\",\n label: \"NAMA\",\n },\n {\n index: \"jenis_kelamin\",\n label: \"JENIS KELAMIN\",\n },\n ]}\n />\nSelect Filter terlebih dahulu
\nPilih filter secara berurutan
\n )}\n{jekel}
);\n },\n }}\n columns={[\n {\n index: \"tahun_ajaran\",\n label: \"TAHUN AJARAN\",\n },\n {\n index: \"kelas\",\n label: \"KELAS\",\n },\n this.state.jenjang_id_select == 4 ? \n {\n index: \"jurusan\",\n label: \"PEMINATAN\",\n } : {},\n this.state.jenjang_id_select == 5 ? \n {\n index: \"jurusan\",\n label: \"KOMPETENSI\",\n } : {},\n {\n index: \"rombel\",\n label: \"ROMBEL\",\n },\n {\n index: \"nama_anak\",\n label: \"NAMA ANAK\",\n },\n {\n index: \"jenis_orangtua\",\n label: \"JENIS ORANGTUA\",\n },\n {\n index: \"nama\",\n label: \"NAMA ORANGTUA\",\n },\n ]}\n />\n{jekel}
);\n },\n }}\n columns={[\n {\n index: \"tahun_ajaran\",\n label: \"TAHUN AJARAN\",\n },\n {\n index: \"nama_penugasan\",\n label: \"PENUGASAN GURU\",\n },\n {\n index: \"rombel\",\n label: \"Rombel\",\n },\n {\n index: \"nama\",\n label: \"NAMA\",\n },\n {\n index: \"jenis_kelamin\",\n label: \"JENIS KELAMIN\",\n },\n ]}\n />\nSelect Filter terlebih dahulu
\nJumlah Guru
\nJumlah Siswa
\nJumlah PTK/Lainnya
\nNPSN :
\nEmail :
\nAlamat :
\nKode Pos :
\nNomor Telepon :
\nFax :
\nMaaf halaman yang Anda cari tidak ada atau untuk sementara tidak tersedia
\nSilahkan Login terlebih dahulu
\nInformasi
\n{localStorage.getItem(\"alert\")}
\n© 2018 Schoolmedia. All rights reserved
\nInformasi
\n{localStorage.getItem(\"alert\")}
\n© 2018 Schoolmedia. All rights reserved
\nSelect Filter terlebih dahulu
\nPilih Rombel :
\nPilih siswa dan klik tombol
\n {this.state.checkAll == false ? (\n