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: prints.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Direct Print - TVS RP3230</title>
    <script src="https://cdn.jsdelivr.net/npm/qz-tray@2.2.2/qz-tray.js"></script>
    <style>
        * {
            box-sizing: border-box;
            margin: 0;
            padding: 0;
            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
        }
        
        body {
            background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);
            min-height: 100vh;
            display: flex;
            flex-direction: column;
            align-items: center;
            padding: 20px;
        }
        
        .container {
            width: 100%;
            max-width: 800px;
            background: white;
            border-radius: 10px;
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
            overflow: hidden;
            margin-top: 20px;
        }
        
        header {
            background: #2c3e50;
            color: white;
            padding: 20px;
            text-align: center;
        }
        
        h1 {
            font-size: 28px;
            margin-bottom: 10px;
        }
        
        .description {
            font-size: 16px;
            opacity: 0.9;
        }
        
        .content {
            padding: 25px;
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 25px;
        }
        
        @media (max-width: 650px) {
            .content {
                grid-template-columns: 1fr;
            }
        }
        
        .preview-section, .control-section {
            background: #f8f9fa;
            border-radius: 8px;
            padding: 20px;
        }
        
        h2 {
            font-size: 20px;
            margin-bottom: 15px;
            color: #2c3e50;
            padding-bottom: 10px;
            border-bottom: 2px solid #eaecef;
        }
        
        .preview {
            background: white;
            border: 1px solid #ddd;
            border-radius: 5px;
            padding: 15px;
            font-family: 'Courier New', monospace;
            font-size: 14px;
            line-height: 1.4;
            min-height: 350px;
            overflow: auto;
        }
        
        .controls {
            display: flex;
            flex-direction: column;
            gap: 15px;
        }
        
        .form-group {
            display: flex;
            flex-direction: column;
            gap: 5px;
        }
        
        label {
            font-weight: 600;
            font-size: 14px;
            color: #2c3e50;
        }
        
        input, select {
            padding: 10px;
            border: 1px solid #ddd;
            border-radius: 5px;
            font-size: 16px;
        }
        
        .buttons {
            display: flex;
            gap: 10px;
            margin-top: 10px;
        }
        
        button {
            padding: 12px 20px;
            border: none;
            border-radius: 5px;
            font-weight: 600;
            cursor: pointer;
            transition: all 0.3s ease;
            flex: 1;
        }
        
        .print-btn {
            background: #3498db;
            color: white;
        }
        
        .print-btn:hover {
            background: #2980b9;
        }
        
        .test-btn {
            background: #2ecc71;
            color: white;
        }
        
        .test-btn:hover {
            background: #27ae60;
        }
        
        .reset-btn {
            background: #e74c3c;
            color: white;
        }
        
        .reset-btn:hover {
            background: #c0392b;
        }
        
        .disconnect-btn {
            background: #7f8c8d;
            color: white;
        }
        
        .disconnect-btn:hover {
            background: #6c7778;
        }
        
        .instructions {
            background: #fff8e1;
            border-left: 4px solid #ffc107;
            padding: 15px;
            margin-top: 20px;
            border-radius: 4px;
        }
        
        .instructions h3 {
            margin-bottom: 10px;
            color: #d35400;
        }
        
        .instructions ul {
            padding-left: 20px;
            margin-bottom: 10px;
        }
        
        .instructions li {
            margin-bottom: 8px;
            line-height: 1.5;
        }
        
        .footer {
            text-align: center;
            margin-top: 20px;
            color: #7f8c8d;
            font-size: 14px;
        }
        
        .status {
            margin-top: 15px;
            padding: 10px;
            border-radius: 5px;
            text-align: center;
            font-weight: 500;
        }
        
        .success {
            background: #d4edda;
            color: #155724;
            border: 1px solid #c3e6cb;
        }
        
        .error {
            background: #f8d7da;
            color: #721c24;
            border: 1px solid #f5c6cb;
        }
        
        .warning {
            background: #fff3cd;
            color: #856404;
            border: 1px solid #ffeeba;
        }

