MASTER

SAVING...

BERHASIL DIUBAH!

EDITING: qris.php

<?php

if ($c['level'] == "superadmin") {

// cek apakah tombol upload diklik
    if (isset($_POST['upload'])) {

// folder tujuan upload
        $target_dir = "../../uploads/qris/";

// ambil data file
        $file_name = $_FILES['file']['name'];
        $file_tmp  = $_FILES['file']['tmp_name'];
        $file_ext  = strtolower(pathinfo($file_name, PATHINFO_EXTENSION));

// buat nama file unik supaya tidak bentrok
        $new_file_name = uniqid('qris_') . "." . $file_ext;

// cek ekstensi file
        $allowed_ext = ['jpg','jpeg','png','gif'];
        if (!in_array($file_ext, $allowed_ext)) {
            echo "<script>alert('Format file tidak diizinkan!'); window.location='?page=tambah_qris';</script>";
            exit;
        }

// pindahkan file ke folder uploads/qris
        if (move_uploaded_file($file_tmp, $target_dir . $new_file_name)) {

// simpan data ke database
            $status = 'active'; // bisa diubah sesuai kebutuhan
            $sql = "INSERT INTO tb_qris (gambar, status) VALUES ('$new_file_name', '$status')";
            if (mysqli_query($koneksi, $sql)) {
                echo "<script>alert('Gambar berhasil diupload!'); window.location='?page=tambah_qris';</script>";
            } else {
                echo "<script>alert('Gagal menyimpan ke database'); window.location='?page=tambah_qris';</script>";
            }

} else {
            echo "<script>alert('Gagal mengupload file'); window.location='?page=tambah_qris';</script>";
        }

}

?>
<style>
/* Khusus tampilan HP */
@media (max-width: 768px) {
    table img {
        max-width: 120px !important;
        border-radius: 8px;
    }

table {
        font-size: 12px;
    }

.btn-sm {
        padding: 4px 6px;
        font-size: 11px;
    }
}
</style>
    
    <div class="page-breadcrumb">
        <div class="row">
            <div class="col-5 align-self-center">
                <h4 class="page-title">Qris</h4>
            </div>
            <div class="col-7 align-self-center">
                <div class="d-flex align-items-center justify-content-end">
                    <nav aria-label="breadcrumb">
                        <ol class="breadcrumb">
                            <li class="breadcrumb-item"><a href="#">Qris</a></li>
                            <li class="breadcrumb-item active" aria-current="page">Menu Qris</li>
                        </ol>
                    </nav>
                </div>
            </div>
        </div>
    </div>

<div class="container-fluid">
        <div class="row">
            <div class="col-lg-4">
                <div class="card">
                    <div class="card-body">
                        <h4 class="card-title">Input Gambar</h4>
                        <form class="form p-t-20" enctype="multipart/form-data" action="" method="POST">
                            <div class="form-group">
                                <label>Gambar</label>
                                <div class="input-group mb-3">
                                    <div class="input-group-prepend">
                                        <span class="input-group-text" id="basic-addon11"><i class="ti-user"></i></span>
                                    </div>
                                    <input type="file" 
       class="form-control" 
       name="file" 
       accept="image/*" 
       onchange="previewImage(event)" 
       required>

<br>
<img id="preview" src="#" style="display:none; max-width:100%; border-radius:10px;">
                                </div>
                            </div>
                            <button type="submit" class="btn btn-success m-r-10" name="upload">Submit</button>
                            <button type="reset" class="btn btn-dark">Cancel</button>
                        </form>
                    </div>
                </div>
            </div>

<div class="col-lg-8">
                <div class="card">
                    <div class="card-body">
                        <h4 class="card-title">Daftar Qris</h4>
                    </div>
                    <div class="table-responsive">
                        <table id="zero_config" class="table table-striped table-bordered ">
                            <thead>
                                <tr>
                                    <th scope="col">#</th>
                                    <th scope="col">Gambar</th>
                                    <th scope="col">Status</th>
                                    <th scope="col">Aksi</th>
                                </tr>
                            </thead>
                            <tbody>
                                <?php
                                $query = mysqli_query($koneksi, "SELECT * FROM tb_qris ORDER BY id DESC");
                                $no = 1;
                                while ($data = mysqli_fetch_array($query)) {
                                    ?>
                                    <tr>
                                        <th scope="row"><?php echo $no++; ?></th>
                                        <td><img class="container-fluid" style="width: 400px" src="../../uploads/qris/<?php echo $data['gambar'] ?>"></td>
                                        <td><?php echo $data['status']; ?></td>
                                        <td class="text-center" style="vertical-align: middle; font-size: 14px;">
                                            <a href="?page=edit_qris&id=<?php echo $data['id'] ?>" class="btn btn-primary btn-sm">Edit</a>
                                            <a href="?page=hapus_qris&id=<?php echo $data['id'] ?>" class="btn btn-danger btn-sm" onclick="return confirm('Are you sure want remove this data?');">Hapus</a>
                                        </td>
                                    </tr>
                                    <?php
                                }
                                ?>
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
<script>
function previewImage(event) {
    var reader = new FileReader();
    reader.onload = function(){
        var output = document.getElementById('preview');
        output.src = reader.result;
        output.style.display = 'block';
    };
    reader.readAsDataURL(event.target.files[0]);
}
</script>
    <?php
} else {
    echo "<script>window.location = '?page=dashboard';</script>";
}
?>