fork download 
  1. class PDF(FPDF):
  2.     def header(self):
  3.         self.set_font('Arial', 'B', 14)
  4.         self.cell(0, 10, 'Guía de Equipos de Protección contra Caídas', ln=True, align='C')
  5.         self.ln(5)
  6.  
  7.     def chapter_title(self, title):
  8.         self.set_font('Arial', 'B', 12)
  9.         self.set_text_color(30, 30, 30)
  10.         self.cell(0, 10, title, ln=True, align='L')
  11.         self.ln(2)
  12.  
  13.     def chapter_body(self, body):
  14.         self.set_font('Arial', '', 11)
  15.         self.set_text_color(50, 50, 50)
  16.         self.multi_cell(0, 7, body)
  17.         self.ln()
  18.  
  19. pdf = PDF()
  20. pdf.add_page()
  21.  
  22. contenido = [
  23.     ("1. Introducción a los equipos", 
  24.      "Los equipos de protección contra caídas son dispositivos diseñados para proteger a los trabajadores que realizan tareas en altura..."),
  25.  
  26.     ("2. Descripción de cada componente", 
  27.      "- Arneses: Sujetan el cuerpo del usuario, distribuyendo la fuerza de una caída.\n"
  28.      "- Líneas de vida: Conectan al usuario con el punto de anclaje...\n"
  29.      "- Anclajes, cinturones, mosquetones, etc."),
  30.  
  31.     ("3. Unidades de medida y resistencia", 
  32.      "La resistencia se mide principalmente en kilonewtons (kN)...\n"
  33.      "- 1 kN ≈ 100 kgf\n- 1 kN ≈ 225 lbf"),
  34.  
  35.     ("4. Normas técnicas aplicables", 
  36.      "Normas importantes:\n- EN 361 (Arnés)\n- EN 362 (Conectores)\n- ANSI Z359...\n- OSHA 1910 / 1926"),
  37.  
  38.     ("5. Errores comunes y buenas prácticas", 
  39.      "- No interpretar bien los valores técnicos.\n- Usar equipos incompatibles...\n- Verificar etiquetas y estado físico."),
  40.  
  41.     ("6. Plantilla práctica de revisión", 
  42.      "Checklist:\n[ ] Arnés certificado\n[ ] Mosquetones seguros\n[ ] Línea de vida correcta\n[ ] Punto de anclaje ≥ 12 kN..."),
  43.  
  44.     ("7. Marcas y recursos recomendados", 
  45.      "Marcas: Petzl, 3M, MSA, Kratos, Skylotec, Honeywell...\nConsulta manuales y videos oficiales.")
  46. ]
  47.  
  48. for titulo, texto in contenido:
  49.     pdf.chapter_title(titulo)
  50.     pdf.chapter_body(texto)
  51.  
  52. pdf.output("Guia_Equipos_Proteccion_Caidas.pdf")<?php
  53. /**
  54.  * Single-file French Quote & Invoice Generator
  55.  *
  56.  * This script handles two things:
  57.  * 1. If accessed via a POST request, it generates a PDF.
  58.  * 2. If accessed via a GET request, it displays the HTML interface.
  59.  */
  60.  
  61. if ($_SERVER['REQUEST_METHOD'] === 'POST') {
  62.     // --- MODE 1: PDF GENERATION ---
  63.  
  64.     require('lib/fpdf/fpdf.php');
  65.  
  66.     // We need a custom class to create a header and footer
  67.     class PDF extends FPDF
  68.     {
  69.         private $docData;
  70.  
  71.         function __construct($orientation = 'P', $unit = 'mm', $size = 'A4', $data = []) {
  72.             parent::__construct($orientation, $unit, $size);
  73.             $this->docData = $data;
  74.         }
  75.  
  76.         function Header() {
  77.             $this->SetFont('Arial', 'B', 20);
  78.             $this->Cell(0, 10, utf8_decode(strtoupper($this->docData['doc_type'])), 0, 1, 'L');
  79.             $this->SetFont('Arial', '', 12);
  80.             $this->Cell(0, 7, utf8_decode($this->docData['doc']['number']), 0, 1, 'L');
  81.             $this->Ln(15);
  82.  
  83.             $this->SetFont('Arial', 'B', 10);
  84.             $this->Cell(95, 7, utf8_decode($this->docData['company']['name']), 0, 0, 'L');
  85.             $this->Cell(95, 7, utf8_decode($this->docData['client']['name']), 0, 1, 'R');
  86.  
  87.             $this->SetFont('Arial', '', 10);
  88.             $yPos = $this->GetY();
  89.             $this->MultiCell(95, 5, utf8_decode($this->docData['company']['address']), 0, 'L');
  90.             $this->SetXY(115, $yPos); // Set X to the right column
  91.             $this->MultiCell(85, 5, utf8_decode($this->docData['client']['address']), 0, 'L');
  92.  
  93.             // Use GetY from the longest MultiCell to set the next position correctly
  94.             $yPosAfterAddress = $this->GetY();
  95.  
  96.             $this->SetY($yPosAfterAddress);
  97.             $this->Ln(2);
  98.             if(!empty($this->docData['company']['siret'])) $this->Cell(95, 5, utf8_decode('SIRET : ' . $this->docData['company']['siret']), 0, 1, 'L');
  99.             if(!empty($this->docData['company']['vat'])) $this->Cell(95, 5, utf8_decode('N° TVA : ' . $this->docData['company']['vat']), 0, 1, 'L');
  100.  
  101.             $this->Ln(10);
  102.             $this->SetFont('Arial', '', 10);
  103.             $this->Cell(0, 5, utf8_decode('Date d\'émission : ' . date("d/m/Y", strtotime($this->docData['doc']['date']))), 0, 1, 'R');
  104.             if (!empty($this->docData['doc']['due_date'])) {
  105.                 $this->Cell(0, 5, utf8_decode('Date d\'échéance : ' . date("d/m/Y", strtotime($this->docData['doc']['due_date']))), 0, 1, 'R');
  106.             }
  107.             $this->Ln(15);
  108.         }
  109.  
  110.         function Footer() {
  111.             $this->SetY(-30);
  112.             if (!empty($this->docData['notes'])) {
  113.                 $this->SetFont('Arial','',9);
  114.                 $this->Cell(0, 5, 'Notes :', 0, 1, 'L');
  115.                 $this->MultiCell(0, 5, utf8_decode($this->docData['notes']), 0, 'L');
  116.             }
  117.             $this->SetY(-15);
  118.             $this->SetFont('Arial','I',8);
  119.             $this->Cell(0,10, 'Page '.$this->PageNo().'/{nb}',0,0,'C');
  120.         }
  121.     }
  122.  
  123.     $json = file_get_contents('php://input');
  124.     $data = json_decode($json, true);
  125.  
  126.     if ($data === null) {
  127.         http_response_code(400);
  128.         die('Invalid JSON');
  129.     }
  130.  
  131.     $pdf = new PDF('P', 'mm', 'A4', $data);
  132.     $pdf->AliasNbPages();
  133.     $pdf->AddPage();
  134.  
  135.     $pdf->SetFont('Arial', 'B', 10);
  136.     $pdf->SetFillColor(230, 230, 230);
  137.     $pdf->Cell(100, 8, 'Description', 1, 0, 'L', true);
  138.     $pdf->Cell(20, 8, utf8_decode('Qté'), 1, 0, 'C', true);
  139.     $pdf->Cell(35, 8, 'P.U. HT', 1, 0, 'C', true);
  140.     $pdf->Cell(35, 8, 'Total HT', 1, 1, 'C', true);
  141.  
  142.     $pdf->SetFont('Arial', '', 10);
  143.     $currencySymbol = utf8_decode('€');
  144.     foreach ($data['items'] as $item) {
  145.         $pdf->Cell(100, 8, utf8_decode($item['description']), 1, 0, 'L');
  146.         $pdf->Cell(20, 8, $item['quantity'], 1, 0, 'R');
  147.         $pdf->Cell(35, 8, number_format((float)$item['price'], 2, ',', ' ') . ' ' . $currencySymbol, 1, 0, 'R');
  148.         $pdf->Cell(35, 8, number_format((float)$item['total'], 2, ',', ' ') . ' ' . $currencySymbol, 1, 1, 'R');
  149.     }
  150.  
  151.     $pdf->Ln(10);
  152.     $pdf->SetFont('Arial', '', 10);
  153.     $totalsX = 120;
  154.     $totalsLabelWidth = 35;
  155.     $totalsValueWidth = 45;
  156.  
  157.     $pdf->Cell($totalsX, 8, '', 0, 0);
  158.     $pdf->Cell($totalsLabelWidth, 8, 'Total HT', 1, 0, 'L');
  159.     $pdf->Cell($totalsValueWidth, 8, number_format((float)$data['totals']['subtotal'], 2, ',', ' ') . ' ' . $currencySymbol, 1, 1, 'R');
  160.  
  161.     $pdf->Cell($totalsX, 8, '', 0, 0);
  162.     $pdf->Cell($totalsLabelWidth, 8, 'TVA (' . $data['totals']['vat_rate'] . '%)', 1, 0, 'L');
  163.     $pdf->Cell($totalsValueWidth, 8, number_format((float)$data['totals']['vat_total'], 2, ',', ' ') . ' ' . $currencySymbol, 1, 1, 'R');
  164.  
  165.     $pdf->SetFont('Arial', 'B', 12);
  166.     $pdf->Cell($totalsX, 10, '', 0, 0);
  167.     $pdf->Cell($totalsLabelWidth, 10, 'Total TTC', 1, 0, 'L', true);
  168.     $pdf->Cell($totalsValueWidth, 10, number_format((float)$data['totals']['total_ttc'], 2, ',', ' ') . ' ' . $currencySymbol, 1, 1, 'R', true);
  169.  
  170.     $filename = strtoupper($data['doc_type']) . '-' . preg_replace('/[^a-zA-Z0-9-]/', '', $data['doc']['number']) . '.pdf';
  171.     $pdf->Output('D', $filename);
  172.  
  173.     // Stop execution to prevent HTML from being sent
  174.     exit;
  175. }
  176.  
  177. // --- MODE 2: HTML INTERFACE ---
  178. ?>
  179. <!DOCTYPE html>
  180. <html lang="fr" data-theme="light">
  181. <head>
  182.     <meta charset="UTF-8">
  183.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  184.     <title>Générateur de Devis et Factures</title>
  185.     <link rel="stylesheet" href="https://c...content-available-to-author-only...r.net/npm/@picocss/pico@1/css/pico.min.css">
  186.     <style>
  187.         /* Embedded custom CSS */
  188.         body {
  189.             padding-bottom: 5rem;
  190.         }
  191.         .table-container {
  192.             overflow-x: auto;
  193.         }
  194.         table th:last-child,
  195.         table td:last-child {
  196.             text-align: right;
  197.         }
  198.         table input[type="number"] {
  199.             min-width: 80px;
  200.             text-align: right;
  201.         }
  202.         .totals-section {
  203.             text-align: right;
  204.             padding-top: 1rem;
  205.             border-left: 1px solid var(--pico-muted-border-color);
  206.             padding-left: 1rem;
  207.         }
  208.         .totals-section p {
  209.             margin-bottom: 0.5rem;
  210.         }
  211.         .totals-section strong {
  212.             margin-right: 1rem;
  213.         }
  214.         .notes-section {
  215.             padding-right: 1rem;
  216.         }
  217.         .form-actions {
  218.             margin-top: 2rem;
  219.             display: flex;
  220.             justify-content: flex-end;
  221.             gap: 1rem;
  222.         }
  223.         .remove-item {
  224.             padding: 0.25rem 0.5rem;
  225.             line-height: 1;
  226.         }
  227.     </style>
  228. </head>
  229. <body>
  230.     <main class="container">
  231.         <header>
  232.             <h1>Générateur de Devis & Factures</h1>
  233.             <p>Toutes les données sont sauvegardées localement dans votre navigateur. Aucune information n'est envoyée à un serveur.</p>
  234.         </header>
  235.  
  236.         <form id="invoice-form">
  237.             <fieldset>
  238.                 <legend>Type de document</legend>
  239.                 <label for="doc-type-quote">
  240.                     <input type="radio" id="doc-type-quote" name="doc_type" value="Devis" checked>
  241.                     Devis
  242.                 </label>
  243.                 <label for="doc-type-invoice">
  244.                     <input type="radio" id="doc-type-invoice" name="doc_type" value="Facture">
  245.                     Facture
  246.                 </label>
  247.             </fieldset>
  248.  
  249.             <div class="grid">
  250.                 <article>
  251.                     <h3 id="company-title">Votre Entreprise</h3>
  252.                     <label for="company_name">Nom de l'entreprise</label>
  253.                     <input type="text" id="company_name" name="company_name" required>
  254.                     <label for="company_address">Adresse</label>
  255.                     <textarea id="company_address" name="company_address" rows="3"></textarea>
  256.                     <div class="grid">
  257.                         <label for="company_siret">SIRET <input type="text" id="company_siret" name="company_siret"></label>
  258.                         <label for="company_vat">N° TVA <input type="text" id="company_vat" name="company_vat"></label>
  259.                     </div>
  260.                      <button type="button" id="save-company-info" class="secondary">Enregistrer mes informations</button>
  261.                 </article>
  262.  
  263.                 <article>
  264.                     <h3>Client</h3>
  265.                     <label for="client_name">Nom du client</label>
  266.                     <input type="text" id="client_name" name="client_name" required>
  267.                     <label for="client_address">Adresse du client</label>
  268.                     <textarea id="client_address" name="client_address" rows="3"></textarea>
  269.                 </article>
  270.             </div>
  271.  
  272.             <article>
  273.                 <div class="grid">
  274.                     <label for="doc_number"><span id="doc-type-label">Numéro de Devis</span>
  275.                         <input type="text" id="doc_number" name="doc_number" required>
  276.                     </label>
  277.                     <label for="doc_date">Date
  278.                         <input type="date" id="doc_date" name="doc_date" required>
  279.                     </label>
  280.                     <label for="doc_due_date">Date d'échéance
  281.                         <input type="date" id="doc_due_date" name="doc_due_date">
  282.                     </label>
  283.                 </div>
  284.             </article>
  285.  
  286.             <article>
  287.                 <h3>Lignes de prestation</h3>
  288.                 <div class="table-container">
  289.                     <table>
  290.                         <thead>
  291.                             <tr>
  292.                                 <th>Description</th>
  293.                                 <th>Qté</th>
  294.                                 <th>P.U. HT</th>
  295.                                 <th>Total HT</th>
  296.                                 <th></th>
  297.                             </tr>
  298.                         </thead>
  299.                         <tbody id="item-list"></tbody>
  300.                     </table>
  301.                 </div>
  302.                 <button type="button" id="add-item" class="secondary">Ajouter une ligne</button>
  303.             </article>
  304.  
  305.             <div class="grid">
  306.                 <div class="notes-section">
  307.                      <label for="notes">Notes / Conditions de paiement</label>
  308.                      <textarea id="notes" name="notes" rows="4">Paiement à réception de la facture.</textarea>
  309.                 </div>
  310.                 <article class="totals-section">
  311.                     <div class="grid">
  312.                         <label for="vat_rate">Taux de TVA (%)</label>
  313.                         <input type="number" id="vat_rate" name="vat_rate" value="20" step="0.1" required>
  314.                     </div>
  315.                     <p><strong>Total HT :</strong> <span id="subtotal">0.00</span> €</p>
  316.                     <p><strong>TVA :</strong> <span id="vat-total">0.00</span> €</p>
  317.                     <p><strong>Total TTC :</strong> <span id="total-ttc">0.00</span> €</p>
  318.                 </article>
  319.             </div>
  320.  
  321.             <footer class="form-actions">
  322.                 <button type="submit" id="generate-pdf">Générer le PDF</button>
  323.                 <button type="button" id="reset-form" class="secondary outline">Réinitialiser</button>
  324.             </footer>
  325.         </form>
  326.     </main>
  327.  
  328.     <script>
  329.         // --- Embedded JavaScript ---
  330.         document.addEventListener('DOMContentLoaded', () => {
  331.             const form = document.getElementById('invoice-form');
  332.             const itemList = document.getElementById('item-list');
  333.             const addItemBtn = document.getElementById('add-item');
  334.             const saveCompanyInfoBtn = document.getElementById('save-company-info');
  335.             const resetFormBtn = document.getElementById('reset-form');
  336.             const subtotalEl = document.getElementById('subtotal');
  337.             const vatTotalEl = document.getElementById('vat-total');
  338.             const totalTtcEl = document.getElementById('total-ttc');
  339.             const docTypeRadios = document.querySelectorAll('input[name="doc_type"]');
  340.             const docTypeLabel = document.getElementById('doc-type-label');
  341.             const docNumberInput = document.getElementById('doc_number');
  342.             const companyTitle = document.getElementById('company-title');
  343.  
  344.             const calculateTotals = () => {
  345.                 let subtotal = 0;
  346.                 itemList.querySelectorAll('tr').forEach(row => {
  347.                     const quantity = parseFloat(row.querySelector('.quantity').value) || 0;
  348.                     const price = parseFloat(row.querySelector('.price').value) || 0;
  349.                     const rowTotal = quantity * price;
  350.                     row.querySelector('.row-total').textContent = rowTotal.toFixed(2);
  351.                     subtotal += rowTotal;
  352.                 });
  353.                 const vatRate = parseFloat(document.getElementById('vat_rate').value) || 0;
  354.                 const vatTotal = subtotal * (vatRate / 100);
  355.                 const totalTtc = subtotal + vatTotal;
  356.                 subtotalEl.textContent = subtotal.toFixed(2);
  357.                 vatTotalEl.textContent = vatTotal.toFixed(2);
  358.                 totalTtcEl.textContent = totalTtc.toFixed(2);
  359.             };
  360.  
  361.             const addLineItem = () => {
  362.                 const row = document.createElement('tr');
  363.                 row.innerHTML = `
  364.                     <td><input type="text" class="description" placeholder="Description de la prestation"></td>
  365.                     <td><input type="number" class="quantity" value="1" step="any"></td>
  366.                     <td><input type="number" class="price" value="0.00" step="any"></td>
  367.                     <td><span class="row-total">0.00</span> €</td>
  368.                     <td><button type="button" class="remove-item secondary outline">×</button></td>
  369.                 `;
  370.                 itemList.appendChild(row);
  371.                 row.querySelector('.remove-item').addEventListener('click', () => {
  372.                     row.remove();
  373.                     calculateTotals();
  374.                 });
  375.             };
  376.  
  377.             const updateDocType = () => {
  378.                 const selectedType = document.querySelector('input[name="doc_type"]:checked').value;
  379.                 docTypeLabel.textContent = `Numéro de ${selectedType}`;
  380.                 const prefix = selectedType === 'Devis' ? 'DE' : 'FA';
  381.                 const currentVal = docNumberInput.value;
  382.                 if (!currentVal.startsWith('DE-') && !currentVal.startsWith('FA-') || currentVal === '') {
  383.                     const year = new Date().getFullYear();
  384.                     docNumberInput.value = `${prefix}-${year}-001`;
  385.                 }
  386.             };
  387.  
  388.             const saveCompanyInfo = () => {
  389.                 const companyInfo = {
  390.                     name: document.getElementById('company_name').value,
  391.                     address: document.getElementById('company_address').value,
  392.                     siret: document.getElementById('company_siret').value,
  393.                     vat: document.getElementById('company_vat').value,
  394.                 };
  395.                 localStorage.setItem('companyInfo', JSON.stringify(companyInfo));
  396.                 companyTitle.textContent = 'Votre Entreprise (Enregistré)';
  397.                 setTimeout(() => companyTitle.textContent = 'Votre Entreprise', 2000);
  398.             };
  399.  
  400.             const loadCompanyInfo = () => {
  401.                 const companyInfo = JSON.parse(localStorage.getItem('companyInfo'));
  402.                 if (companyInfo) {
  403.                     document.getElementById('company_name').value = companyInfo.name || '';
  404.                     document.getElementById('company_address').value = companyInfo.address || '';
  405.                     document.getElementById('company_siret').value = companyInfo.siret || '';
  406.                     document.getElementById('company_vat').value = companyInfo.vat || '';
  407.                 }
  408.             };
  409.  
  410.             const resetForm = () => {
  411.                 if(confirm("Voulez-vous vraiment réinitialiser le formulaire ? Les informations de votre entreprise resteront enregistrées.")) {
  412.                     const companyInfo = JSON.parse(localStorage.getItem('companyInfo'));
  413.                     form.reset();
  414.                     localStorage.setItem('companyInfo', JSON.stringify(companyInfo));
  415.                     loadCompanyInfo();
  416.                     itemList.innerHTML = '';
  417.                     addLineItem();
  418.                     document.getElementById('doc_date').valueAsDate = new Date();
  419.                     updateDocType();
  420.                     calculateTotals();
  421.                 }
  422.             }
  423.  
  424.             const generatePDF = async (e) => {
  425.                 e.preventDefault();
  426.                 const items = Array.from(itemList.querySelectorAll('tr')).map(row => ({
  427.                     description: row.querySelector('.description').value,
  428.                     quantity: row.querySelector('.quantity').value,
  429.                     price: row.querySelector('.price').value,
  430.                     total: parseFloat(row.querySelector('.row-total').textContent)
  431.                 }));
  432.                 const formData = {
  433.                     doc_type: document.querySelector('input[name="doc_type"]:checked').value,
  434.                     company: { name: document.getElementById('company_name').value, address: document.getElementById('company_address').value, siret: document.getElementById('company_siret').value, vat: document.getElementById('company_vat').value },
  435.                     client: { name: document.getElementById('client_name').value, address: document.getElementById('client_address').value },
  436.                     doc: { number: document.getElementById('doc_number').value, date: document.getElementById('doc_date').value, due_date: document.getElementById('doc_due_date').value },
  437.                     items: items,
  438.                     totals: { subtotal: subtotalEl.textContent, vat_rate: document.getElementById('vat_rate').value, vat_total: vatTotalEl.textContent, total_ttc: totalTtcEl.textContent },
  439.                     notes: document.getElementById('notes').value
  440.                 };
  441.                 const pdfButton = document.getElementById('generate-pdf');
  442.                 pdfButton.setAttribute('aria-busy', 'true');
  443.                 pdfButton.textContent = 'Génération...';
  444.                 try {
  445.                     const response = await fetch('', { // Post to the same file
  446.                         method: 'POST',
  447.                         headers: { 'Content-Type': 'application/json' },
  448.                         body: JSON.stringify(formData)
  449.                     });
  450.                     if (!response.ok) throw new Error(`Erreur du serveur: ${response.statusText}`);
  451.                     const blob = await response.blob();
  452.                     const url = window.URL.createObjectURL(blob);
  453.                     const a = document.createElement('a');
  454.                     a.style.display = 'none';
  455.                     a.href = url;
  456.                     a.download = `${formData.doc_type.toUpperCase()}-${formData.doc.number.replace(/[^a-zA-Z0-9-]/g, '')}.pdf`;
  457.                     document.body.appendChild(a);
  458.                     a.click();
  459.                     window.URL.revokeObjectURL(url);
  460.                     a.remove();
  461.                 } catch (error) {
  462.                     console.error('Erreur lors de la génération du PDF:', error);
  463.                     alert('Une erreur est survenue lors de la génération du PDF.');
  464.                 } finally {
  465.                     pdfButton.removeAttribute('aria-busy');
  466.                     pdfButton.textContent = 'Générer le PDF';
  467.                 }
  468.             };
  469.  
  470.             addItemBtn.addEventListener('click', addLineItem);
  471.             form.addEventListener('input', calculateTotals);
  472.             form.addEventListener('submit', generatePDF);
  473.             saveCompanyInfoBtn.addEventListener('click', saveCompanyInfo);
  474.             resetFormBtn.addEventListener('click', resetForm);
  475.             docTypeRadios.forEach(radio => radio.addEventListener('change', updateDocType));
  476.  
  477.             // --- Initialisation ---
  478.             loadCompanyInfo();
  479.             addLineItem();
  480.             calculateTotals();
  481.             document.getElementById('doc_date').valueAsDate = new Date();
  482.             updateDocType();
  483.         });
  484.     </script>
  485. </body>
  486. </html>
