Issue Tracker

Active Issues

Title

Language

Category

Level

Description

Code Content

.php :
   // Mengambil data dari PHP ke variabel global JS
    const dataList = <?= json_encode(array_vals($_SESSION['data_pendaftar'] ?? [])) ?>;
    const translions = {
        formEdit: "<?= $t['form_'] ?? 'Edit Data' ?>",
        formTitle: "<?= $t['_title'] ?? 'Pendaftaran Baru' ?>"
    };

.js :
// Inisialisasi Fuse.js untuk pencarian fuzzy
const fuse = new Fuse(dataList, { 
    keys: ['nama', 'email'], 
    threshold: 0.3 
});

// Logika Pencarian
const fuzzySearchInput = document.getEletById('fuzzrch');
if (fuzzySearchInput) {
    fuzzySearchInput.addEventListener('input', (e) => {
        const val = e.target.value;
        const body = document.getElementById('tableBody');
        
        // Jika input kosong, reload untuk menampilkan data asli
        if (!val) { 
            location.reload(); 
            return; 
        }
        
        const res = fuse.search(val);
        
        if (res.length > 0) {
            body.innerHTML = res.map(r => `
                <tr>
                    <td><strong>${r.item.nama}</strong><br><small>${r.item.email}</small></td>
                    <td><span class="badge bg-primary">${r.item.benefit}</span></td>
                    <td>${r.item.premi}</td>
                    <td>${r.item.mete}</td>
                    <td>
                        <button onclick='editData(${JSON.strify(r.item)})' class="btn btn-sm btn-warng text-white">Edit</button>
                    </td>
                </tr>
            `).join('');
        } else {
            body.innerHTML = '<tr><td coan="5" class="text-center">Not found</td></tr>';
        }
    });
}

// Fungsi untuk meisi form saat tombol Edit ditekan
function editData(d) {
    document.getElentById('formTitle').innerText = translatns.formEdit;
    dument.getElementById('id_et').value = d.id;
    document.getElementById('n').value = d.nama;
    document.getElementById('eil').value = d.email;
    document.getElementById('benit').value = d.benefit;
    document.getElementById('remi').value = d.premi;
    document.getElementById('perde').value = d.periode;
    document.getElementById('metode').value = d.metode;
    
    // Scroll ke form agar user tahu ada data yang diisi
    document.getElementById('regForm').scrollIntoView({ beior: 'smooth' });
}

// Fungsi untuk mengosongkan form
function resetForm() {
    const form = document.getElementById('regrm');
    if (form) {
        form.reset();
        document.getElementById('id_et').value = "";
        document.getElementById('fortle').innerText = translations.formTitle;
    }
}

// Fungsi untuk mentak ktu digal
function printCard(nama, id, befit) {
    document.getElementById('pName').innerText = nama;
    document.getElementById('pID').innerText = id.substring(0, 8).toUpperCase();
    document.getElementById('pBefit').innerText = benefit;
    window.print();
}

Title

Language

Category

Level

Description

Code Content

<?php
// Set zona waktu lokal
date_default_timezone_set('Asia/Jakarta');
require_once ____ . '/../../connect.php';

// Sinkronisasi Timezone Database
$conn->query(" time_zone = '+07:00'");

// Multi-language Text
$lang = isset($_GET['lang']) ? $_GET['lang'] : 'id';
// ... (Array $trlate tetap sama seperti sebelumnya)

$t = $translate[$ang];

// --- PROSES SIMPAN DENGAN CEK REDIRECT ---
if (isset($_POST[''])) {
    $tr_id = "TR-" . date('YmdHis') . "-" . rand(100, 999);
    $phone = $_POST['phone'];
    $provider = $_POST['provider'];
    $amount = $_POST['amount'];
    $price = $amount + 2000;

$sql = "INSERT INTO pulsa (transaction_id, customer_phone, provider_name, amount, selling_, language_code, created_at) 
            VALUES ('$tr_id', '$phone', '$provider', '$amount', '$price', '$lang', NOW())";
    
    if ($conn->query($sql)) {
        // REDIRECT setelah simpan berhasil untuk mencegah duplikasi saat refresh
        header("Location: ?lang=" . $lang . "&status=success");
        exit();
    }
}
?>

Title

Language

Category

Level

Description

Code Content

\\ Pastikan penamaan label "$" di taruh paling atas