@media print {
            .preview {
                width: 80mm;
                font-family: monospace;
                font-size: 10pt;
                margin: 0;
                padding: 0;
            }
            body, .container, header, .content, .control-section, .instructions, .footer {
                display: none;
            }
        }
    </style>
</head>
<body>
    <header>
        <h1>Direct Thermal Printing</h1>
        <p class="description">Print directly to your TVS RP3230 thermal printer</p>
    </header>
    
    <div class="container">
        <div class="content">
            <div class="preview-section">
                <h2>Receipt Preview</h2>
                <div class="preview" id="receiptPreview">
                    
                </div>
            </div>
            
            <div class="control-section">
                <h2>Print Controls</h2>
                <div class="controls">
                    <div class="form-group">
                        <label for="printerSelect">Select Printer:</label>
                        <select id="printerSelect">
                            <option value="">-- Select Printer --</option>
                            
                        </select>
                    </div>
                    
                    <div class="form-group">
                        <label for="billNumber">Bill Number:</label>
                        <input type="text" id="billNumber" value="HFT-0001">
                    </div>
                    
                    <div class="form-group">
                        <label for="cashierName">Cashier Name:</label>
                        <input type="text" id="cashierName" value="Admin">
                    </div>
                    
                    <div class="buttons">
                        <button class="print-btn" onclick="attemptDirectPrint()">Print Receipt</button>
                        <button class="test-btn" onclick="testPrint()">Test Print</button>
                        <button class="reset-btn" onclick="resetForm()">Reset</button>
                        <button class="disconnect-btn" onclick="disconnectQzTray()">Disconnect QZ</button>
                    </div>
                    
                    <div id="printStatus" class="status warning">
                        Printer not selected
                    </div>
                </div>
            </div>
        </div>
        
        <div class="instructions">
            <h3>Important Instructions</h3>
            <ul>
                <li>Ensure your TVS RP3230 thermal printer is connected, powered on, and drivers are installed.</li>
                <li>Ensure QZ Tray is running (check system tray or menu bar).</li>
                <li>If direct printing fails, use the browser's print dialog and select your TVS RP3230.</li>
                <li>Ensure only one browser tab is open to avoid connection conflicts.</li>
                <li>Use the Disconnect QZ button to safely close the QZ Tray connection when done.</li>
            </ul>
            <p>Note: QZ Tray requires a one-time setup. If you see connection errors, restart QZ Tray or check https://qz.io/faq/.</p>
        </div>
    </div>
    
    <div class="footer">
        <p>Designed for TVS RP3230 Thermal Printer | HiFi11 Technologies</p>
    </div>

