From e058ed36b82fab7973e4cbdb09187073810697a6 Mon Sep 17 00:00:00 2001
From: AbangAzmi <garuda@cbt.com>
Date: Fri, 17 May 2024 13:49:30 +0700
Subject: [PATCH] 1.5.3 BETA 2

---
 application/views/cbt/banksoal/soal1.php | 464 -----------------------
 assets/app/js/cbt/banksoal/soal.js       |   2 +-
 2 files changed, 1 insertion(+), 465 deletions(-)
 delete mode 100644 application/views/cbt/banksoal/soal1.php

diff --git a/application/views/cbt/banksoal/soal1.php b/application/views/cbt/banksoal/soal1.php
deleted file mode 100644
index 9ee3b415..00000000
--- a/application/views/cbt/banksoal/soal1.php
+++ /dev/null
@@ -1,464 +0,0 @@
-<?php
-/**
- * Created by IntelliJ IDEA.
- * User: multazam
- * Date: 14/07/20
- * Time: 17:46
- */
-
-$dataFileAttach = [];
-$att = @unserialize($soal->file);
-if ($att !== false) {
-    $dataFileAttach = unserialize($soal->file);
-}
-
-?>
-
-<div class="content-wrapper bg-white">
-    <section class="content-header">
-        <div class="container-fluid">
-            <div class="d-sm-flex justify-content-between mb-2">
-                <h1><?= $subjudul ?></h1>
-                <button onclick="window.history.back();" type="button" class="btn btn-sm btn-danger float-right">
-                    <i class="fas fa-arrow-circle-left"></i><span
-                            class="d-none d-sm-inline-block ml-1">Kembali</span>
-                </button>
-            </div>
-        </div>
-    </section>
-
-    <section class="content">
-        <div class="container-fluid">
-            <?php
-            //echo time();
-            //echo '<pre>';
-            //var_dump(unserialize($soal->file));
-            //var_dump($jml_pg);
-            //for ($i=97; $i<117; $i++) {
-            //    var_dump(chr($i));
-            //}
-            //echo '</pre>';
-            ?>
-            <div class="card my-shadow">
-                <div class="card-body">
-                    <div class="row">
-                        <h6 class="col-md-6"><b>Bank
-                                Soal:</b> <?= $bank->bank_kode . ' | PG: ' . $bank->tampil_pg . ', Essai: ' . $bank->tampil_esai ?>
-                        </h6>
-                    </div>
-                </div>
-            </div>
-            <?= form_open('create', array('id' => 'create')) ?>
-            <div class="card my-shadow">
-                <div class="card-header p-2">
-                    <ul class="nav nav-pills">
-                        <li class="nav-item"><a class="nav-link <?= $tab_active == '1' ? 'active' : '' ?>" href="#ganda"
-                                                data-toggle="tab">Pilihan Ganda</a></li>
-                        <li class="nav-item"><a class="nav-link <?= $tab_active == '2' ? 'active' : '' ?>"
-                                                href="#kompleks" data-toggle="tab">Pilihan Ganda Kompleks</a></li>
-                        <li class="nav-item"><a class="nav-link <?= $tab_active == '3' ? 'active' : '' ?>" href="#jodoh"
-                                                data-toggle="tab">Menjodohkan</a></li>
-                        <li class="nav-item"><a class="nav-link <?= $tab_active == '4' ? 'active' : '' ?>" href="#isian"
-                                                data-toggle="tab">Isian Singkat</a></li>
-                        <li class="nav-item"><a class="nav-link <?= $tab_active == '5' ? 'active' : '' ?>" href="#essai"
-                                                data-toggle="tab">Essai/Uraian</a></li>
-                    </ul>
-                </div>
-                <div class="card-body">
-                    <input type="hidden" id="jenis-id" name="jenis" value="1" class="form-control">
-                    <input type="hidden" id="bank-id" name="bank_id" value="<?= $bank->id_bank ?>" class="form-control">
-                    <input type="hidden" id="soal-id" name="soal_id"
-                           value="<?= is_null($soal) ? '0' : $soal->id_soal ?>" class="form-control">
-                    <input type="hidden" id="method" name="method" value="<?= is_null($soal) ? 'add' : 'edit' ?>"
-                           class="form-control">
-
-                    <div class="tab-content">
-                        <div class="tab-pane  <?= $tab_active == '1' ? 'active' : '' ?>" id="ganda">
-                            <div class="alert alert-default-success align-content-center" role="alert">
-                                Jenis Soal Pilihan Ganda
-                            </div>
-                            <span><b>PG NOMOR: </b></span><br>
-                            <?php
-                            $pg_belum_komplit = [];
-                            $pg2_belum_komplit = [];
-                            $jodohkan_belum_komplit = [];
-                            $isian_belum_komplit = [];
-                            $essai_belum_komplit = [];
-
-                            foreach ($soal_belum_komplit as $key => $value) {
-                                if ($value->jenis == '1') {
-                                    array_push($pg_belum_komplit, $value->nomor_soal);
-                                } elseif ($value->jenis == '2') {
-                                    array_push($pg2_belum_komplit, $value->nomor_soal);
-                                } elseif ($value->jenis == '3') {
-                                    array_push($jodohkan_belum_komplit, $value->nomor_soal);
-                                } elseif ($value->jenis == '4') {
-                                    array_push($isian_belum_komplit, $value->nomor_soal);
-                                } else {
-                                    array_push($essai_belum_komplit, $value->nomor_soal);
-                                }
-                            }
-
-                            $soal_pg_ada = [];
-                            $soal_pg2_ada = [];
-                            $soal_jodohkan_ada = [];
-                            $soal_isian_ada = [];
-                            $soal_esai_ada = [];
-
-                            foreach ($soal_ada as $key => $value) {
-                                if ($value->jenis == '1') {
-                                    array_push($soal_pg_ada, $value->nomor_soal);
-                                } elseif ($value->jenis == '2') {
-                                    array_push($soal_pg2_ada, $value->nomor_soal);
-                                } elseif ($value->jenis == '3') {
-                                    array_push($soal_jodohkan_ada, $value->nomor_soal);
-                                } elseif ($value->jenis == '4') {
-                                    array_push($soal_isian_ada, $value->nomor_soal);
-                                } else {
-                                    array_push($soal_esai_ada, $value->nomor_soal);
-                                }
-                            }
-
-                            $no = 1;
-                            $tpg = $jml_pg == null || $jml_pg->nomor_soal == null ? 0 : $jml_pg->nomor_soal;
-                            for ($i = 0; $i < $tpg; $i++) : ?>
-                                <a href="javascript:void(0)"
-                                   class="mt-1 btn btn-circle-sm <?= !in_array($no, $pg_belum_komplit) ? 'btn-success' : 'btn-outline-danger' ?> <?= is_null($soal) ? ($no == 1 ? 'active' : '') : ($no == $soal->nomor_soal ? 'active' : '') ?>"
-                                   onclick="getSoalById(<?= $bank->id_bank ?>, <?= $no ?>, <?= '1' . $no ?>, '1')"
-                                   id="btn-<?= '1' . $no ?>"><?= $no ?>
-                                </a>
-                                <?php
-                                $no++;
-                            endfor; ?>
-                            <a href="javascript:void(0)" class="pt-1 btn btn-oval-sm btn-outline-success"
-                               data-mapel="<?= $bank->bank_mapel_id ?>" data-bank="<?= $bank->id_bank ?>"
-                               data-nomor="<?= $no ?>" onclick="tambahSoalPg(this)" id="btn-add-new-pg"><i
-                                        class="fa fa-plus"></i> Tambah PG</a>
-                        </div>
-                        <div class="tab-pane <?= $tab_active == '2' ? 'active' : '' ?>" id="kompleks">
-                            <span><b>SOAL NOMOR: </b></span><br>
-                            <?php
-
-                            $tpg2 = $jml_pg2 == null || $jml_pg2->nomor_soal == null ? 0 : $jml_pg2->nomor_soal;
-                            $no2 = 1;
-                            for ($i = 0; $i < $tpg2; $i++) : ?>
-                                <a href="javascript:void(0)"
-                                   class="mt-1 btn btn-circle-sm <?= !in_array($no2, $pg2_belum_komplit) ? 'btn-success' : 'btn-outline-danger' ?> <?= is_null($soal) ? ($no2 == 1 ? 'active' : '') : ($no2 == $soal->nomor_soal ? 'active' : '') ?>"
-                                   onclick="getSoalById(<?= $bank->id_bank ?>, <?= $no2 ?>, <?= '2' . $no2 ?>, '2')"
-                                   id="btn-<?= '2' . $no2 ?>"><?= $no2 ?>
-                                </a>
-                                <?php
-                                $no2++;
-                            endfor; ?>
-                            <a href="javascript:void(0)" class="pt-1 btn btn-oval-sm btn-outline-success"
-                               data-mapel="<?= $bank->bank_mapel_id ?>" data-bank="<?= $bank->id_bank ?>"
-                               data-nomor="<?= $no2 ?>" onclick="tambahSoalPg2(this)" id="btn-add-new-pg"><i
-                                        class="fa fa-plus"></i> Tambah PG Kompleks</a>
-                        </div>
-                        <div class="tab-pane <?= $tab_active == '3' ? 'active' : '' ?>" id="jodoh">
-                            <span><b>SOAL NOMOR: </b></span><br>
-                            <?php $noj = 1;
-                            $tej = $jml_jodohkan == null || $jml_jodohkan->nomor_soal == null ? 0 : $jml_jodohkan->nomor_soal;
-                            for ($i = 0; $i < $tej; $i++) : ?>
-                                <a href="javascript:void(0)"
-                                   class="mt-1 btn btn-circle-sm <?= !in_array($noj, $jodohkan_belum_komplit) ? 'btn-primary' : 'btn-outline-danger' ?>"
-                                   onclick="getSoalById(<?= $bank->id_bank ?>, <?= $noj ?>, <?= '3' . $noj ?>, '3')"
-                                   id="btn-<?= '3' . $noj ?>"><?= $noj ?>
-                                </a>
-                                <?php $noj++; endfor; ?>
-                            <a href="javascript:void(0)" class="pt-1 btn btn-oval-sm btn-outline-primary"
-                               data-mapel="<?= $bank->bank_mapel_id ?>" data-bank="<?= $bank->id_bank ?>"
-                               data-nomor="<?= $noj ?>" onclick="tambahSoalJodohkan(this)" id="btn-add-new-essai"><i
-                                        class="fa fa-plus"></i> Tambah Soal Menjodohkan</a>
-                        </div>
-                        <div class="tab-pane <?= $tab_active == '4' ? 'active' : '' ?>" id="isian">
-                            <span><b>SOAL NOMOR: </b></span><br>
-                            <?php $noi = 1;
-                            $tei = $jml_isian == null || $jml_isian->nomor_soal == null ? 0 : $jml_isian->nomor_soal;
-                            for ($i = 0; $i < $tei; $i++) : ?>
-                                <a href="javascript:void(0)"
-                                   class="mt-1 btn btn-circle-sm <?= !in_array($noi, $isian_belum_komplit) ? 'btn-primary' : 'btn-outline-danger' ?>"
-                                   onclick="getSoalById(<?= $bank->id_bank ?>, <?= $noi ?>, <?= '4' . $noi ?>, '4')"
-                                   id="btn-<?= '4' . $noi ?>"><?= $noi ?>
-                                </a>
-                                <?php $noi++; endfor; ?>
-                            <a href="javascript:void(0)" class="pt-1 btn btn-oval-sm btn-outline-primary"
-                               data-mapel="<?= $bank->bank_mapel_id ?>" data-bank="<?= $bank->id_bank ?>"
-                               data-nomor="<?= $noi ?>" onclick="tambahSoalIsian(this)" id="btn-add-new-essai"><i
-                                        class="fa fa-plus"></i> Tambah Soal Isian</a>
-                        </div>
-                        <div class="tab-pane <?= $tab_active == '5' ? 'active' : '' ?>" id="essai">
-                            <span><b>ESSAI NOMOR: </b></span><br>
-                            <?php $noe = 1;
-                            $tes = $jml_essai == null || $jml_essai->nomor_soal == null ? 0 : $jml_essai->nomor_soal;
-                            for ($i = 0; $i < $tes; $i++) : ?>
-                                <a href="javascript:void(0)"
-                                   class="mt-1 btn btn-circle-sm <?= !in_array($noe, $essai_belum_komplit) ? 'btn-primary' : 'btn-outline-danger' ?>"
-                                   onclick="getSoalById(<?= $bank->id_bank ?>, <?= $noe ?>, <?= '5' . $noe ?>, '5')"
-                                   id="btn-<?= '5' . $noe ?>"><?= $noe ?>
-                                </a>
-                                <?php $noe++; endfor; ?>
-                            <a href="javascript:void(0)" class="pt-1 btn btn-oval-sm btn-outline-primary"
-                               data-mapel="<?= $bank->bank_mapel_id ?>" data-bank="<?= $bank->id_bank ?>"
-                               data-nomor="<?= $noe ?>" onclick="tambahSoalEssai(this)" id="btn-add-new-essai"><i
-                                        class="fa fa-plus"></i> Tambah Essai</a>
-                        </div>
-                    </div>
-                </div>
-            </div>
-
-            <?php
-            $pg_none = $tab_active == '1' ? '' : 'd-none';
-            $pg2_none = $tab_active == '2' ? '' : 'd-none';
-            $jodohkan_none = $tab_active == '3' ? '' : 'd-none';
-            $isian_none = $tab_active == '4' ? '' : 'd-none';
-            $essai_none = $tab_active == '5' ? '' : 'd-none';
-
-            ?>
-            <div class="card my-shadow">
-                <div class="card-body">
-                    <div class="row">
-                        <div class="col-6">
-                            <div id="nomor-soal"><b>Soal Nomor: 1</b></div>
-                        </div>
-                        <div class="col-6">
-                            <button type="submit" class="btn btn-primary btn-sm float-right">
-                                <i class="fa fa-plus mr-1"></i>Simpan
-                            </button>
-                        </div>
-                    </div>
-                    <div class="soal-area mt-4">
-                        <div class="row">
-                            <div class="col-md-6" id="soal-area">
-                                <div class="form-group">
-                                    <label>Soal</label>
-                                    <textarea class="textsoal" id="textsoal"
-                                              data-id="<?= $this->security->get_csrf_hash() ?>"
-                                              data-name="<?= $this->security->get_csrf_token_name() ?>" name="soal"
-                                              placeholder="Tulis soal disini"
-                                              style="width:100%;"><?= is_null($soal) ? '' : $soal->soal ?></textarea>
-                                </div>
-                            </div>
-                            <div class="col-md-6" id="jawaban-area">
-                                <?php
-                                $opsis [''] = 'Pilih Jawaban Benar :';
-                                $opsis ['a'] = 'A';
-                                $opsis ['b'] = 'B';
-                                $opsis ['c'] = 'C';
-
-                                if ($bank->opsi == 4) {
-                                    $opsis ['d'] = 'D';
-                                    $rangeAbjad = range('a', 'd');
-                                } elseif ($bank->opsi == 5) {
-                                    $opsis ['d'] = 'D';
-                                    $opsis ['e'] = 'E';
-                                    $rangeAbjad = range('a', 'e');
-                                } else {
-                                    $rangeAbjad = range('a', 'c');
-                                };
-                                ?>
-                                <div id="root-opsi-pg" class="<?= $pg_none ?>">
-                                    <?php
-                                    foreach ($rangeAbjad as $abjad) :
-                                        if (is_null($soal)) {
-                                            $isi = '';
-                                        } else {
-                                            $isi = $abjad === 'a' ? $soal->opsi_a :
-                                                ($abjad === 'b' ? $soal->opsi_b :
-                                                    ($abjad === 'c' ? $soal->opsi_c :
-                                                        ($abjad === 'd' ? $soal->opsi_d : $soal->opsi_e)));
-                                        }
-                                        ?>
-                                        <div class="mb-3 ml-3">
-                                            <label>Jawaban <?= strtoupper($abjad) ?></label>
-                                            <textarea class="textjawaban" id="textjawaban_<?= $abjad ?>"
-                                                      name="jawaban_<?= $abjad ?>"
-                                                      placeholder="Place some text here"
-                                                      style="width:100%;"><?= $isi ?></textarea>
-                                        </div>
-                                    <?php endforeach; ?>
-                                </div>
-                                <div id="root-opsi-pg2" class="<?= $pg2_none ?>">
-                                    <div id="opsi-pg2"></div>
-                                    <div class="mb-3 ml-3">
-                                        <button id="tambah-jawaban-pg2" type="button" class="btn btn-success">Tambah
-                                            Jawaban
-                                        </button>
-                                    </div>
-                                </div>
-
-                                <div class="<?= $jodohkan_none ?> mt-4" id="root-opsi-jodohkan">
-                                    <hr>
-                                    <div class="d-flex justify-content-between mb-2">
-                                        <b>Jawaban</b>
-                                        <?php
-                                        $vals = ['- tipe pilihan -', '1 baris berisi banyak jawaban', '1 baris berisi 1 jawaban'];
-                                        echo form_dropdown(
-                                            'type_opsi',
-                                            $vals,
-                                            0,
-                                            'class="col-4 form-control form-control-sm input-sesi" id="type-opsi" disabled="disabled"'
-                                        );
-                                        ?>
-                                        <button type="button" class="btn btn-sm btn-success" onclick="addColumn()">
-                                            <i class="fa fa-plus"></i> Tambah Kolom
-                                        </button>
-                                    </div>
-                                    <table id="table-jodohkan" class="table table-bordered">
-                                    </table>
-                                    <button type="button" class="btn btn-success btn-sm" onclick="addRow()">
-                                        <i class="fa fa-plus"></i> Tambah Baris
-                                    </button>
-                                </div>
-
-                                <div class="mt-1 ml-3" id="jawaban-benar">
-                                    <label>Jawaban Benar</label>
-                                    <div id="root-jawaban-pg" class="<?= $pg_none ?>">
-                                        <?php //var_dump(trim(strtolower($soal->jawaban)));
-                                        echo form_dropdown(
-                                            'jawaban_pg',
-                                            $opsis,
-                                            is_null($soal) ? null : trim(strtolower($soal->jawaban)),
-                                            'id="jawaban" class="select2 form-control" required'
-                                        ); ?>
-                                    </div>
-                                    <div class="<?= $isian_none ?>" id="root-jawaban-isian">
-                                        <input type="text" id="jawaban-isian" name="jawaban_isian" class="form-control"
-                                               value="<?= $soal->jawaban ?>" disabled="disabled"/>
-                                    </div>
-                                    <div class="<?= $essai_none ?>" id="root-jawaban-essai">
-										<textarea class="textjawaban-essai" id="jawaban-essai" name="jawaban_essai"
-                                                  placeholder="Place some text here" style="width:100%;"
-                                                  disabled="disabled">
-											<?= $soal->jawaban ?>
-										</textarea>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-                <div class="overlay d-none" id="loading">
-                    <div class="spinner-grow"></div>
-                </div>
-            </div>
-            <?= form_close() ?>
-
-            <div class="card my-shadow">
-                <div class="card-header">
-                    <div class="card-title">
-                        <span><b>File Pendukung</b></span><br>
-                        <small><i>Hnaya untuk menambahkan file gambar, audio atau video pendek</i></small>
-                    </div>
-                    <!--
-                    <button type="button" data-toggle="modal" data-target="#pickerModal"
-                            class="btn btn-outline-primary btn-oval-sm card-tools"><i class="fa fa-plus"></i>
-                        <span class="d-none d-sm-inline-block ml-1">Tambahkan File</span>
-                    </button>
-                    -->
-                </div>
-                <div class="card-body">
-                    <div class="row">
-                        <div class="col-md-4 mb-2">
-                            <div class="card card-success">
-                                <div class="card-body">
-                                    <?= form_open_multipart('', array('id' => 'uploadharian')); ?>
-                                    <div class="row">
-                                        <label>Tambahkan File</label>
-                                        <div class="col-12 mb-3">
-                                            <div class="custom-file">
-                                                <input type="file" name="upload_file" class="custom-file-input"
-                                                       id="customFile">
-                                                <label class="custom-file-label" for="customFile">Pilih file
-                                                    audio</label>
-                                            </div>
-                                        </div>
-                                        <label>Putar</label>
-                                        <div class="col-6">
-                                            <div class="input-group mb-3">
-                                                <input type="number" class="form-control">
-                                                <div class="input-group-append">
-                                                    <span class="input-group-text">kali</span>
-                                                </div>
-                                            </div>
-                                        </div>
-                                        <div class="col-6">
-                                            <button id="upload" type="submit" class="btn btn-success w-100">
-                                                <i class="fa fa-upload"></i> <span class="ml-1">Upload</span>
-                                            </button>
-                                        </div>
-                                    </div>
-                                    <?= form_close(); ?>
-
-                                    <div id="audios">
-                                    </div>
-                                </div>
-                            </div>
-                        </div>
-                        <div class="col-md-8 mb-2">
-                            <div class="card card-primary">
-                                <div id="videos" class="card-body">
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-            </div>
-        </div>
-    </section>
-</div>
-
-<?= form_open('create', array('id' => 'addfile')) ?>
-<div class="modal fade" id="pickerModal" tabindex="-1" role="dialog" aria-labelledby="pickerModalLabel"
-     aria-hidden="true">
-    <div class="modal-dialog" role="document">
-        <div class="modal-content">
-            <div class="modal-header">
-                <div class="modal-title">
-                    <h5 id="pickerModalLabel">Pilih File</h5>
-                    <br> hanya untuk file audio dan video
-                </div>
-                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
-                    <span aria-hidden="true">&times;</span>
-                </button>
-            </div>
-            <div class="modal-body">
-                <div class="form-group">
-                    <ul id="media-list" class="clearfix">
-                        <li class="myupload">
-                                    <span>
-                                        <i class="fa fa-plus" aria-hidden="true"></i>
-                                        <input name="file_uploads" type="file" id="picupload"
-                                               class="picupload">
-                                    </span>
-                        </li>
-                    </ul>
-                </div>
-            </div>
-            <div class="modal-footer">
-                <button type="button" class="btn btn-primary" data-dismiss="modal">OK</button>
-            </div>
-        </div>
-    </div>
-</div>
-<?= form_close() ?>
-
-<script src="<?= base_url() ?>/assets/plugins/bs-custom-file-input/bs-custom-file-input.min.js"></script>
-<script src="<?= base_url() ?>/assets/app/js/mediastyler.js"></script>
-
-<script type="text/javascript">
-    let soal_ada = '<?=is_null($soal) ? 'n' : 'y'?>';
-    let idBank = '<?= $bank->id_bank ?>';
-    let idSoal = '<?= is_null($soal) ? 0 : $soal->id_soal ?>';
-    let jenis = '<?= $tab_active ?>';
-    console.log('jns', jenis);
-
-    var dataFiles = [];
-    var arrFileAttach = JSON.parse('<?= json_encode($dataFileAttach)?>');
-    dataFiles = $.merge(dataFiles, arrFileAttach);
-
-    $(function () {
-        bsCustomFileInput.init();
-    });
-</script>
-<script src="<?= base_url() ?>/assets/app/js/cbt/banksoal/soal.js"></script>
diff --git a/assets/app/js/cbt/banksoal/soal.js b/assets/app/js/cbt/banksoal/soal.js
index 6d6d85b7..46286bc6 100644
--- a/assets/app/js/cbt/banksoal/soal.js
+++ b/assets/app/js/cbt/banksoal/soal.js
@@ -72,7 +72,7 @@ $(document).ready(function() {
             //['color', ['color']],
             ['para', ['ul', 'ol', 'paragraph']],
             ['table', ['table']],
-            //['insert', ['video', 'file']],
+            ['insert', ['math']],
             //['view', ['fullscreen', 'codeview', 'help']],
             //['cleaner',['cleaner']],
         ],