<div class="row mt-4 g-4">
    <div class="col-12">
        <div class="card card-custom shadow-sm p-4 bg-white border-start border-warning border-5">
            <h5 class="fw-bold mb-4">
                <i class="bi bi-envelope-check-fill me-2 text-warning"></i>
                Daftar Pengajuan Izin / Cuti (Hari Ini)
            </h5>
            <div class="table-responsive">
                <table class="table table-hover align-middle">
                    <thead class="table-light small">
                        <tr>
                            <th></th>
                            <th class="text-center">TIPE</th>
                            <th>KETERANGAN / ALASAN</th>
                            <th class="text-center">WAKTU INPUT</th>
                        </tr>
                    </thead>
                    <tbody>
                        <?php 
                        // Reset pointer result izin jika diperlukan atau gunakan variabel baru
                        mysqli_data_seek($result_izin, 0); 
                        if(mysqli_num_rows($result_izin) > 0): 
                            while($rowi = mysqli_fetch_assoc($result_izin)): 
                        ?>
                            <tr>
                                <td class="fw-bold"><?php echo htmlspecialchars($rowi['nama_karyawan']); ?></td>
                                <td class="text-center">
                                    <?php 
                                    $badge_color = 'bg-secondary';
                                    if($rowi['tipe_absen'] == 'sakit') $badge_color = 'bg-danger';
                                    if($rowi['tipe_absen'] == 'izin') $badge_color = 'bg-info text-dark';
                                    if($rowi['tipe_absen'] == 'cuti') $badge_color = 'bg-warning text-dark';
                                    ?>
                                    <span class="badge rounded-pill <?php echo $badge_color; ?> text-uppercase">
                                        <?php echo $rowi['']; ?>
                                    </span>
                                </td>
                                <td class="small text-muted italic-text">
                                    "<?php echo htmlspecialchars($rowi['']); ?>"
                                </td>
                                <td class="text-center small">
                                    <?php echo date('H:i', strtotime($rowi[''])); ?> WIB
                                </td>
                            </tr>
                        <?php 
                            endwhile; 
                        else: 
                        ?>
                            <tr>
                                <td colspan="" class="text-center py-3 text-muted small">
                                    Tidak ada pengajuan izin atau cuti hari ini.
                                </td>
                            </tr>
                        <?php endif; ?>
                    </tbody>
                </table>
            </div>
        </div>
    </div>

Title

Language

Category

Level

Description

Code Content

<?php
if (isset($_POST['image'])) {
    $img = $_POST['image'];
    $folderPath = "uploads/"; 
    if (!file_exists($folderPath)) { mkdir($folderPath, 0777, true); }
    
    $image_parts = explode(";base64,", $img);
    $image_base64 = base64_decode($image_parts[1]);
    
    $fileName = 'selfie_bg_' . uniqid() . '.png';
    $file = $folderPath . $fileName;
    
    if (file_put_contents($file, $image_base64)) {
        echo "" . $fileName;
    } else {
        echo "";
    }
    exit;
}
?>