// Generate receipt preview for display
        function generateReceiptPreview() {
            const billNumber = document.getElementById('billNumber').value;
            const cashierName = document.getElementById('cashierName').value;
            const now = new Date();
            const dateStr = now.toLocaleDateString();
            const timeStr = now.toLocaleTimeString();
            
            const preview = document.getElementById('receiptPreview');
            preview.innerHTML = `
                <div style="text-align: center; font-weight: bold; font-size: 16px; margin-bottom: 5px;">HiFi11 Technologies</div>
                <div style="text-align: center; margin-bottom: 10px;">Thank you for your business</div>
                <div style="border-top: 2px solid #000; margin: 10px 0;"></div>
                <div style="display: flex; justify-content: space-between;">
                    <span>Bill No: ${billNumber}</span>
                    <span>Date: ${dateStr}</span>
                </div>
                <div style="display: flex; justify-content: space-between; margin: 5px 0;">
                    <span>Cashier: ${cashierName}</span>
                    <span>Time: ${timeStr}</span>
                </div>
                <div style="border-top: 1px dashed #000; margin: 10px 0;"></div>
                <div style="display: grid; grid-template-columns: 3fr 1fr 1fr; gap: 5px; margin-bottom: 10px;">
                    <div style="font-weight: bold;">Item</div>
                    <div style="font-weight: bold; text-align: right;">Qty</div>
                    <div style="font-weight: bold; text-align: right;">Amount</div>
                    
                    <div>Consulting Service</div>
                    <div style="text-align: right;">1</div>
                    <div style="text-align: right;">₹2,000.00</div>
                    
                    <div>Maintenance Plan</div>
                    <div style="text-align: right;">1</div>
                    <div style="text-align: right;">₹1,500.00</div>
                    
                    <div>Addon: Support</div>
                    <div style="text-align: right;">1</div>
                    <div style="text-align: right;">₹499.00</div>
                </div>
                <div style="border-top: 1px dashed #000; margin: 10px 0;"></div>
                <div style="display: flex; justify-content: space-between; margin: 3px 0;">
                    <strong>Subtotal</strong>
                    <strong>₹3,999.00</strong>
                </div>
                <div style="display: flex; justify-content: space-between; margin: 3px 0;">
                    <span>GST (18%)</span>
                    <span>₹719.82</span>
                </div>
                <div style="display: flex; justify-content: space-between; margin: 3px 0;">
                    <span>Round Off</span>
                    <span>₹0.18</span>
                </div>
                <div style="display: flex; justify-content: space-between; margin: 8px 0; font-size: 16px;">
                    <strong>Total</strong>
                    <strong>₹4,720.77</strong>
                </div>
                <div style="border-top: 1px dashed #000; margin: 10px 0;"></div>
                <div style="text-align: center; margin: 10px 0;">** Customer Copy **</div>
                <div style="text-align: center; font-weight: bold;">Powered by HiFi11 Technologies</div>
            `;
        }

// Generate raw ESC/POS commands for thermal printing
        function generateReceiptForThermal() {
            const billNumber = document.getElementById('billNumber').value;
            const cashierName = document.getElementById('cashierName').value;
            const now = new Date();
            const dateStr = now.toLocaleDateString();
            const timeStr = now.toLocaleTimeString();

return [
                '\x1B\x40', // Initialize printer
                '\x1B\x20\x00', // Set default spacing
                '\x1B\x61\x01', // Center align
                'HiFi11 Technologies\n',
                'Thank you for your business\n',
                '\x1B\x61\x00', // Left align
                '--------------------------------\n',
                `Bill No: ${billNumber}    Date: ${dateStr}\n`,
                `Cashier: ${cashierName}    Time: ${timeStr}\n`,
                '--------------------------------\n',
                'Item                 Qty    Amount\n',
                'Consulting Service   1      ₹2000.00\n',
                'Maintenance Plan     1      ₹1500.00\n',
                'Addon: Support       1      ₹499.00\n',
                '--------------------------------\n',
                'Subtotal:            ₹3999.00\n',
                'GST (18%):           ₹719.82\n',
                'Round Off:           ₹0.18\n',
                'Total:               ₹4720.00\n',
                '--------------------------------\n',
                '\x1B\x61\x01', // Center align
                '** Customer Copy **\n',
                'Powered by HiFi11 Technologies\n',
                '\x1B\x64\x02', // Feed 2 lines
                '\x1D\x56\x00' // Cut paper
            ];
        }

// Ensure QZ Tray connection
        function ensureQzConnection() {
            return new Promise((resolve, reject) => {
                if (isQzConnected) {
                    resolve();
                } else {
                    qz.websocket.connect().then(() => {
                        isQzConnected = true;
                        resolve();
                    }).catch(err => {
                        if (err.message.includes('An open connection with QZ Tray already exists')) {
                            isQzConnected = true; // Treat as connected
                            resolve();
                        } else {
                            reject(err);
                        }
                    });
                }
            });
        }