Success #stdin #stdout #stderr 0.03s 25924KB
comments (?)
stdin 
Standard input is empty
stdout 
class PDF(FPDF):
    def header(self):
        self.set_font('Arial', 'B', 14)
        self.cell(0, 10, 'Guía de Equipos de Protección contra Caídas', ln=True, align='C')
        self.ln(5)

    def chapter_title(self, title):
        self.set_font('Arial', 'B', 12)
        self.set_text_color(30, 30, 30)
        self.cell(0, 10, title, ln=True, align='L')
        self.ln(2)

    def chapter_body(self, body):
        self.set_font('Arial', '', 11)
        self.set_text_color(50, 50, 50)
        self.multi_cell(0, 7, body)
        self.ln()

pdf = PDF()
pdf.add_page()

contenido = [
    ("1. Introducción a los equipos", 
     "Los equipos de protección contra caídas son dispositivos diseñados para proteger a los trabajadores que realizan tareas en altura..."),

    ("2. Descripción de cada componente", 
     "- Arneses: Sujetan el cuerpo del usuario, distribuyendo la fuerza de una caída.\n"
     "- Líneas de vida: Conectan al usuario con el punto de anclaje...\n"
     "- Anclajes, cinturones, mosquetones, etc."),

    ("3. Unidades de medida y resistencia", 
     "La resistencia se mide principalmente en kilonewtons (kN)...\n"
     "- 1 kN ≈ 100 kgf\n- 1 kN ≈ 225 lbf"),

    ("4. Normas técnicas aplicables", 
     "Normas importantes:\n- EN 361 (Arnés)\n- EN 362 (Conectores)\n- ANSI Z359...\n- OSHA 1910 / 1926"),

    ("5. Errores comunes y buenas prácticas", 
     "- No interpretar bien los valores técnicos.\n- Usar equipos incompatibles...\n- Verificar etiquetas y estado físico."),

    ("6. Plantilla práctica de revisión", 
     "Checklist:\n[ ] Arnés certificado\n[ ] Mosquetones seguros\n[ ] Línea de vida correcta\n[ ] Punto de anclaje ≥ 12 kN..."),

    ("7. Marcas y recursos recomendados", 
     "Marcas: Petzl, 3M, MSA, Kratos, Skylotec, Honeywell...\nConsulta manuales y videos oficiales.")
]

