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/style29.in/public_html/admin

Free Space:

10.3 TB

🔧 Quick Actions

✏️ Editing: barcode-gen.php

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

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

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

<div id="layout-wrapper">

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

<div class="vertical-menu">
        <div data-simplebar class="h-100">
            <?php include('includes/sidebar.php'); ?>
        </div>
    </div>

<!doctype html>
<html lang="en">
<?php include('includes/head.php'); ?>
<?php include('includes/db.php'); ?>

/* Preview container - 2 stickers per row */
#labelsPreview {
    display: grid;
    grid-template-columns: repeat(2, 2in); /* 2 inch width per label */
    gap: 2mm;
    padding: 0;
    margin: 0;
    background: #fff;
    width: 4.2in; /* Total width for 2 labels + gap */
}

/* Each label = 2 inch width × 1 inch height */
.label-card {
    width: 2in;
    height: 1in; /* 1 inch height */
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: center; /* Center vertically */
    align-items: center;
    margin: 0;
    padding: 10mm; /* Equal padding on all sides */
    background: #fff;
    overflow: hidden;
    border: 1px dashed #ccc;
    font-family: Arial, sans-serif;
}

/* Shop name on label */
.label-shop {
    font-size: 15px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 1mm; /* Small gap below shop name */
    line-height: 1;
    padding: 0;
}

/* Product name */
.label-name {
    font-size: 15px;
    line-height: 1;
    text-align: center;
    margin: 5; /* No margin */
    font-weight: bold;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
    padding: 0;
}

/* Barcode container */
.barcode-container {
    height: 18mm;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0; /* No margin */
    width: 100%;
}

.barcode {
    max-width: 100%;
    height: 100%;
}

/* Price */
.label-price {
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    margin: 0; /* No margin */
    color: #d00;
    padding: 0;
}

/* Print styles */
@media print {
    @page {
        size: 4in 1in;
        margin: 0;
        padding: 0;
    }
    
    body {
        margin: 0 !important;
        padding: 0 !important;
        background: white !important;
        width: 4in !important;
        font-family: Arial, sans-serif !important;
    }
    
    .no-print, .no-print * {
        display: none !important;
    }
    
    #layout-wrapper, .main-content, .page-content, .container-fluid {
        display: none !important;
    }
    
    #printArea {
        display: block !important;
        width: 4in !important;
        margin: 0 !important;
        padding: 0 !important;
    }
    
    #labelsPreview {
        display: grid !important;
        grid-template-columns: repeat(2, 2in) !important;
        gap: 0 !important;
        width: 4in !important;
        margin: 0 !important;
        padding: 0 !important;
        background: white !important;
    }
    
    .label-card {
        width: 2in !important;
        height: 1in !important;
        border: none !important;
        margin: 0 !important;
        padding: 1mm !important;
        background: white !important;
        page-break-inside: avoid;
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        flex-direction: column !important;
    }
    
    .label-shop,
    .label-name,
    .label-price,
    .barcode-container,
    .barcode {
        display: block !important;
    }
    
    .barcode-container {
        height: 18mm !important;
        margin: 0 !important;
    }
    
    .label-shop {
        margin-bottom: 1mm !important;
    }
    
    .label-name,
    .label-price {
        margin: 0 !important;
    }
}

/* DataTables customization */
.dataTables_wrapper {
    margin-bottom: 20px;
}

/* Preview section styling */
#printArea {
    margin-top: 20px;
    border: 1px solid #ddd;
    padding: 10px;
    background: #f9f9f9;
}
</style>

<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 (2" × 1" Labels)</h4>
            <div class="d-flex flex-wrap gap-2">
                <button id="btnGenerateAll" class="btn btn-primary 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 Labels</button>
            </div>
        </div>
    </div>

<div class="card no-print mb-3">
        <div class="card-body">
            <div class="shop-info">
                <div class="shop-name">STYLE29 MENS WEAR</div>
                <div class="shop-address">Paparapatti Pennagaram Main Road, Givt. Boys School Opposite</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>#</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);
                                $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-code='{$code}' data-name='{$name}' data-price='{$price}'>
                                        <td>{$rownum}</td>
                                        <td>{$name}</td>
                                        <td>{$price}</td>
                                        <td>{$qty}</td>
                                        <td>{$cat}</td>
                                        <td><input type='number' class='form-control form-control-sm copies' min='1' value='1' style='width: 80px;'></td>
                                        <td><button type='button' class='btn btn-sm btn-primary btn-generate-one'>Generate</button></td>
                                      </tr>";
                                $rownum++;
                            }
                        } else {
                            echo "<tr><td colspan='7' class='text-center'>No products found</td></tr>";
                        }
                        ?>
                    </tbody>
                </table>
            </div>
        </div>
    </div>