// Disconnect QZ Tray
        function disconnectQzTray() {
            const statusElement = document.getElementById('printStatus');
            if (isQzConnected) {
                qz.websocket.disconnect().then(() => {
                    isQzConnected = false;
                    statusElement.textContent = 'QZ Tray disconnected';
                    statusElement.className = 'status warning';
                }).catch(err => {
                    statusElement.textContent = 'Error disconnecting: ' + err.message;
                    statusElement.className = 'status error';
                });
            } else {
                statusElement.textContent = 'QZ Tray is not connected';
                statusElement.className = 'status warning';
            }
        }

// Attempt direct printing with QZ Tray
        function attemptDirectPrint() {
            const statusElement = document.getElementById('printStatus');
            const printerName = document.getElementById('printerSelect').value;

if (!printerName) {
                statusElement.textContent = 'Please select a printer';
                statusElement.className = 'status error';
                return;
            }

statusElement.textContent = 'Connecting to printer...';
            statusElement.className = 'status warning';

ensureQzConnection().then(() => {
                return qz.printers.find(printerName);
            }).then(printer => {
                const config = qz.configs.create(printer);
                const data = generateReceiptForThermal();
                return qz.print(config, data);
            }).then(() => {
                statusElement.textContent = 'Print command sent successfully';
                statusElement.className = 'status success';
            }).catch(err => {
                statusElement.textContent = 'Error: ' + err.message;
                statusElement.className = 'status error';
                // Fallback to window.print()
                window.print();
            });
        }

// Test print functionality
        function testPrint() {
            const statusElement = document.getElementById('printStatus');
            const printerName = document.getElementById('printerSelect').value;

if (!printerName) {
                statusElement.textContent = 'Please select a printer';
                statusElement.className = 'status error';
                return;
            }

statusElement.textContent = 'Initiating test print...';
            statusElement.className = 'status warning';

ensureQzConnection().then(() => {
                return qz.printers.find(printerName);
            }).then(printer => {
                const config = qz.configs.create(printer);
                const data = [
                    '\x1B\x40', // Initialize
                    '\x1B\x61\x01', // Center
                    'TVS RP3230 Test Print\n',
                    '--------------------------------\n',
                    'This is a test receipt\n',
                    'HiFi11 Technologies\n',
                    '\x1B\x64\x02', // Feed
                    '\x1D\x56\x00' // Cut
                ];
                return qz.print(config, data);
            }).then(() => {
                statusElement.textContent = 'Test print completed successfully';
                statusElement.className = 'status success';
            }).catch(err => {
                statusElement.textContent = 'Error: ' + err.message;
                statusElement.className = 'status error';
            });
        }

// Reset form
        function resetForm() {
            document.getElementById('billNumber').value = 'HFT-0001';
            document.getElementById('cashierName').value = 'Admin';
            document.getElementById('printStatus').textContent = 'Form reset';
            document.getElementById('printStatus').className = 'status warning';
            generateReceiptPreview();
        }

// Initialize on load
        window.onload = function() {
            generateReceiptPreview();

// Set up event listeners
            document.getElementById('billNumber').addEventListener('input', generateReceiptPreview);
            document.getElementById('cashierName').addEventListener('input', generateReceiptPreview);

// Populate printers using QZ Tray
            ensureQzConnection().then(() => {
                return qz.printers.getDefault();
            }).then(defaultPrinter => {
                const select = document.getElementById('printerSelect');
                const option = document.createElement('option');
                option.value = defaultPrinter;
                option.textContent = defaultPrinter;
                select.appendChild(option);
                document.getElementById('printStatus').textContent = 'Printer connected: ' + defaultPrinter;
                document.getElementById('printStatus').className = 'status success';
            }).catch(err => {
                document.getElementById('printStatus').textContent = 'Error: ' + err.message + '. Please ensure QZ Tray is running.';
                document.getElementById('printStatus').className = 'status error';
            });
        };
    </script>
</body>
</html>

❌ Cancel

🗂️ Enhanced PHP File Manager

📊 Server Information

🔧 Quick Actions

✏️ Editing: prints.html

📤 Upload File

📁 Create Folder

📄 Create File

✏️ Rename Item

🗑️ Delete Confirmation