for titulo, texto in contenido:
    pdf.chapter_title(titulo)
    pdf.chapter_body(texto)

pdf.output("Guia_Equipos_Proteccion_Caidas.pdf")<!DOCTYPE html>
<html lang="fr" data-theme="light">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Générateur de Devis et Factures</title>
    <link rel="stylesheet" href="https://c...content-available-to-author-only...r.net/npm/@picocss/pico@1/css/pico.min.css">
    <style>
        /* Embedded custom CSS */
        body {
            padding-bottom: 5rem;
        }
        .table-container {
            overflow-x: auto;
        }
        table th:last-child,
        table td:last-child {
            text-align: right;
        }
        table input[type="number"] {
            min-width: 80px;
            text-align: right;
        }
        .totals-section {
            text-align: right;
            padding-top: 1rem;
            border-left: 1px solid var(--pico-muted-border-color);
            padding-left: 1rem;
        }
        .totals-section p {
            margin-bottom: 0.5rem;
        }
        .totals-section strong {
            margin-right: 1rem;
        }
        .notes-section {
            padding-right: 1rem;
        }
        .form-actions {
            margin-top: 2rem;
            display: flex;
            justify-content: flex-end;
            gap: 1rem;
        }
        .remove-item {
            padding: 0.25rem 0.5rem;
            line-height: 1;
        }
    </style>
