mirror of
https://github.com/Stirling-Tools/Stirling-PDF.git
synced 2025-06-23 07:55:07 +00:00
94 lines
4.2 KiB
HTML
94 lines
4.2 KiB
HTML
|
<!DOCTYPE html>
|
||
|
|
<html th:lang="${#locale.language}" th:dir="#{language.direction}" th:data-language="${#locale.toString()}"
|
||
|
|
xmlns:th="https://www.thymeleaf.org">
|
||
|
|
|
||
|
|
<head>
|
||
|
|
<th:block th:insert="~{fragments/common :: head(title=#{EMLToPDF.title}, header=#{EMLToPDF.header})}"></th:block>
|
||
|
|
</head>
|
||
|
|
|
||
|
|
<body>
|
||
|
|
<div id="page-container">
|
||
|
|
<div id="content-wrap">
|
||
|
|
<th:block th:insert="~{fragments/navbar.html :: navbar}"></th:block>
|
||
|
|
<div class="container py-4">
|
||
|
|
<div class="row justify-content-center">
|
||
|
|
<div class="col-md-6">
|
||
|
|
<div class="card shadow-sm">
|
||
|
|
<div class="card-body">
|
||
|
|
<div class="tool-header">
|
||
|
|
<span class="material-symbols-rounded tool-header-icon convertto">email</span>
|
||
|
|
<span class="tool-header-text" th:text="#{EMLToPDF.header}"></span>
|
||
|
|
</div>
|
||
|
|
<form method="post" enctype="multipart/form-data" th:action="@{'/api/v1/convert/eml/pdf'}" class="mt-4">
|
||
|
|
<div th:replace="~{fragments/common :: fileSelector(name='fileInput', multipleInputsForSingleRequest=false, accept='.eml,message/rfc822')}">
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="form-check mb-3">
|
||
|
|
<input type="checkbox" class="form-check-input" name="downloadHtml" id="downloadHtml">
|
||
|
|
<label class="form-check-label" for="downloadHtml" th:text="#{EMLToPDF.downloadHtml}"></label>
|
||
|
|
<div class="form-text" th:text="#{EMLToPDF.downloadHtmlHelp}"></div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div id="pdfOnlyOptions">
|
||
|
|
<div class="form-check mb-3">
|
||
|
|
<input type="checkbox" class="form-check-input" name="includeAttachments" id="includeAttachments" checked>
|
||
|
|
<label class="form-check-label" for="includeAttachments" th:text="#{EMLToPDF.includeAttachments}"></label>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="mb-3">
|
||
|
|
<label for="maxAttachmentSizeMB" class="form-label" th:text="#{EMLToPDF.maxAttachmentSize}"></label>
|
||
|
|
<input type="number" class="form-control" id="maxAttachmentSizeMB" name="maxAttachmentSizeMB" value="10" min="1" max="100">
|
||
|
|
</div>
|
||
|
|
|
||
|
|
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="mb-4">
|
||
|
|
<button class="btn btn-outline-primary" type="button" data-bs-toggle="collapse"
|
||
|
|
data-bs-target="#info" aria-expanded="false" aria-controls="info" th:text="#{info}">
|
||
|
|
</button>
|
||
|
|
<div class="collapse mt-3" id="info">
|
||
|
|
<div class="card card-body">
|
||
|
|
<p class="mb-2" th:text="#{EMLToPDF.help}"></p>
|
||
|
|
<ul class="mb-0">
|
||
|
|
<li th:text="#{EMLToPDF.troubleshootingTip1}"></li>
|
||
|
|
<li th:text="#{EMLToPDF.troubleshootingTip2}"></li>
|
||
|
|
<li th:text="#{EMLToPDF.troubleshootingTip3}"></li>
|
||
|
|
</ul>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<button type="submit" id="submitBtn" class="btn btn-primary" th:text="#{EMLToPDF.submit}"></button>
|
||
|
|
</form>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<th:block th:insert="~{fragments/footer.html :: footer}"></th:block>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<script th:inline="javascript">
|
||
|
|
document.addEventListener('DOMContentLoaded', function() {
|
||
|
|
const downloadHtml = document.getElementById('downloadHtml');
|
||
|
|
const pdfOnlyOptions = document.getElementById('pdfOnlyOptions');
|
||
|
|
const submitBtn = document.getElementById('submitBtn');
|
||
|
|
|
||
|
|
function updateFormState() {
|
||
|
|
if (pdfOnlyOptions && submitBtn) {
|
||
|
|
pdfOnlyOptions.style.display = downloadHtml.checked ? 'none' : 'block';
|
||
|
|
submitBtn.textContent = downloadHtml.checked ? 'Download HTML' : '[[#{EMLToPDF.submit}]]';
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
if (downloadHtml) {
|
||
|
|
downloadHtml.addEventListener('change', updateFormState);
|
||
|
|
updateFormState();
|
||
|
|
}
|
||
|
|
});
|
||
|
|
</script>
|
||
|
|
</body>
|
||
|
|
</html>
|