Enhanced PHP File Manager

⬆️ Go Up (..)

📊 Server Information

Server:

LiteSpeed

System:

Linux 5.14.0-503.34.1.el9_5.x86_64

PHP Version:

8.2.30

User:

u329947844

Directory:

/home/u329947844/domains/spmodern.in/public_html/admin

Free Space:

10.3 TB

🔧 Quick Actions

✏️ Editing: generate-barcodes.php

<!doctype html>
<html lang="en">

<?php include('includes/head.php'); ?>
<?php include('includes/db.php'); ?>

#labelsPreview {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    border: 1px dashed #e0e0e0;
    padding: 12px;
    background: #fafafa;
}

/* Single label card */
.label-card {
    box-sizing: border-box;
    border: 1px solid #ddd;
    padding: 6px;
    display: inline-flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.no-print .btn {
    white-space: nowrap;
}

/* Print */
@media print {
    body * { visibility: hidden !important; }
    #printArea, #printArea * { visibility: visible !important; }
    #printArea { position: absolute; left: 0; top: 0; width: 100%; }
    .no-print { display: none !important; }
    .label-card { break-inside: avoid; page-break-inside: avoid; }
}
</style>

<?php include('includes/pre-loader.php'); ?>

<?php include('includes/topbar.php'); ?>

<div class="row align-items-center mb-3 no-print">
    <div class="col-12 d-flex justify-content-between align-items-center flex-wrap gap-2">
        <h4 class="mb-0">Generate Barcodes</h4>
        <div class="d-flex flex-wrap gap-2">
            <button id="btnGenerateSelected" class="btn btn-primary btn-sm">Generate Selected</button>
            <button id="btnGenerateAll" class="btn btn-secondary btn-sm">Generate All</button>
            <button id="btnClear" class="btn btn-danger btn-sm">Clear Preview</button>
            <button id="btnPrint" class="btn btn-success btn-sm">Print</button>
            <button id="btnDownloadPDF" class="btn btn-primary btn-sm">PDF</button>
            <button id="btnDownloadPNG" class="btn btn-secondary btn-sm">PNG</button>
        </div>
    </div>
</div>

<div id="labelControls" class="card mb-3 no-print">
                <div class="card-body">
                    <div class="row g-3 align-items-end">
                        <div class="col-md-2">
                            <label class="form-label">Label Width (mm)</label>
                            <input type="number" id="labelWidth" class="form-control" value="50" min="20">
                        </div>
                        <div class="col-md-2">
                            <label class="form-label">Label Height (mm)</label>
                            <input type="number" id="labelHeight" class="form-control" value="30" min="15">
                        </div>
                        <div class="col-md-2">
                            <label class="form-label">Barcode Height (px)</label>
                            <input type="number" id="barcodeHeight" class="form-control" value="40" min="20">
                        </div>
                        <div class="col-md-2">
                            <label class="form-label">Show Text</label>
                            <select id="showText" class="form-select">
                                <option value="1" selected>Yes</option>
                                <option value="0">No</option>
                            </select>
                        </div>
                        <div class="col-md-2">
                            <label class="form-label">Show Name</label>
                            <select id="showName" class="form-select">
                                <option value="1" selected>Yes</option>
                                <option value="0">No</option>
                            </select>
                        </div>
                        <div class="col-md-2">
                            <label class="form-label">Show Price</label>
                            <select id="showPrice" class="form-select">
                                <option value="1" selected>Yes</option>
                                <option value="0">No</option>
                            </select>
                        </div>
                    </div>
                </div>
            </div>

<div class="card no-print">
                <div class="card-body">
                    <div class="table-responsive">
                        <table id="productsTable" class="table table-bordered table-striped" style="width:100%">
                            <thead>
                                <tr>
                                    <th style="width: 50px;">
                                        <input type="checkbox" id="selectAll">
                                    </th>
                                    <th>#</th>
                                    <th>Product Name</th>
                                    <th>Price</th>
                                    <th>Quantity</th>
                                    <th>Category</th>
                                    <th>Copies</th>
                                    <th>Action</th>
                                </tr>
                            </thead>
                            <tbody>
                                <?php
                                $sql = "SELECT p.id, p.product_name, p.price, p.quantity, c.category_name
                                        FROM products p
                                        LEFT JOIN categories c ON p.category_id = c.id
                                        ORDER BY p.id DESC";
                                $result = mysqli_query($conn, $sql);
                                $rownum = 1;
                                if ($result && mysqli_num_rows($result) > 0) {
                                    while ($row = mysqli_fetch_assoc($result)) {
                                        $pid = (int)$row['id'];
                                        $code = sprintf('%08d', $pid); // barcode value (switch to SKU later if needed)
                                        $name = htmlspecialchars($row['product_name']);
                                        $price = number_format((float)$row['price'], 2);
                                        $qty = (int)$row['quantity'];
                                        $cat = htmlspecialchars($row['category_name'] ?? 'N/A');

echo "<tr data-id='{$pid}' data-code='{$code}' data-name='{$name}' data-price='{$price}'>
                                                <td><input type='checkbox' class='row-check'></td>
                                                <td>{$rownum}</td>
                                                <td>{$name}</td>
                                                <td>{$price}</td>
                                                <td>{$qty}</td>
                                                <td>{$cat}</td>
                                                <td style='width:100px;'>
                                                    <input type='number' class='form-control form-control-sm copies' min='1' value='1'>
                                                </td>
                                                <td>
                                                    <button type='button' class='btn btn-sm btn-primary btn-generate-one'>Generate</button>
                                                </td>
                                              </tr>";
                                        $rownum++;
                                    }
                                } else {
                                    echo "<tr><td colspan='8' class='text-center'>No products found</td></tr>";
                                }
                                ?>
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>

<div id="printArea">
                <div class="card">
                    <div class="card-body">
                        <h5 class="mb-3">Label Preview</h5>
                        <div id="labelsPreview"></div>
                    </div>
                </div>
            </div>

</div>
    </div>

<?php include('includes/footer.php'); ?>
</div>

</div>

<?php include('includes/rightbar.php'); ?>
<?php include('includes/scripts.php'); ?>

<script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
<script src="https://cdn.datatables.net/1.13.7/js/jquery.dataTables.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/jsbarcode@3.11.6/dist/JsBarcode.all.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/html2canvas@1.4.1/dist/html2canvas.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/jspdf@2.5.1/dist/jspdf.umd.min.js"></script>

$('#selectAll').on('change', function(){
        $('.row-check').prop('checked', this.checked);
    });

$('#btnGenerateSelected').on('click', function(){
        const $rows = $('#productsTable tbody tr').has('.row-check:checked');
        if ($rows.length === 0) { alert('Please select at least one product.'); return; }
        generateFromRows($rows);
    });

$('#btnGenerateAll').on('click', function(){
        const $rows = $('#productsTable tbody tr').filter(function(){
            return $(this).find('td').length > 1;
        });
        if ($rows.length === 0) { alert('No products to generate.'); return; }
        generateFromRows($rows);
    });

$('#btnClear').on('click', function(){
        $('#labelsPreview').empty();
    });

$('#btnPrint').on('click', function(){
        window.print();
    });

// NEW: Download PNG of the preview area
    $('#btnDownloadPNG').on('click', async function(){
        const preview = document.querySelector('#labelsPreview');
        if (!preview || preview.children.length === 0) {
            alert('Nothing to download. Please generate some labels first.');
            return;
        }
        const canvas = await html2canvas(preview, { scale: 2, useCORS: true, backgroundColor: '#ffffff' });
        const link = document.createElement('a');
        link.href = canvas.toDataURL('image/png');
        link.download = 'labels.png';
        link.click();
    });

// NEW: Download PDF (A4)
    $('#btnDownloadPDF').on('click', async function(){
        const preview = document.querySelector('#labelsPreview');
        if (!preview || preview.children.length === 0) {
            alert('Nothing to download. Please generate some labels first.');
            return;
        }
        const { jsPDF } = window.jspdf;
        const canvas = await html2canvas(preview, { scale: 2, useCORS: true, backgroundColor: '#ffffff' });
        const imgData = canvas.toDataURL('image/jpeg', 0.95);

// A4 size
        const pdf = new jsPDF('p', 'mm', 'a4');
        const pageWidth = pdf.internal.pageSize.getWidth();
        const pageHeight = pdf.internal.pageSize.getHeight();

// Scale image to fit width
        const imgWidth = pageWidth;
        const imgHeight = (canvas.height * imgWidth) / canvas.width;

let position = 0;
        let remainingHeight = imgHeight;

// If the rendered content is taller than one page, split across pages
        while (remainingHeight > 0) {
            const canvasPage = document.createElement('canvas');
            const pageHeightPx = Math.floor(canvas.width * (pageHeight / pageWidth));
            canvasPage.width = canvas.width;
            canvasPage.height = Math.min(pageHeightPx, canvas.height - Math.floor(position * (canvas.width / pageWidth)));

const ctx = canvasPage.getContext('2d');
            ctx.drawImage(
                canvas,
                0, Math.floor(position * (canvas.width / pageWidth)),
                canvas.width, canvasPage.height,
                0, 0,
                canvasPage.width, canvasPage.height
            );

const imgPage = canvasPage.toDataURL('image/jpeg', 0.95);
            if (position > 0) pdf.addPage();
            pdf.addImage(imgPage, 'JPEG', 0, 0, imgWidth, pageHeight);
            position += pageHeight;
            remainingHeight -= pageHeight;
        }

pdf.save('labels.pdf');
    });

// Per-row generate
    $(document).on('click', '.btn-generate-one', function(){
        const $row = $(this).closest('tr');
        generateFromRows($row);
    });

function generateFromRows($rows) {
        const labelWmm = parseFloat($('#labelWidth').val()) || 50;
        const labelHmm = parseFloat($('#labelHeight').val()) || 30;
        const bcHeight = parseInt($('#barcodeHeight').val(), 10) || 40;
        const showText = $('#showText').val() === '1';
        const showName = $('#showName').val() === '1';
        const showPrice = $('#showPrice').val() === '1';

const $preview = $('#labelsPreview');

$rows.each(function(){
            const $r = $(this);
            const code = $r.data('code');
            const name = $r.data('name');
            const price = $r.data('price');
            const copies = Math.max(1, parseInt($r.find('.copies').val(), 10) || 1);

for (let i=0; i<copies; i++) {
                const $label = $('<div class="label-card"></div>');
                const wpx = Math.round(labelWmm * 3.78);
                const hpx = Math.round(labelHmm * 3.78);
                $label.css({ width: wpx + 'px', height: hpx + 'px' });

if (showName) {
                    $label.append('<div style="font-size:11px; line-height:1.1; text-align:center; margin-bottom:2px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;">'
                                  + escapeHtml(name) + '</div>');
                }

const $svg = $('<svg class="barcode"></svg>');
                $label.append($svg);

if (showPrice) {
                    $label.append('<div style="font-size:11px; margin-top:2px; text-align:center;">₹ ' + escapeHtml(price) + '</div>');
                }

$preview.append($label);

JsBarcode($svg[0], String(code), {
                    format: "CODE128",
                    height: bcHeight,
                    displayValue: showText,
                    fontSize: 12,
                    margin: 0
                });
            }
        });
    }

function escapeHtml(str) {
        return String(str)
            .replaceAll('&','&amp;')
            .replaceAll('<','&lt;')
            .replaceAll('>','&gt;')
            .replaceAll('"','&quot;')
            .replaceAll("'",'&#039;');
    }
});
</script>

</body>
</html>

❌ Cancel

🗂️ Enhanced PHP File Manager

📊 Server Information

🔧 Quick Actions

✏️ Editing: generate-barcodes.php

📤 Upload File

📁 Create Folder

📄 Create File

✏️ Rename Item

🗑️ Delete Confirmation