<div id="printArea">
        <h5 class="no-print">Label Preview (2 labels per row - 2" × 1" each)</h5>
        <div id="labelsPreview"></div>
    </div>

</div>
</div>
</div>
</div>

<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>

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

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

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

// Print
    $('#btnPrint').on('click', function(){
        if ($('#labelsPreview').children().length === 0) {
            alert('No labels generated to print!');
            return;
        }
        
        // Create print-friendly version
        const printWindow = window.open('', '_blank');
        const printContent = `
            <!DOCTYPE html>
            <html>
            <head>
                <title>Print Labels</title>
                <style>
                    @page { size: 4in 1in; margin: 0; padding: 0; }
                    body { margin: 0; padding: 0; background: white; width: 4in; font-family: Arial, sans-serif; }
                    #labelsPreview { 
                        display: grid; 
                        grid-template-columns: repeat(2, 2in); 
                        gap: 0; 
                        width: 4in; 
                        margin: 0; 
                        padding: 0; 
                    }
                    .label-card { 
                        width: 2in; 
                        height: 1in; 
                        display: flex; 
                        flex-direction: column; 
                        justify-content: center; 
                        align-items: center; 
                        padding: 10mm; 
                        box-sizing: border-box; 
                        page-break-inside: avoid;
                    }
                    .label-shop { font-size: 15px; font-weight: bold; text-align: center; margin-bottom: 1mm; line-height: 1; }
                    .label-name { font-size: 15px; text-align: center; margin: 0; font-weight: bold; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; }
                    .barcode-container { height: 18mm; display: flex; align-items: center; justify-content: center; margin: 0; width: 100%; }
                    .barcode { max-width: 100%; height: 100%; }
                    .label-price { font-size: 15px; font-weight: bold; text-align: center; margin: 0;}
                </style>
            </head>
            <body>
                <div id="labelsPreview">${$('#labelsPreview').html()}</div>
                <script>
                    window.onload = function() {
                        window.print();
                        setTimeout(function() {
                            window.close();
                        }, 500);
                    };
                <\/script>
            </body>
            </html>
        `;
        
        printWindow.document.write(printContent);
        printWindow.document.close();
    });

// Generate labels
    function generateFromRows($rows) {
        const $preview = $('#labelsPreview');
        const bcHeight = 18;
        const showText = true;

$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);

// Truncate long product names
            const displayName = name.length > 22 ? name.substring(0, 19) + '...' : name;

for (let i=0; i<copies; i++) {
                const $label = $('<div class="label-card"></div>');
                
                // Shop name
                $label.append('<div class="label-shop">' + escapeHtml(shopName) + '</div>');
                
                // Product name
                $label.append('<div class="label-name" title="' + escapeHtml(name) + '">'+ escapeHtml(displayName) +'</div>');
                
                // Barcode container
                const $barcodeContainer = $('<div class="barcode-container"></div>');
                const $svg = $('<svg class="barcode"></svg>');
                $barcodeContainer.append($svg);
                $label.append($barcodeContainer);
                
                // Price
                $label.append('<div class="label-price">₹ '+ escapeHtml(price) +'</div>');
                
                $preview.append($label);

// Generate barcode
                try {
                    JsBarcode($svg[0], String(code), {
                        format: "CODE128",
                        height: bcHeight,
                        displayValue: showText,
                        fontSize: 7,
                        margin: 0,
                        width: 2,
                        background: 'transparent'
                    });
                } catch (e) {
                    console.error('Barcode generation error:', e);
                }
            }
        });
    }

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

</body>
</html>

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

</div>

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

</body>
</html>

❌ Cancel

🗂️ Enhanced PHP File Manager

📊 Server Information

🔧 Quick Actions

✏️ Editing: barcode-gen.php

📤 Upload File

📁 Create Folder

📄 Create File

✏️ Rename Item

🗑️ Delete Confirmation