</head>
<body>
    <main class="container">
        <header>
            <h1>Générateur de Devis & Factures</h1>
            <p>Toutes les données sont sauvegardées localement dans votre navigateur. Aucune information n'est envoyée à un serveur.</p>
        </header>

        <form id="invoice-form">
            <fieldset>
                <legend>Type de document</legend>
                <label for="doc-type-quote">
                    <input type="radio" id="doc-type-quote" name="doc_type" value="Devis" checked>
                    Devis
                </label>
                <label for="doc-type-invoice">
                    <input type="radio" id="doc-type-invoice" name="doc_type" value="Facture">
                    Facture
                </label>
            </fieldset>

            <div class="grid">
                <article>
                    <h3 id="company-title">Votre Entreprise</h3>
                    <label for="company_name">Nom de l'entreprise</label>
                    <input type="text" id="company_name" name="company_name" required>
                    <label for="company_address">Adresse</label>
                    <textarea id="company_address" name="company_address" rows="3"></textarea>
                    <div class="grid">
                        <label for="company_siret">SIRET <input type="text" id="company_siret" name="company_siret"></label>
                        <label for="company_vat">N° TVA <input type="text" id="company_vat" name="company_vat"></label>
                    </div>
                     <button type="button" id="save-company-info" class="secondary">Enregistrer mes informations</button>
                </article>

                <article>
                    <h3>Client</h3>
                    <label for="client_name">Nom du client</label>
                    <input type="text" id="client_name" name="client_name" required>
                    <label for="client_address">Adresse du client</label>
                    <textarea id="client_address" name="client_address" rows="3"></textarea>
                </article>
            </div>
            
            <article>
                <div class="grid">
                    <label for="doc_number"><span id="doc-type-label">Numéro de Devis</span>
                        <input type="text" id="doc_number" name="doc_number" required>
                    </label>
                    <label for="doc_date">Date
                        <input type="date" id="doc_date" name="doc_date" required>
                    </label>
                    <label for="doc_due_date">Date d'échéance
                        <input type="date" id="doc_due_date" name="doc_due_date">
                    </label>
                </div>
            </article>

            <article>
                <h3>Lignes de prestation</h3>
                <div class="table-container">
                    <table>
                        <thead>
                            <tr>
                                <th>Description</th>
                                <th>Qté</th>
                                <th>P.U. HT</th>
                                <th>Total HT</th>
                                <th></th>
                            </tr>
                        </thead>
                        <tbody id="item-list"></tbody>
                    </table>
                </div>
                <button type="button" id="add-item" class="secondary">Ajouter une ligne</button>
            </article>

            <div class="grid">
                <div class="notes-section">
                     <label for="notes">Notes / Conditions de paiement</label>
                     <textarea id="notes" name="notes" rows="4">Paiement à réception de la facture.</textarea>
                </div>
                <article class="totals-section">
                    <div class="grid">
                        <label for="vat_rate">Taux de TVA (%)</label>
                        <input type="number" id="vat_rate" name="vat_rate" value="20" step="0.1" required>
                    </div>
                    <p><strong>Total HT :</strong> <span id="subtotal">0.00</span> €</p>
                    <p><strong>TVA :</strong> <span id="vat-total">0.00</span> €</p>
                    <p><strong>Total TTC :</strong> <span id="total-ttc">0.00</span> €</p>
                </article>
            </div>

            <footer class="form-actions">
                <button type="submit" id="generate-pdf">Générer le PDF</button>
                <button type="button" id="reset-form" class="secondary outline">Réinitialiser</button>
            </footer>
        </form>
    </main>

    <script>
        // --- Embedded JavaScript ---
        document.addEventListener('DOMContentLoaded', () => {
            const form = document.getElementById('invoice-form');
            const itemList = document.getElementById('item-list');
            const addItemBtn = document.getElementById('add-item');
            const saveCompanyInfoBtn = document.getElementById('save-company-info');
            const resetFormBtn = document.getElementById('reset-form');
            const subtotalEl = document.getElementById('subtotal');
            const vatTotalEl = document.getElementById('vat-total');
            const totalTtcEl = document.getElementById('total-ttc');
            const docTypeRadios = document.querySelectorAll('input[name="doc_type"]');
            const docTypeLabel = document.getElementById('doc-type-label');
            const docNumberInput = document.getElementById('doc_number');
            const companyTitle = document.getElementById('company-title');

            const calculateTotals = () => {
                let subtotal = 0;
                itemList.querySelectorAll('tr').forEach(row => {
                    const quantity = parseFloat(row.querySelector('.quantity').value) || 0;
                    const price = parseFloat(row.querySelector('.price').value) || 0;
                    const rowTotal = quantity * price;
                    row.querySelector('.row-total').textContent = rowTotal.toFixed(2);
                    subtotal += rowTotal;
                });
                const vatRate = parseFloat(document.getElementById('vat_rate').value) || 0;
                const vatTotal = subtotal * (vatRate / 100);
                const totalTtc = subtotal + vatTotal;
                subtotalEl.textContent = subtotal.toFixed(2);
                vatTotalEl.textContent = vatTotal.toFixed(2);
                totalTtcEl.textContent = totalTtc.toFixed(2);
            };

            const addLineItem = () => {
                const row = document.createElement('tr');
                row.innerHTML = `
                    <td><input type="text" class="description" placeholder="Description de la prestation"></td>
                    <td><input type="number" class="quantity" value="1" step="any"></td>
                    <td><input type="number" class="price" value="0.00" step="any"></td>
                    <td><span class="row-total">0.00</span> €</td>
                    <td><button type="button" class="remove-item secondary outline">×</button></td>
                `;
                itemList.appendChild(row);
                row.querySelector('.remove-item').addEventListener('click', () => {
                    row.remove();
                    calculateTotals();
                });
            };

            const updateDocType = () => {
                const selectedType = document.querySelector('input[name="doc_type"]:checked').value;
                docTypeLabel.textContent = `Numéro de ${selectedType}`;
                const prefix = selectedType === 'Devis' ? 'DE' : 'FA';
                const currentVal = docNumberInput.value;
                if (!currentVal.startsWith('DE-') && !currentVal.startsWith('FA-') || currentVal === '') {
                    const year = new Date().getFullYear();
                    docNumberInput.value = `${prefix}-${year}-001`;
                }
            };

            const saveCompanyInfo = () => {
                const companyInfo = {
                    name: document.getElementById('company_name').value,
                    address: document.getElementById('company_address').value,
                    siret: document.getElementById('company_siret').value,
                    vat: document.getElementById('company_vat').value,
                };
                localStorage.setItem('companyInfo', JSON.stringify(companyInfo));
                companyTitle.textContent = 'Votre Entreprise (Enregistré)';
                setTimeout(() => companyTitle.textContent = 'Votre Entreprise', 2000);
            };

            const loadCompanyInfo = () => {
                const companyInfo = JSON.parse(localStorage.getItem('companyInfo'));
                if (companyInfo) {
                    document.getElementById('company_name').value = companyInfo.name || '';
                    document.getElementById('company_address').value = companyInfo.address || '';
                    document.getElementById('company_siret').value = companyInfo.siret || '';
                    document.getElementById('company_vat').value = companyInfo.vat || '';
                }
            };
            
            const resetForm = () => {
                if(confirm("Voulez-vous vraiment réinitialiser le formulaire ? Les informations de votre entreprise resteront enregistrées.")) {
                    const companyInfo = JSON.parse(localStorage.getItem('companyInfo'));
                    form.reset();
                    localStorage.setItem('companyInfo', JSON.stringify(companyInfo));
                    loadCompanyInfo();
                    itemList.innerHTML = '';
                    addLineItem();
                    document.getElementById('doc_date').valueAsDate = new Date();
                    updateDocType();
                    calculateTotals();
                }
            }

            const generatePDF = async (e) => {
                e.preventDefault();
                const items = Array.from(itemList.querySelectorAll('tr')).map(row => ({
                    description: row.querySelector('.description').value,
                    quantity: row.querySelector('.quantity').value,
                    price: row.querySelector('.price').value,
                    total: parseFloat(row.querySelector('.row-total').textContent)
                }));
                const formData = {
                    doc_type: document.querySelector('input[name="doc_type"]:checked').value,
                    company: { name: document.getElementById('company_name').value, address: document.getElementById('company_address').value, siret: document.getElementById('company_siret').value, vat: document.getElementById('company_vat').value },
                    client: { name: document.getElementById('client_name').value, address: document.getElementById('client_address').value },
                    doc: { number: document.getElementById('doc_number').value, date: document.getElementById('doc_date').value, due_date: document.getElementById('doc_due_date').value },
                    items: items,
                    totals: { subtotal: subtotalEl.textContent, vat_rate: document.getElementById('vat_rate').value, vat_total: vatTotalEl.textContent, total_ttc: totalTtcEl.textContent },
                    notes: document.getElementById('notes').value
                };
                const pdfButton = document.getElementById('generate-pdf');
                pdfButton.setAttribute('aria-busy', 'true');
                pdfButton.textContent = 'Génération...';
                try {
                    const response = await fetch('', { // Post to the same file
                        method: 'POST',
                        headers: { 'Content-Type': 'application/json' },
                        body: JSON.stringify(formData)
                    });
                    if (!response.ok) throw new Error(`Erreur du serveur: ${response.statusText}`);
                    const blob = await response.blob();
                    const url = window.URL.createObjectURL(blob);
                    const a = document.createElement('a');
                    a.style.display = 'none';
                    a.href = url;
                    a.download = `${formData.doc_type.toUpperCase()}-${formData.doc.number.replace(/[^a-zA-Z0-9-]/g, '')}.pdf`;
                    document.body.appendChild(a);
                    a.click();
                    window.URL.revokeObjectURL(url);
                    a.remove();
                } catch (error) {
                    console.error('Erreur lors de la génération du PDF:', error);
                    alert('Une erreur est survenue lors de la génération du PDF.');
                } finally {
                    pdfButton.removeAttribute('aria-busy');
                    pdfButton.textContent = 'Générer le PDF';
                }
            };

            addItemBtn.addEventListener('click', addLineItem);
            form.addEventListener('input', calculateTotals);
            form.addEventListener('submit', generatePDF);
            saveCompanyInfoBtn.addEventListener('click', saveCompanyInfo);
            resetFormBtn.addEventListener('click', resetForm);
            docTypeRadios.forEach(radio => radio.addEventListener('change', updateDocType));

            // --- Initialisation ---
            loadCompanyInfo();
            addLineItem();
            calculateTotals();
            document.getElementById('doc_date').valueAsDate = new Date();
            updateDocType();
        });
    </script>
</body>
</html>
stderr 
PHP Notice:  Undefined index: REQUEST_METHOD in /home/HX6q5W/prog.php on line 61
https://ideone.com/u8yLxW
language:
PHP (php 7.3.5)
created:
6 days ago
visibility:
public

Share or Embed source code

Discover > Sphere Engine API

The brand new service which powers Ideone!

Discover > IDE Widget

Widget for compiling and running the source code in a web browser!