show pdf upload form elements on demand

Author: gflohr

packages/docs/en/docs/other/browser-example.md

@@ -96,15 +96,15 @@ The application is structured as a wizard.
 			</small>
 		</div>
 	</div>
-	<div class="form-group">
+	<div class="form-group" id="embed-pdf-checkbox">
 		<div class="form-check">
 			<input class="form-check-input" type="checkbox" name="embed-pdf"
 				id="embed-pdf">
 			<label class="form-check-label" for="embedPDF">Embed PDF?</label>
 		</div>
 	</div>
-	<div class="form-group">
-		<label>Invoice PDF <span id="invoice-pdf-required">(*)</span></label>
+	<div class="form-group" id="pdf-file-upload">
+		<label>Invoice PDF (*)</label>
 		<div class="custom-file">
 			<input type="file" class="custom-file-input" id="pdf-file">
 			<label class="custom-file-label" for="ppdf-file">
@@ -113,7 +113,7 @@ The application is structured as a wizard.
 			<small class="form-text text-muted">For example
 				<a href="https://github.com/gflohr/e-invoice-eu/blob/main/contrib/templates/default-invoice.pdf"
 				target="_blank">
-					default-invoice.yaml
+					default-invoice.pdf
 				</a>
 			</small>
 		</div>

packages/docs/site/js/browser-example.js

@@ -23,14 +23,19 @@
 			document.getElementById('json-file-upload').style.display = 'block';
 		}
 
+		const showEmbedPDF = mimeType !== 'application/pdf';
+		if (showEmbedPDF) {
+			document.getElementById('embed-pdf-checkbox').style.display = 'block';
+		} else {
+			document.getElementById('embed-pdf-checkbox').style.display = 'none';
+		}
+
 		const embedPDF = document.getElementById('embed-pdf').checked;
-		const needPDF = mimeType === 'application/pdf' || embedPDF;
+		const needPDF = mimeType === 'application/pdf' || (embedPDF && showEmbedPDF);
 		if (needPDF) {
-			document.getElementById('invoice-pdf-required').style.display = 'inline';
-			document.getElementById('pdf-file').setAttribute('required', 'required');
+			document.getElementById('pdf-file-upload').style.display = 'block';
 		} else {
-			document.getElementById('invoice-pdf-required').style.display = 'none';
-			document.getElementById('pdf-file').removeAttribute('required');
+			document.getElementById('pdf-file-upload').style.display = 'none';
 		}
 	}