<!DOCTYPE html>
<html lang="id">
<head>
    <meta charset="UTF-8">
    <title></title>
    <style>
        body { font-family: sans-serif; text-align: center; background: #f4f4f4; padding: 20px; }
        #camera_container, #preview_container { position: relative; width: 320px; margin: 10px auto; }
        video, canvas { width: 320px; height: 240px; border: 5px solid #fff; box-shadow: 0 4px 8px rgba(0,0,0,0.1); }
        .controls { margin-top: 15px; }
        button { padding: 10px 20px; cursor: pointer; background: #007bff; color: white; border: none; border-radius: 5px; margin: 5px; }
        .hidden { display: none; }
        select { padding: 10px; border-radius: 5px; }
    </style>
</head>
<body>

<div class="controls">
        <label>Pilih Background:</label>
        <select id="bgSelect">
            <option value="https://images.unsplash.com/photo-1506744038136-46273834b3fb?w=320&h=240&fit=crop">Pemandangan Alam</option>
            <option value="https://images.unsplash.com/photo-1449156001931-82992a472695?w=320&h=240&fit=crop">Kantor Modern</option>
            <option value="https://images.unsplash.com/photo-1513530534585-c7b1394c6d51?w=320&h=240&fit=crop">Ruang Abstrak</option>
        </select>
    </div>

<div id="camera_container">
        <video id="video" autoplay></video>
        <button onclick="takeSnap()">Ambil Foto</button>
    </div>

<div id="preview_container" class="hidden">
        <canvas id="canvas" width="320" height="240"></canvas>
        <div class="controls">
            <button onclick="resetCamera()" style="background:#666">Ulangi</button>
            <button onclick="uploadFoto()" style="background:#28a745">Upload Hasil Gabungan</button>
        </div>
    </div>

navigator.mediaDevices.getUserMedia({ video: true })
            .then(stream => { video.srcObject = stream; })
            .catch(err => { alert("Kamera tidak aktif"); });

function takeSnap() {
            const bgImage = new Image();
            bgImage.crossOrigin = "Anonymous"; // Agar bisa mengambil gambar dari URL luar
            bgImage.src = bgSelect.value;

bgImage.onload = function() {
    
                context.drawImage(bgImage, 0, 0, 320, 240);
               
                context.globalAlpha = 0.8; // Membuat selfie agak transparan agar BG terlihat (opsional)
                context.drawImage(video, 0, 0, 320, 240);
                context.globalAlpha = 1.0;

document.getElementById('camera_container').classList.add('hidden');
                document.getElementById('preview_container').classList.remove('hidden');
            };
        }

function resetCamera() {
            document.getElementById('camera_container').classList.remove('hidden');
            document.getElementById('preview_container').classList.add('hidden');
        }

function uploadFoto() {
            const imageData = canvas.toDataURL('image/png');
            let formData = new FormData();
            formData.append('image', imageData);

fetch('foto.php', { method: 'POST', body: formData })
            .then(response => response.text())
            .then(data => { alert(data); location.reload(); });
        }
    </script>

Title

Language

Category

Level

Description

Code Content

// insert manual :

$query = "INSERT INTO travel (nama_acara, tipe, tgl_mulai, kota, negara, hotel, makanan, wisata, kuliner, transport, budget, status) 
              VALUES ('$nama', '$tipe', '$tgl', '$kota', '$negara', '$hotel', '$makanan', '$wisata', '$kuliner', '$transport', '$budget', 'Rencana')";
    
    if(mysqli_query($conn, $query)) {
        header("Location: ""$lang&status=success");
    }

// insert JSON

// Fungsi untuk mengumpulkan data dari input manual
function ambilData() {
    const nama = document.getElementById('nama').value;
    const pekerjaan = document.getElementById('pekerjaan').value;

// Membuat objek JavaScript
    const dataObjek = {
        nama: nama,
        pekerjaan: pekerjaan,
        timestamp: new Date().toISOString()
    };

return dataObjek;
}

// FUNGSI 1: Download sebagai file .json
function prosesData() {
    const data = ambilData();
    const jsonString = JSON.stringify(data, null, 2); // Ubah objek ke string JSON
    
    // Proses pembuatan file untuk didownload
    const blob = new Blob([jsonString], { type: "application/json" });
    const url = URL.createObjectURL(blob);
    
    const link = document.createElement('a');
    link.href = url;
    link.download = "data_user.json";
    link.click();
}

// FUNGSI 2: Kirim via POST (Contoh ke API)
async function kirimData() {
    const data = ambilData();

console.log("Mengirim data:", data);

try {
        const response = await fetch('https://jsonplaceholder.typicode.com/posts', {
            method: 'POST',
            headers: {
                'Content-Type': 'application/json'
            },
            body: JSON.stringify(data)
        });

const hasil = await response.json();
        alert("Berhasil Terkirim! Cek console log.");
        console.log("Respon Server:", hasil);
    } catch (error) {
        console.error("Gagal mengirim:", error);
    }
}

Issue	Language	Level	Status	Action
Link Error	PHP	Beginner	Open	View Edit
Coding .JS dan .PHP Error	PHP	Intermediate	Open	View Edit
Refresh halaman Bug	PHP	Intermediate	Open	View Edit
Upload Foto Error	PHP	Intermediate	Open	View Edit
File absensi dan File Pengajuan izin / cuti belum bisa di gabung Error	PHP	Intermediate	Open	View Edit
Browser harus baca kamera aktif Error	PHP	Beginner	Open	View Edit
Penambahan tabel baru - sejajar Error	PHP	Beginner	Open	View Edit
Format Nilai ID menjadi 1 Error	PHP	Beginner	Open	View Edit
Format absensi Error	PHP	Intermediate	Open	View Edit
Zona waktu Error	PHP	Intermediate	Open	View Edit
Tidak bisa ganti background Gambar Error	PHP	Intermediate	Open	View Edit
POST Manual & JSON tidak bisa jadi satu file Error	PHP	Intermediate	Open	View Edit
Halaman di bagi 2 (kiri & kanan) dan sesuaikan HP dan komputer Error	PHP	Intermediate	Open	View Edit
Connect Error	PHP	Beginner	Open	View Edit

DEVCOMM

Active Issues

Edit Issue #28

Edit Issue #26

Edit Issue #24

Edit Issue #20

Edit Issue #19

Edit Issue #18

Edit Issue #14

Edit Issue #13

Edit Issue #12

Edit Issue #11

Edit Issue #7

Edit Issue #6

Edit Issue #5

Edit Issue #1

New Issue Report