feat(cbz-to-pdf,pdf-to-cbz): Converter for CBZ format to and from PDF (#4472)

2026-07-17 11:45:05 +02:00 · 2025-09-28 21:41:50 +01:00
parent 413cd0c697
commit 51aa03b256
12 changed files with 737 additions and 2 deletions
@@ -606,6 +606,14 @@ home.imageToPdf.title=Image to PDF
 home.imageToPdf.desc=Convert a image (PNG, JPEG, GIF, PSD) to PDF.
 imageToPdf.tags=conversion,img,jpg,picture,photo,psd,photoshop

+home.cbzToPdf.title=CBZ to PDF
+home.cbzToPdf.desc=Convert CBZ comic book archives to PDF format.
+cbzToPdf.tags=conversion,comic,book,archive,cbz,zip
+
+home.pdfToCbz.title=PDF to CBZ
+home.pdfToCbz.desc=Convert PDF files to CBZ comic book archives.
+pdfToCbz.tags=conversion,comic,book,archive,cbz,pdf
+
 home.pdfToImage.title=PDF to Image
 home.pdfToImage.desc=Convert a PDF to a image. (PNG, JPEG, GIF, PSD)
 pdfToImage.tags=conversion,img,jpg,picture,photo,psd,photoshop
@@ -1431,6 +1439,18 @@ imageToPDF.selectText.3=Multi file logic (Only enabled if working with multiple
 imageToPDF.selectText.4=Merge into single PDF
 imageToPDF.selectText.5=Convert to separate PDFs

+#cbzToPDF
+cbzToPDF.title=CBZ to PDF
+cbzToPDF.header=CBZ to PDF
+cbzToPDF.submit=Convert to PDF
+cbzToPDF.selectText=Select CBZ file
+
+#pdfToCBZ
+pdfToCBZ.title=PDF to CBZ
+pdfToCBZ.header=PDF to CBZ
+pdfToCBZ.submit=Convert to CBZ
+pdfToCBZ.selectText=Select PDF file
+pdfToCBZ.dpi=DPI (Dots Per Inch)

 #pdfToImage
 pdfToImage.title=PDF to Image
@@ -0,0 +1,39 @@
+<!DOCTYPE html>
+<html th:data-language="${#locale.toString()}" th:dir="#{language.direction}" th:lang="${#locale.language}"
+  xmlns:th="https://www.thymeleaf.org">
+
+<head>
+  <th:block th:insert="~{fragments/common :: head(title=#{cbzToPDF.title}, header=#{cbzToPDF.header})}"></th:block>
+</head>
+
+<body>
+  <th:block th:insert="~{fragments/common :: game}"></th:block>
+  <div id="page-container">
+    <div id="content-wrap">
+      <th:block th:insert="~{fragments/navbar.html :: navbar}"></th:block>
+      <br><br>
+      <div class="container">
+        <div class="row justify-content-center">
+          <div class="col-md-6 bg-card">
+            <div class="tool-header">
+              <span class="material-symbols-rounded tool-header-icon convertto">auto_stories</span>
+              <span class="tool-header-text" th:text="#{cbzToPDF.header}"></span>
+            </div>
+            <form enctype="multipart/form-data" id="cbzToPDFForm" method="post"
+              th:action="@{'/api/v1/convert/cbz/pdf'}">
+              <div
+                th:replace="~{fragments/common :: fileSelector(name='fileInput', multipleInputsForSingleRequest=false, accept='.cbz,.zip', inputText=#{cbzToPDF.selectText})}">
+              </div>
+              
+              <br>
+              <button class="btn btn-primary" id="submitBtn" th:text="#{cbzToPDF.submit}" type="submit">Convert to PDF</button>
+            </form>
+          </div>
+        </div>
+      </div>
+    </div>
+    <th:block th:insert="~{fragments/footer.html :: footer}"></th:block>
+  </div>
+</body>
+
+</html>
@@ -0,0 +1,42 @@
+<!DOCTYPE html>
+<html th:data-language="${#locale.toString()}" th:dir="#{language.direction}" th:lang="${#locale.language}"
+  xmlns:th="https://www.thymeleaf.org">
+
+<head>
+  <th:block th:insert="~{fragments/common :: head(title=#{pdfToCBZ.title}, header=#{pdfToCBZ.header})}"></th:block>
+</head>
+
+<body>
+  <th:block th:insert="~{fragments/common :: game}"></th:block>
+  <div id="page-container">
+    <div id="content-wrap">
+      <th:block th:insert="~{fragments/navbar.html :: navbar}"></th:block>
+      <br><br>
+      <div class="container">
+        <div class="row justify-content-center">
+          <div class="col-md-6 bg-card">
+            <div class="tool-header">
+              <span class="material-symbols-rounded tool-header-icon convert">auto_stories</span>
+              <span class="tool-header-text" th:text="#{pdfToCBZ.header}"></span>
+            </div>
+            <form enctype="multipart/form-data" id="pdfToCBZForm" method="post"
+              th:action="@{'/api/v1/convert/pdf/cbz'}">
+              <div
+                th:replace="~{fragments/common :: fileSelector(name='fileInput', multipleInputsForSingleRequest=false, accept='application/pdf', inputText=#{pdfToCBZ.selectText})}">
+              </div>
+              <div class="mb-3">
+                <label for="dpi" th:text="#{pdfToCBZ.dpi}">DPI:</label>
+                <input class="form-control" id="dpi" max="600" min="72" name="dpi" required step="1" type="number" value="300">
+              </div>
+              <br>
+              <button class="btn btn-primary" id="submitBtn" th:text="#{pdfToCBZ.submit}" type="submit">Convert to CBZ</button>
+            </form>
+          </div>
+        </div>
+      </div>
+    </div>
+    <th:block th:insert="~{fragments/footer.html :: footer}"></th:block>
+  </div>
+</body>
+
+</html>
@@ -47,6 +47,9 @@
      <div
        th:replace="~{fragments/navbarEntry :: navbarEntry('img-to-pdf', 'picture_as_pdf', 'home.imageToPdf.title', 'home.imageToPdf.desc', 'imageToPdf.tags', 'convertto')}">
      </div>
+      <div
+        th:replace="~{fragments/navbarEntry :: navbarEntry('cbz-to-pdf', 'auto_stories', 'home.cbzToPdf.title', 'home.cbzToPdf.desc', 'cbzToPdf.tags', 'convertto')}">
+      </div>
      <div
        th:replace="~{fragments/navbarEntry :: navbarEntry('file-to-pdf', 'draft', 'home.fileToPDF.title', 'home.fileToPDF.desc', 'fileToPDF.tags', 'convertto')}">
      </div>
@@ -71,6 +74,9 @@
      <div
        th:replace="~{fragments/navbarEntry :: navbarEntry('pdf-to-img', 'photo_library', 'home.pdfToImage.title', 'home.pdfToImage.desc', 'pdfToImage.tags', 'convert')}">
      </div>
+      <div
+        th:replace="~{fragments/navbarEntry :: navbarEntry('pdf-to-cbz', 'auto_stories', 'home.pdfToCbz.title', 'home.pdfToCbz.desc', 'pdfToCbz.tags', 'convert')}">
+      </div>
      <div
        th:replace="~{fragments/navbarEntry :: navbarEntry('pdf-to-pdfa', 'picture_as_pdf', 'home.pdfToPDFA.title', 'home.pdfToPDFA.desc', 'pdfToPDFA.tags', 'convert')}">
      </div>
@@ -98,13 +104,16 @@

    </div>
  </div>
-  <div id="convertGroup" class="feature-group">
+  <div class="feature-group" id="convertGroup">
    <div th:replace="~{fragments/featureGroupHeader :: featureGroupHeader(groupTitle=#{navbar.sections.convertTo})}">
    </div>
    <div class="nav-group-container">
      <div
        th:replace="~{fragments/navbarEntry :: navbarEntry('img-to-pdf', 'picture_as_pdf', 'home.imageToPdf.title', 'home.imageToPdf.desc', 'imageToPdf.tags', 'convertto')}">
      </div>
+      <div
+        th:replace="~{fragments/navbarEntry :: navbarEntry('cbz-to-pdf', 'auto_stories', 'home.cbzToPdf.title', 'home.cbzToPdf.desc', 'cbzToPdf.tags', 'convertto')}">
+      </div>
      <div
        th:replace="~{fragments/navbarEntry :: navbarEntry('file-to-pdf', 'draft', 'home.fileToPDF.title', 'home.fileToPDF.desc', 'fileToPDF.tags', 'convertto')}">
      </div>