From f9ff57a26ef75c2606c36c23067364b82e17b423 Mon Sep 17 00:00:00 2001
From: Tom Plant <21111317+pl4nty@users.noreply.github.com>
Date: Tue, 18 Apr 2023 22:32:37 +1000
Subject: [PATCH 01/10] Support GitHub Container Registry

Adds support for GitHub Container Registry to CI/CD and simplifies with third-party Actions
---
 .github/workflows/push-docker.yml | 65 +++++++++++++------------------
 1 file changed, 28 insertions(+), 37 deletions(-)

diff --git a/.github/workflows/push-docker.yml b/.github/workflows/push-docker.yml
index 0aefaa00..78475340 100644
--- a/.github/workflows/push-docker.yml
+++ b/.github/workflows/push-docker.yml
@@ -4,7 +4,6 @@ on:
   push:
     branches: 
       - master
-      - testGit
       - main
 jobs:
   push:
@@ -37,43 +36,35 @@ jobs:
       uses: docker/login-action@v2.1.0
       with:
         username: ${{ secrets.DOCKER_HUB_USERNAME }}
-        password: ${{ secrets.DOCKER_HUB_API }} 
-   
-  #  - name: Check if tag exists
-  #    id: checkIdExists
-  #    continue-on-error: true
-  #    run: |
-  #      response=$(curl -s https://hub.docker.com/v2/repositories/frooodle/s-pdf/tags/?name=${{ steps.versionNumber.outputs.versionNumber }})
-  #      result=$(echo $response | jq ".results")
-  #      if [ "$result" == "[]" ]; then
-  #        echo "Tag ${{ steps.versionNumber.outputs.versionNumber }} doesnt exist. Continuing with build and push."
-  #      else
-  #        echo "Tag ${{ steps.versionNumber.outputs.versionNumber }} already exists. Skipping build and push."
-  #        exit 1;
-  #      fi
-
-   
-   
-    - name: Setup buildx
-      run: |
-        docker buildx create --name mybuilder
-        docker buildx use mybuilder
-
-    - name: Build and push versioned amd64 and v8 
-      if: github.ref == 'refs/heads/main'
-      run: | 
-        docker buildx build --platform="linux/amd64,linux/arm64/v8" --push --tag "frooodle/s-pdf:${{ steps.versionNumber.outputs.versionNumber }}-alpha" .
-
+        password: ${{ secrets.DOCKER_HUB_API }}
         
-    - name: Build and push versioned amd64 and v8 
-      if: github.ref == 'refs/heads/master'
-      run: | 
-        docker buildx build --platform="linux/amd64,linux/arm64/v8" --push --tag "frooodle/s-pdf:${{ steps.versionNumber.outputs.versionNumber }}" .
+    - name: Login to GitHub Container Registry
+      uses: docker/login-action@v2
+      with:
+        registry: ghcr.io
+        username: ${{ github.actor }}
+        password: ${{ github.token }}
 
+    - name: Generate tags
+      id: meta
+      uses: docker/metadata-action@v4
+      with:
+        images: |
+          frooodle/s-pdf
+          ghcr.io/frooodle/s-pdf
+        tags: |
+          ${{ steps.versionNumber.outputs.versionNumber }}${{ github.ref == 'refs/heads/main' && '-alpha' || '' }}
    
-    - name: Build and push latest amd64 and v8
-      if: github.ref == 'refs/heads/master'
-      run: | 
-        docker buildx build --platform="linux/amd64,linux/arm64/v8" --push --tag "frooodle/s-pdf:latest" .
-        
+    - name: Set up QEMU
+      uses: docker/setup-qemu-action@v2
+      
+    - name: Set up Docker Buildx
+      uses: docker/setup-buildx-action@v2
         
+    - name: Build and push
+      uses: docker/build-push-action@v4
+      with:
+        push: true
+        tags: ${{ steps.meta.outputs.tags }}
+        labels: ${{ steps.meta.outputs.labels }}
+        platforms: linux/amd64,linux/arm64/v8

From e4d7b531125547609193db5047d6669212e35e51 Mon Sep 17 00:00:00 2001
From: Tom Plant <21111317+pl4nty@users.noreply.github.com>
Date: Tue, 18 Apr 2023 22:36:38 +1000
Subject: [PATCH 02/10] Add GHCR perms to CI and pin Action versions

---
 .github/workflows/push-docker.yml | 17 +++++++++--------
 1 file changed, 9 insertions(+), 8 deletions(-)

diff --git a/.github/workflows/push-docker.yml b/.github/workflows/push-docker.yml
index 78475340..306d2cbd 100644
--- a/.github/workflows/push-docker.yml
+++ b/.github/workflows/push-docker.yml
@@ -5,12 +5,14 @@ on:
     branches: 
       - master
       - main
+
 jobs:
   push:
-
     runs-on: ubuntu-latest
+    permissions:
+      packages: write
+      contents: read
     steps:
-
     - uses: actions/checkout@v3
     
     - name: Set up JDK 17
@@ -18,7 +20,6 @@ jobs:
       with:
         java-version: '17'
         distribution: 'temurin'
-    
 
     - uses: gradle/gradle-build-action@v2.3.3
       with:
@@ -39,7 +40,7 @@ jobs:
         password: ${{ secrets.DOCKER_HUB_API }}
         
     - name: Login to GitHub Container Registry
-      uses: docker/login-action@v2
+      uses: docker/login-action@v2.1.0
       with:
         registry: ghcr.io
         username: ${{ github.actor }}
@@ -47,7 +48,7 @@ jobs:
 
     - name: Generate tags
       id: meta
-      uses: docker/metadata-action@v4
+      uses: docker/metadata-action@v4.4.0
       with:
         images: |
           frooodle/s-pdf
@@ -56,13 +57,13 @@ jobs:
           ${{ steps.versionNumber.outputs.versionNumber }}${{ github.ref == 'refs/heads/main' && '-alpha' || '' }}
    
     - name: Set up QEMU
-      uses: docker/setup-qemu-action@v2
+      uses: docker/setup-qemu-action@v2.1.0
       
     - name: Set up Docker Buildx
-      uses: docker/setup-buildx-action@v2
+      uses: docker/setup-buildx-action@v2.5.0
         
     - name: Build and push
-      uses: docker/build-push-action@v4
+      uses: docker/build-push-action@v4.0.0
       with:
         push: true
         tags: ${{ steps.meta.outputs.tags }}

From 7f9f45c720dc383d67eb2148ada60d7b65f4e348 Mon Sep 17 00:00:00 2001
From: Saud Fatayerji <saudfatayerji@gmail.com>
Date: Wed, 19 Apr 2023 11:44:58 +0300
Subject: [PATCH 03/10] Bug fixes and optimisations

---
 .../resources/templates/page-manager.html     | 159 +++++++++---------
 1 file changed, 83 insertions(+), 76 deletions(-)

diff --git a/src/main/resources/templates/page-manager.html b/src/main/resources/templates/page-manager.html
index 720ba47b..5aa5c327 100644
--- a/src/main/resources/templates/page-manager.html
+++ b/src/main/resources/templates/page-manager.html
@@ -23,21 +23,21 @@
                                 </svg>
                             </button>
                             
-                            <button class="btn btn-secondary" onclick="rotateAll(-90)">
+                            <button class="btn btn-secondary enable-on-file" onclick="rotateAll(-90)" disabled>
                                 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-arrow-counterclockwise" viewBox="0 0 16 16">
                                     <path fill-rule="evenodd" d="M8 3a5 5 0 1 1-4.546 2.914.5.5 0 0 0-.908-.417A6 6 0 1 0 8 2v1z" />
                                     <path d="M8 4.466V.534a.25.25 0 0 0-.41-.192L5.23 2.308a.25.25 0 0 0 0 .384l2.36 1.966A.25.25 0 0 0 8 4.466z" />
                                 </svg>
                             </button>
                             
-                            <button class="btn btn-secondary" onclick="rotateAll(90)">
+                            <button class="btn btn-secondary enable-on-file" onclick="rotateAll(90)" disabled>
                                 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-arrow-clockwise" viewBox="0 0 16 16">
                                     <path fill-rule="evenodd" d="M8 3a5 5 0 1 0 4.546 2.914.5.5 0 0 1 .908-.417A6 6 0 1 1 8 2v1z" />
                                     <path d="M8 4.466V.534a.25.25 0 0 1 .41-.192l2.36 1.966c.12.1.12.284 0 .384L8.41 4.658A.25.25 0 0 1 8 4.466z" />
                                 </svg>
                             </button>
 
-                            <button id="export-button" class="btn btn-primary" onclick="exportPdf()">
+                            <button id="export-button" class="btn btn-primary enable-on-file" onclick="exportPdf()" disabled>
                                 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-download" viewBox="0 0 16 16">
                                     <path d="M.5 9.9a.5.5 0 0 1 .5.5v2.5a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1v-2.5a.5.5 0 0 1 1 0v2.5a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2v-2.5a.5.5 0 0 1 .5-.5z"/>
                                     <path d="M7.646 11.854a.5.5 0 0 0 .708 0l3-3a.5.5 0 0 0-.708-.708L8.5 10.293V1.5a.5.5 0 0 0-1 0v8.793L5.354 8.146a.5.5 0 1 0-.708.708l3 3z"/>
@@ -56,20 +56,25 @@
     </div>
 
     <script>
-        var myDocument = null;
-        var myRenderer = null;
+        var fileName = null;
         const pagesContainer = document.getElementById("pages-container");
 
         function addPdfs() {
             var input = document.createElement('input');
             input.type = 'file';
             input.multiple = true;
+            input.setAttribute("accept", "application/pdf");
 
             input.onchange = async(e) => {
                 const files = e.target.files;
+                fileName = files[0].name;
                 for (var i=0; i < files.length; i++) {
                     addPdfFile(files[i]);
                 }
+
+                document.querySelectorAll(".enable-on-file").forEach(element => {
+                    element.disabled = false;
+                });
             }
 
             input.click();
@@ -77,6 +82,73 @@
 
         async function addPdfFile(file) {
             const { renderer, pdfDocument } = await loadFile(file);
+
+            const moveUpButtonCallback = e => {
+                var imgContainer = e.target;
+                while (!imgContainer.classList.contains("page-container")) {
+                    imgContainer = imgContainer.parentNode;
+                }
+                console.log("imgContainer", imgContainer);
+                const sibling = imgContainer.previousSibling;
+                console.log("sibling", sibling);
+                if (sibling) {
+                    pagesContainer.removeChild(imgContainer);
+                    pagesContainer.insertBefore(imgContainer, sibling);
+                    imgContainer.scrollIntoView({
+                        behavior: "instant",
+                        block: "center",
+                    })
+                }
+            };
+            const moveDownButtonCallback = e => {
+                var imgContainer = e.target;
+                while (!imgContainer.classList.contains("page-container")) {
+                    imgContainer = imgContainer.parentNode;
+                }
+                console.log("imgContainer", imgContainer);
+                const sibling = imgContainer.nextSibling;
+                console.log("sibling", sibling);
+                if (sibling) {
+                    pagesContainer.removeChild(imgContainer);
+                    if (sibling.nextSibling) {
+                        pagesContainer.insertBefore(imgContainer, sibling.nextSibling);
+                        console.log("insert sibling.nextSibling", sibling.nextSibling);
+                    } else {
+                        pagesContainer.appendChild(imgContainer)
+                        console.log("append");
+                    }
+                    imgContainer.scrollIntoView({
+                        behavior: "instant",
+                        block: "center",
+                    })
+                }
+            };
+            const rotateCCWButtonCallback = e => {
+                var imgContainer = e.target;
+                while (!imgContainer.classList.contains("page-container")) {
+                    imgContainer = imgContainer.parentNode;
+                }
+                const img = imgContainer.querySelector("img");
+                
+                rotateElement(img, -90)
+            };
+            const rotateCWButtonCallback = e => {
+                var imgContainer = e.target;
+                while (!imgContainer.classList.contains("page-container")) {
+                    imgContainer = imgContainer.parentNode;
+                }
+                const img = imgContainer.querySelector("img");
+                
+                rotateElement(img, 90)
+            };
+            const deletePageButtonCallback = e => {
+                var imgContainer = e.target;
+                while (!imgContainer.classList.contains("page-container")) {
+                    imgContainer = imgContainer.parentNode;
+                }
+                pagesContainer.removeChild(imgContainer);
+            };
+
             for (var i=0; i < renderer.pageCount; i++) {
                 const div = document.createElement('div');
                 div.classList.add("page-container");
@@ -94,51 +166,13 @@
                     const moveUp = document.createElement('button');
                         moveUp.classList.add("move-up-button","btn", "btn-secondary");
                         moveUp.innerHTML = '<i class="bi bi-arrow-up-short"></i>';
-                        moveUp.onclick = e => {
-                            var imgContainer = e.target;
-                            while (!imgContainer.classList.contains("page-container")) {
-                                imgContainer = imgContainer.parentNode;
-                            }
-                            console.log("imgContainer", imgContainer);
-                            const sibling = imgContainer.previousSibling;
-                            console.log("sibling", sibling);
-                            if (sibling) {
-                                pagesContainer.removeChild(imgContainer);
-                                pagesContainer.insertBefore(imgContainer, sibling);
-                                imgContainer.scrollIntoView({
-                                    behavior: "instant",
-                                    block: "center",
-                                })
-                            }
-                        }
+                        moveUp.onclick = moveUpButtonCallback;
                         buttonContainer.appendChild(moveUp);
 
                         const moveDown = document.createElement('button');
                         moveDown.classList.add("move-down-button","btn", "btn-secondary");
                         moveDown.innerHTML = '<i class="bi bi-arrow-down-short"></i>';
-                        moveDown.onclick = e => {
-                            var imgContainer = e.target;
-                            while (!imgContainer.classList.contains("page-container")) {
-                                imgContainer = imgContainer.parentNode;
-                            }
-                            console.log("imgContainer", imgContainer);
-                            const sibling = imgContainer.nextSibling;
-                            console.log("sibling", sibling);
-                            if (sibling) {
-                                pagesContainer.removeChild(imgContainer);
-                                if (sibling.nextSibling) {
-                                    pagesContainer.insertBefore(imgContainer, sibling.nextSibling);
-                                    console.log("insert sibling.nextSibling", sibling.nextSibling);
-                                } else {
-                                    pagesContainer.appendChild(imgContainer)
-                                    console.log("append");
-                                }
-                                imgContainer.scrollIntoView({
-                                    behavior: "instant",
-                                    block: "center",
-                                })
-                            }
-                        }
+                        moveDown.onclick = moveDownButtonCallback;
                         buttonContainer.appendChild(moveDown);
                         
                         const rotateCCW = document.createElement('button');
@@ -147,15 +181,7 @@
                     						<path fill-rule="evenodd" d="M8 3a5 5 0 1 1-4.546 2.914.5.5 0 0 0-.908-.417A6 6 0 1 0 8 2v1z" />
                     						<path d="M8 4.466V.534a.25.25 0 0 0-.41-.192L5.23 2.308a.25.25 0 0 0 0 .384l2.36 1.966A.25.25 0 0 0 8 4.466z" />
                     					</svg>`;
-                        rotateCCW.onclick = e => {
-                            var imgContainer = e.target;
-                            while (!imgContainer.classList.contains("page-container")) {
-                                imgContainer = imgContainer.parentNode;
-                            }
-                            const img = imgContainer.querySelector("img");
-                            
-                            rotateElement(img, -90)
-                        }
+                        rotateCCW.onclick = rotateCCWButtonCallback;
                         buttonContainer.appendChild(rotateCCW);
 
                         const rotateCW = document.createElement('button');
@@ -164,15 +190,7 @@
                     						<path fill-rule="evenodd" d="M8 3a5 5 0 1 0 4.546 2.914.5.5 0 0 1 .908-.417A6 6 0 1 1 8 2v1z" />
                     						<path d="M8 4.466V.534a.25.25 0 0 1 .41-.192l2.36 1.966c.12.1.12.284 0 .384L8.41 4.658A.25.25 0 0 1 8 4.466z" />
                     					</svg>`;
-                        rotateCW.onclick = e => {
-                            var imgContainer = e.target;
-                            while (!imgContainer.classList.contains("page-container")) {
-                                imgContainer = imgContainer.parentNode;
-                            }
-                            const img = imgContainer.querySelector("img");
-                            
-                            rotateElement(img, 90)
-                        }
+                        rotateCW.onclick = rotateCWButtonCallback;
                         buttonContainer.appendChild(rotateCW);
 
                         const deletePage = document.createElement('button');
@@ -181,13 +199,7 @@
                                             <path d="M5.5 5.5A.5.5 0 0 1 6 6v6a.5.5 0 0 1-1 0V6a.5.5 0 0 1 .5-.5Zm2.5 0a.5.5 0 0 1 .5.5v6a.5.5 0 0 1-1 0V6a.5.5 0 0 1 .5-.5Zm3 .5a.5.5 0 0 0-1 0v6a.5.5 0 0 0 1 0V6Z"/>
                                             <path d="M14.5 3a1 1 0 0 1-1 1H13v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V4h-.5a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1H6a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1h3.5a1 1 0 0 1 1 1v1ZM4.118 4 4 4.059V13a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1V4.059L11.882 4H4.118ZM2.5 3h11V2h-11v1Z"/>
                                         </svg>`;
-                        deletePage.onclick = e => {
-                            var imgContainer = e.target;
-                            while (!imgContainer.classList.contains("page-container")) {
-                                imgContainer = imgContainer.parentNode;
-                            }
-                            pagesContainer.removeChild(imgContainer);
-                        }
+                        deletePage.onclick = deletePageButtonCallback;
                         buttonContainer.appendChild(deletePage);
 
                     div.appendChild(buttonContainer);
@@ -236,7 +248,7 @@
 
             const downloadLink = document.createElement('a');
             downloadLink.href = url;
-            downloadLink.download = 'example.pdf';
+            downloadLink.download = fileName ? fileName : 'managed.pdf';
             downloadLink.click(); // Simulate a click on the download link to start the download
         }
 
@@ -244,11 +256,6 @@
             var objectUrl = URL.createObjectURL(file);
             var pdfDocument = await toPdfLib(objectUrl);
             var renderer = await toRenderer(objectUrl);
-
-            myDocument = pdfDocument;
-            myRenderer = renderer;
-            console.log(renderer, pdfDocument)
-
             return { renderer, pdfDocument };
         }
         async function toPdfLib(objectUrl) {

From 927a1481a9f118e7cd29cf9c4cedc6dd7dedee67 Mon Sep 17 00:00:00 2001
From: Anthony Stirling <77850077+Frooodle@users.noreply.github.com>
Date: Wed, 19 Apr 2023 15:26:13 +0100
Subject: [PATCH 04/10] Update FUNDING.yml

---
 .github/FUNDING.yml | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/.github/FUNDING.yml b/.github/FUNDING.yml
index 2e9be9a1..30a5ce23 100644
--- a/.github/FUNDING.yml
+++ b/.github/FUNDING.yml
@@ -1,6 +1,6 @@
 # These are supported funding model platforms
 
-github: # Replace with up to 4 GitHub Sponsors-enabled usernames e.g., [user1, user2]
+github: Frooodle # Replace with up to 4 GitHub Sponsors-enabled usernames e.g., [user1, user2]
 patreon: # Replace with a single Patreon username
 open_collective: # Replace with a single Open Collective username
 ko_fi: # Replace with a single Ko-fi username

From 6ef1ca0a0b75e76c11ad14af3af10cf1e0e6f9b4 Mon Sep 17 00:00:00 2001
From: Anthony Stirling <77850077+Frooodle@users.noreply.github.com>
Date: Wed, 19 Apr 2023 15:35:58 +0100
Subject: [PATCH 05/10] Update README.md

---
 README.md | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/README.md b/README.md
index 719cc8ae..db7ff618 100644
--- a/README.md
+++ b/README.md
@@ -6,6 +6,7 @@
 [![Docker Image Version (tag latest semver)](https://img.shields.io/docker/v/frooodle/s-pdf/latest)](https://github.com/Frooodle/Stirling-PDF/)
 [![GitHub Repo stars](https://img.shields.io/github/stars/frooodle/stirling-pdf?style=social)](https://github.com/Frooodle/stirling-pdf)
 [![Paypal Donate](https://img.shields.io/badge/Paypal%20Donate-yellow?style=flat&logo=paypal)](https://www.paypal.com/paypalme/froodleplex)
+[![Github Sponser](https://img.shields.io/badge/Github%20Sponsor-yellow?style=flat&logo=github)](https://github.com/sponsors/Frooodle)
 
 This is a powerful locally hosted web based PDF manipulation tool using docker that allows you to perform various operations on PDF files, such as splitting merging, converting, reorganizing, adding images, rotating, compressing, and more. This locally hosted web application started as a 100% ChatGPT-made application and has evolved to include a wide range of features to handle all your PDF needs.
 
@@ -95,4 +96,4 @@ Stirling PDF allows easy customization of the visible application name.
 Simply use environment variables APP_HOME_NAME, APP_HOME_DESCRIPTION and APP_NAVBAR_NAME with Docker or Java. 
 If running Java directly, you can also pass these as properties using -D arguments.
 
-Using the same method you can also change the default language by providing APP_LOCALE with values like de-DE fr-FR or ar-AR to select your default language (Will always default to English on invalid locale)
\ No newline at end of file
+Using the same method you can also change the default language by providing APP_LOCALE with values like de-DE fr-FR or ar-AR to select your default language (Will always default to English on invalid locale)

From fa84479254b1e54abec75b21ab10958dd14b2dae Mon Sep 17 00:00:00 2001
From: Anthony Stirling <77850077+Frooodle@users.noreply.github.com>
Date: Wed, 19 Apr 2023 15:38:18 +0100
Subject: [PATCH 06/10] Update README.md

---
 README.md | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/README.md b/README.md
index db7ff618..e66c3595 100644
--- a/README.md
+++ b/README.md
@@ -43,6 +43,8 @@ Feel free to request any features of bug fixes either in github issues or our [D
 - [OcrMyPdf](https://github.com/ocrmypdf/OCRmyPDF)
 - HTML, CSS, JavaScript
 - Docker
+- PDF.js
+- PDF-LIB.js
 
 ## How to use
 

From f4e5690841744779ea268d97a066391ccd097467 Mon Sep 17 00:00:00 2001
From: Saud Fatayerji <saudfatayerji@gmail.com>
Date: Thu, 20 Apr 2023 19:34:58 +0300
Subject: [PATCH 07/10] Added "insert document" buttons that appear in the
 middle of the document

---
 src/main/resources/static/css/general.css     | 14 ++++
 .../resources/static/{ => js}/pdf-lib.min.js  |  0
 .../resources/templates/fragments/common.html |  2 +-
 .../resources/templates/page-manager.html     | 80 +++++++++++++++++--
 4 files changed, 88 insertions(+), 8 deletions(-)
 rename src/main/resources/static/{ => js}/pdf-lib.min.js (100%)

diff --git a/src/main/resources/static/css/general.css b/src/main/resources/static/css/general.css
index 47465094..f6e4809e 100644
--- a/src/main/resources/static/css/general.css
+++ b/src/main/resources/static/css/general.css
@@ -21,3 +21,17 @@ html[lang-direction=rtl] * {
     direction: rtl;
     text-align: right;
 }
+
+.align-top {
+    position: absolute;
+    top: 0;
+}
+.align-center-right {
+    position: absolute;
+    right: 0;
+    top: 50%;
+}
+.align-bottom {
+    position: absolute;
+    bottom: 0;
+}
diff --git a/src/main/resources/static/pdf-lib.min.js b/src/main/resources/static/js/pdf-lib.min.js
similarity index 100%
rename from src/main/resources/static/pdf-lib.min.js
rename to src/main/resources/static/js/pdf-lib.min.js
diff --git a/src/main/resources/templates/fragments/common.html b/src/main/resources/templates/fragments/common.html
index 53ae9662..52a35367 100644
--- a/src/main/resources/templates/fragments/common.html
+++ b/src/main/resources/templates/fragments/common.html
@@ -23,7 +23,7 @@
 <script src="pdfjs/pdf.js"></script>
 
 <!-- PDF-Lib -->
-<script src="pdf-lib.min.js"></script>
+<script src="js/pdf-lib.min.js"></script>
 
 <!-- Custom -->
 <link rel="stylesheet" href="css/general.css">
diff --git a/src/main/resources/templates/page-manager.html b/src/main/resources/templates/page-manager.html
index 5aa5c327..664dbbb8 100644
--- a/src/main/resources/templates/page-manager.html
+++ b/src/main/resources/templates/page-manager.html
@@ -59,7 +59,23 @@
         var fileName = null;
         const pagesContainer = document.getElementById("pages-container");
 
-        function addPdfs() {
+        // add the bottom "insert pdf" button that appears on the right when hovered over
+        const bottomInsertFileButtonContainer = document.createElement('div');
+        bottomInsertFileButtonContainer.classList.add("insert-file-button-container", "align-bottom");
+        bottomInsertFileButtonContainer.style.transform = "translate(0, 50%)";
+        
+            const bottomInsertFileButton = document.createElement('button');
+            bottomInsertFileButton.classList.add("btn", "btn-primary", "insert-file-button", "align-center-right");
+            bottomInsertFileButton.innerHTML = `<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-file-earmark-plus" viewBox="0 0 16 16">
+                                    <path d="M8 6.5a.5.5 0 0 1 .5.5v1.5H10a.5.5 0 0 1 0 1H8.5V11a.5.5 0 0 1-1 0V9.5H6a.5.5 0 0 1 0-1h1.5V7a.5.5 0 0 1 .5-.5z"/>
+                                    <path d="M14 4.5V14a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V2a2 2 0 0 1 2-2h5.5L14 4.5zm-3 0A1.5 1.5 0 0 1 9.5 3V1H4a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1V4.5h-2z"/>
+                                </svg>`;
+            bottomInsertFileButton.onclick = e => addPdfs();
+            bottomInsertFileButtonContainer.appendChild(bottomInsertFileButton);
+
+        pagesContainer.appendChild(bottomInsertFileButtonContainer);
+
+        function addPdfs(nextSiblingElement) {
             var input = document.createElement('input');
             input.type = 'file';
             input.multiple = true;
@@ -69,7 +85,7 @@
                 const files = e.target.files;
                 fileName = files[0].name;
                 for (var i=0; i < files.length; i++) {
-                    addPdfFile(files[i]);
+                    addPdfFile(files[i], nextSiblingElement);
                 }
 
                 document.querySelectorAll(".enable-on-file").forEach(element => {
@@ -80,7 +96,7 @@
             input.click();
         }
 
-        async function addPdfFile(file) {
+        async function addPdfFile(file, nextSiblingElement) {
             const { renderer, pdfDocument } = await loadFile(file);
 
             const moveUpButtonCallback = e => {
@@ -148,6 +164,13 @@
                 }
                 pagesContainer.removeChild(imgContainer);
             };
+            const insertFileButtonCallback = e => {
+                var imgContainer = e.target;
+                while (!imgContainer.classList.contains("page-container")) {
+                    imgContainer = imgContainer.parentNode;
+                }
+                addPdfs(imgContainer)
+            };
 
             for (var i=0; i < renderer.pageCount; i++) {
                 const div = document.createElement('div');
@@ -163,7 +186,7 @@
                     const buttonContainer = document.createElement('div');
                     buttonContainer.classList.add("button-container");
                         
-                    const moveUp = document.createElement('button');
+                        const moveUp = document.createElement('button');
                         moveUp.classList.add("move-up-button","btn", "btn-secondary");
                         moveUp.innerHTML = '<i class="bi bi-arrow-up-short"></i>';
                         moveUp.onclick = moveUpButtonCallback;
@@ -204,7 +227,25 @@
 
                     div.appendChild(buttonContainer);
 
-                pagesContainer.appendChild(div);
+                    const insertFileButtonContainer = document.createElement('div');
+                    insertFileButtonContainer.classList.add("insert-file-button-container", "align-top");
+                    
+                        const insertFileButton = document.createElement('button');
+                        insertFileButton.classList.add("btn", "btn-primary", "insert-file-button", "align-center-right");
+                        insertFileButton.innerHTML = `<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-file-earmark-plus" viewBox="0 0 16 16">
+                                                <path d="M8 6.5a.5.5 0 0 1 .5.5v1.5H10a.5.5 0 0 1 0 1H8.5V11a.5.5 0 0 1-1 0V9.5H6a.5.5 0 0 1 0-1h1.5V7a.5.5 0 0 1 .5-.5z"/>
+                                                <path d="M14 4.5V14a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V2a2 2 0 0 1 2-2h5.5L14 4.5zm-3 0A1.5 1.5 0 0 1 9.5 3V1H4a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1V4.5h-2z"/>
+                                            </svg>`;
+                        insertFileButton.onclick = insertFileButtonCallback;
+                        insertFileButtonContainer.appendChild(insertFileButton);
+
+                    div.appendChild(insertFileButtonContainer);
+
+                if (nextSiblingElement) {
+                    pagesContainer.insertBefore(div, nextSiblingElement);
+                } else {
+                    pagesContainer.appendChild(div);
+                }
             }
         }
 
@@ -337,6 +378,7 @@
             aspect-ratio: 1;
             text-align: center;
             position: relative;
+            user-select: none;
         }
 
         .page-container img {
@@ -348,7 +390,7 @@
             top: 50%;
             translate: -50% -50%;
             box-shadow: 0 0 10px rgba(0,0,0);
-	        transition: rotate .3s;
+	        transition: rotate 0.3s;
         }
 
         .page-container .button-container {
@@ -366,13 +408,37 @@
             width: 16px;
             height: 16px;
         }
-        .page-container:first-child .move-up-button {
+        .page-container:nth-child(2) .move-up-button {
             visibility: hidden;
         }
         .page-container:last-child .move-down-button {
             visibility: hidden;
         }
 
+        /* "insert pdf" buttons that appear on the right when hover */
+        .insert-file-button-container {
+            translate: 0 -50%;
+            width: 100%;
+            height: 60px;
+
+            z-index: 1;
+            opacity: 0;
+            transition: opacity 0.2s;
+        }
+        .insert-file-button-container:hover {
+            opacity: 1;
+            transition: opacity 0.05s;
+        }
+        .insert-file-button {
+            translate: 100% -50%;
+            rotate: 45deg;
+            aspect-ratio: 1;
+            border-radius: 100px 100px 100px 0;
+        }
+        .insert-file-button > * {
+            rotate: -45deg;
+        }
+
         #add-pdf-button {
             margin: 0 auto;
         }

From 050ae2a512ef8bccd7180767a804d1745ac3c47f Mon Sep 17 00:00:00 2001
From: Saud Fatayerji <saudfatayerji@gmail.com>
Date: Thu, 20 Apr 2023 20:26:38 +0300
Subject: [PATCH 08/10] Fixed rotate all button not working

---
 src/main/resources/templates/page-manager.html | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/src/main/resources/templates/page-manager.html b/src/main/resources/templates/page-manager.html
index 664dbbb8..5a249ceb 100644
--- a/src/main/resources/templates/page-manager.html
+++ b/src/main/resources/templates/page-manager.html
@@ -263,6 +263,7 @@
         function rotateAll(deg) {
             for (var i=0; i<pagesContainer.childNodes.length; i++) {
                 const img = pagesContainer.childNodes[i].querySelector("img");
+                if (!img) continue;
                 rotateElement(img, deg)
             }
         }
@@ -271,6 +272,7 @@
             const pdfDoc = await PDFLib.PDFDocument.create();
             for (var i=0; i<pagesContainer.childNodes.length; i++) {
                 const img = pagesContainer.childNodes[i].querySelector("img");
+                if (!img) continue;
                 const pages = await pdfDoc.copyPages(img.doc, [img.pageIdx])
                 const page = pages[0];
 

From fb0ad73035d929d255ff8036156e9a578953a7fb Mon Sep 17 00:00:00 2001
From: Anthony Stirling <77850077+Frooodle@users.noreply.github.com>
Date: Thu, 20 Apr 2023 18:34:35 +0100
Subject: [PATCH 09/10] Revert "Support GitHub Container Registry"

---
 .github/workflows/push-docker.yml | 76 +++++++++++++++++--------------
 1 file changed, 42 insertions(+), 34 deletions(-)

diff --git a/.github/workflows/push-docker.yml b/.github/workflows/push-docker.yml
index 306d2cbd..0aefaa00 100644
--- a/.github/workflows/push-docker.yml
+++ b/.github/workflows/push-docker.yml
@@ -4,15 +4,14 @@ on:
   push:
     branches: 
       - master
+      - testGit
       - main
-
 jobs:
   push:
+
     runs-on: ubuntu-latest
-    permissions:
-      packages: write
-      contents: read
     steps:
+
     - uses: actions/checkout@v3
     
     - name: Set up JDK 17
@@ -20,6 +19,7 @@ jobs:
       with:
         java-version: '17'
         distribution: 'temurin'
+    
 
     - uses: gradle/gradle-build-action@v2.3.3
       with:
@@ -37,35 +37,43 @@ jobs:
       uses: docker/login-action@v2.1.0
       with:
         username: ${{ secrets.DOCKER_HUB_USERNAME }}
-        password: ${{ secrets.DOCKER_HUB_API }}
-        
-    - name: Login to GitHub Container Registry
-      uses: docker/login-action@v2.1.0
-      with:
-        registry: ghcr.io
-        username: ${{ github.actor }}
-        password: ${{ github.token }}
-
-    - name: Generate tags
-      id: meta
-      uses: docker/metadata-action@v4.4.0
-      with:
-        images: |
-          frooodle/s-pdf
-          ghcr.io/frooodle/s-pdf
-        tags: |
-          ${{ steps.versionNumber.outputs.versionNumber }}${{ github.ref == 'refs/heads/main' && '-alpha' || '' }}
+        password: ${{ secrets.DOCKER_HUB_API }} 
    
-    - name: Set up QEMU
-      uses: docker/setup-qemu-action@v2.1.0
-      
-    - name: Set up Docker Buildx
-      uses: docker/setup-buildx-action@v2.5.0
+  #  - name: Check if tag exists
+  #    id: checkIdExists
+  #    continue-on-error: true
+  #    run: |
+  #      response=$(curl -s https://hub.docker.com/v2/repositories/frooodle/s-pdf/tags/?name=${{ steps.versionNumber.outputs.versionNumber }})
+  #      result=$(echo $response | jq ".results")
+  #      if [ "$result" == "[]" ]; then
+  #        echo "Tag ${{ steps.versionNumber.outputs.versionNumber }} doesnt exist. Continuing with build and push."
+  #      else
+  #        echo "Tag ${{ steps.versionNumber.outputs.versionNumber }} already exists. Skipping build and push."
+  #        exit 1;
+  #      fi
+
+   
+   
+    - name: Setup buildx
+      run: |
+        docker buildx create --name mybuilder
+        docker buildx use mybuilder
+
+    - name: Build and push versioned amd64 and v8 
+      if: github.ref == 'refs/heads/main'
+      run: | 
+        docker buildx build --platform="linux/amd64,linux/arm64/v8" --push --tag "frooodle/s-pdf:${{ steps.versionNumber.outputs.versionNumber }}-alpha" .
+
+        
+    - name: Build and push versioned amd64 and v8 
+      if: github.ref == 'refs/heads/master'
+      run: | 
+        docker buildx build --platform="linux/amd64,linux/arm64/v8" --push --tag "frooodle/s-pdf:${{ steps.versionNumber.outputs.versionNumber }}" .
+
+   
+    - name: Build and push latest amd64 and v8
+      if: github.ref == 'refs/heads/master'
+      run: | 
+        docker buildx build --platform="linux/amd64,linux/arm64/v8" --push --tag "frooodle/s-pdf:latest" .
+        
         
-    - name: Build and push
-      uses: docker/build-push-action@v4.0.0
-      with:
-        push: true
-        tags: ${{ steps.meta.outputs.tags }}
-        labels: ${{ steps.meta.outputs.labels }}
-        platforms: linux/amd64,linux/arm64/v8

From b6e2d2546202e75055f679d962605fe05c22bcf4 Mon Sep 17 00:00:00 2001
From: Manuel Mora Gordillo <manuito@gmail.com>
Date: Fri, 21 Apr 2023 11:48:49 +0200
Subject: [PATCH 10/10] Spanish language: fixed bug names of variables . Wrong
 characters corrected. Improved some texts

---
 src/main/resources/messages_es_ES.properties  | 166 +++++++++---------
 .../resources/templates/fragments/navbar.html |   2 +-
 2 files changed, 84 insertions(+), 84 deletions(-)

diff --git a/src/main/resources/messages_es_ES.properties b/src/main/resources/messages_es_ES.properties
index 396b794b..e054d3f1 100644
--- a/src/main/resources/messages_es_ES.properties
+++ b/src/main/resources/messages_es_ES.properties
@@ -88,8 +88,8 @@ home.pdfToPDFA.desc=Convierte PDF to PDF/A para almacenamiento a largo plazo
 home.PDFToWord.title=PDF a Word
 home.PDFToWord.desc=Convertir formatos PDF a Word (DOC, DOCX y ODT)
 
-home.PDFToPresentation.title=PDF a presentación
-home.PDFToPresentation.desc=Convertir PDF a formatos de presentación (PPT, PPTX y ODP)
+home.PDFToPresentation.title=PDF a presentación
+home.PDFToPresentation.desc=Convertir PDF a formatos de presentación (PPT, PPTX y ODP)
 
 home.PDFToText.title=PDF a texto/RTF
 home.PDFToText.desc=Convertir PDF a texto o formato RTF
@@ -117,16 +117,16 @@ settings.zipThreshold=Ficheros Zip cuando excede el número de ficheros descarga
 #OCR
 ocr.title=OCR / Escaneo de limpieza
 ocr.header=Escaneos de limpieza / OCR (Reconocimiento óptico de caracteres)
-ocr.SeleccionaText.1=Selecciona los idiomas que se detectarán en el PDF (Los enumerados son los detectados actualmente):
-ocr.SeleccionaText.2=Produzca un archivo de texto que contenga texto OCR junto con el PDF editado con OCR
-ocr.SeleccionaText.3=Corrija las páginas que se escanearon en un ángulo torcido girándolas nuevamente a su lugar
-ocr.SeleccionaText.4=Limpie la página para que sea menos probable que el OCR encuentre texto en el ruido de fondo. (Sin cambio de salida)
-ocr.SeleccionaText.5=Limpie la página para que sea menos probable que el OCR encuentre texto en el ruido de fondo, mantiene la limpieza en la salida.
-ocr.SeleccionaText.6=Ignora las páginas que tienen texto interactivo, solo las páginas OCR que son imágenes
-ocr.SeleccionaText.7=Fuerza OCR, OCR eliminará en cada página todo el texto original
-ocr.SeleccionaText.8=Normal (Se producirá un error si el PDF contiene texto)
-ocr.SeleccionaText.9=Ajustes Adicionales
-ocr.SeleccionaText.10=Modo OCR
+ocr.selectText.1=Selecciona los idiomas que se detectarán en el PDF (Los enumerados son los detectados actualmente):
+ocr.selectText.2=Produzca un archivo de texto que contenga texto OCR junto con el PDF editado con OCR
+ocr.selectText.3=Corrija las páginas que se escanearon en un ángulo torcido girándolas nuevamente a su lugar
+ocr.selectText.4=Limpie la página para que sea menos probable que el OCR encuentre texto en el ruido de fondo. (Sin cambio de salida)
+ocr.selectText.5=Limpie la página para que sea menos probable que el OCR encuentre texto en el ruido de fondo, mantiene la limpieza en la salida.
+ocr.selectText.6=Ignora las páginas que tienen texto interactivo, solo las páginas OCR que son imágenes
+ocr.selectText.7=Fuerza OCR, OCR eliminará en cada página todo el texto original
+ocr.selectText.8=Normal (Se producirá un error si el PDF contiene texto)
+ocr.selectText.9=Ajustes Adicionales
+ocr.selectText.10=Modo OCR
 ocr.help=Lea esta documentación sobre cómo usar esto para otros idiomas y/o no usarlo en docker
 ocr.credit=Este servicio utiliza OCRmyPDF y Tesseract para OCR.
 ocr.submit=Procesa PDF con OCR
@@ -135,7 +135,7 @@ ocr.submit=Procesa PDF con OCR
 
 extractImages.title=Extraer imágenes
 extractImages.header=Extraer imágenes
-extractImages.SeleccionaText=Selecciona el formato de imagen para convertir las imágenes extraídas
+extractImages.selectText=Selecciona el formato de imagen para convertir las imágenes extraídas
 extractImages.submit=Extraer
 
 
@@ -151,13 +151,13 @@ fileToPDF.submit=Convertir a PDF
 compress.title=Comprimir
 compress.header=Comprimir PDF
 compress.credit=Este servicio usa OCRmyPDF para la Compresión/Optimizatión del PDF.
-compress.SeleccionaText.1=Nivel de Optimización:
-compress.SeleccionaText.2=0 (Sin optimización)
-compress.SeleccionaText.3=1 (Por defecto, optimización sin pérdidas)
-compress.SeleccionaText.4=2 (Optimización con pérdida)
-compress.SeleccionaText.5=3 (Optimización con pérdida, más agresiva)
-compress.SeleccionaText.6=Habilita la vista web rápida (linealizar PDF)
-compress.SeleccionaText.7=Habilita la codificación JBIG2 con pérdida
+compress.selectText.1=Nivel de Optimización:
+compress.selectText.2=0 (Sin optimización)
+compress.selectText.3=1 (Por defecto, optimización sin pérdidas)
+compress.selectText.4=2 (Optimización con pérdida)
+compress.selectText.5=3 (Optimización con pérdida, más agresiva)
+compress.selectText.6=Habilita la vista web rápida (linealizar PDF)
+compress.selectText.7=Habilita la codificación JBIG2 con pérdida
 compress.submit=Comprimir
 
 
@@ -169,9 +169,9 @@ addImage.submit=Añade imagen
 
 
 #merge
-merge.title=Mezcla
-merge.header=Mezcla múltiples PDFs (2+)
-merge.submit=Mezcla
+merge.title=Une
+merge.header=Une múltiples PDFs (2+)
+merge.submit=Une
 
 #pdfOrganiser
 pdfOrganiser.title=Organizador de páginas
@@ -199,13 +199,13 @@ split.title=Dividir PDF
 split.header=Dividir PDF
 split.desc.1=Los números que selecciona son el número de página en el que desea hacer una división
 split.desc.2=Como tal, seleccionar 1,3,7-8 dividiría un documento de 10 páginas en 6 archivos PDF separados con:
-split.desc.3=Documento #1: Page 1
-split.desc.4=Documento #2: Page 2 and 3
-split.desc.5=Documento #3: Page 4, 5 and 6
-split.desc.6=Documento #4: Page 7
-split.desc.7=Documento #5: Page 8
-split.desc.8=Documento #6: Page 9 and 10
-split.splitPages=Introduzca las páginas para dividir en:
+split.desc.3=Documento #1: Página 1
+split.desc.4=Documento #2: Páginas 2 y 3
+split.desc.5=Documento #3: Páginas 4, 5 y 6
+split.desc.6=Documento #4: Página 7
+split.desc.7=Documento #5: Página 8
+split.desc.8=Documento #6: Páginas 9 y 10
+split.splitPages=Introduzca las páginas para dividir:
 split.submit=Dividir
 
 
@@ -213,16 +213,16 @@ split.submit=Dividir
 imageToPDF.title=Imagen a PDF
 imageToPDF.header=Imagen a PDF
 imageToPDF.submit=Convertir
-imageToPDF.SeleccionaText.1=Estirar para ajustar
-imageToPDF.SeleccionaText.2=Auto rotación PDF
-imageToPDF.SeleccionaText.3=Lógica de archivos múltiples (Únicamente activado si funciona con multiples imágenes)
-imageToPDF.SeleccionaText.4=Une en un único PDF
-imageToPDF.SeleccionaText.5=Convertir a PDFs separados
+imageToPDF.selectText.1=Estirar para ajustar
+imageToPDF.selectText.2=Auto rotación PDF
+imageToPDF.selectText.3=Lógica de archivos múltiples (Únicamente activado si funciona con multiples imágenes)
+imageToPDF.selectText.4=Une en un único PDF
+imageToPDF.selectText.5=Convertir a PDFs separados
                                    
 #pdfToImage
 pdfToImage.title=PDF a Imagen
 pdfToImage.header=PDF a Imagen
-pdfToImage.SeleccionaText=Formato de Imagen
+pdfToImage.selectText=Formato de Imagen
 pdfToImage.singleOrMultiple=Tipo resultante de imagen
 pdfToImage.single=Imagen Grande Única
 pdfToImage.multi=Múltiples Imágenes
@@ -235,68 +235,68 @@ pdfToImage.submit=Convertir
 #addPassword
 addPassword.title=Añade Contraseña
 addPassword.header=Añade contraseña (Encripta)
-addPassword.SeleccionaText.1=Selecciona PDF para encriptar
-addPassword.SeleccionaText.2=Contraseña
-addPassword.SeleccionaText.3=Longitud de la clave de cifrado
-addPassword.SeleccionaText.4=Valores altos son más fuertes, pero valores bajos tienen mejor compatibilidad.
-addPassword.SeleccionaText.5=Permisos para establecer
-addPassword.SeleccionaText.6=Impedir el ensamblaje del documento
-addPassword.SeleccionaText.7=Impedir la extracción de contenido
-addPassword.SeleccionaText.8=Impedir la extracción para la accesibilidad
-addPassword.SeleccionaText.9=Impedir rellenar formulario
-addPassword.SeleccionaText.10=Impedir modificación
-addPassword.SeleccionaText.11=Impedir modificación de anotaciones
-addPassword.SeleccionaText.12=Impedir imprimir
-addPassword.SeleccionaText.13=Impedir imprimir diferentes formatos
+addPassword.selectText.1=Selecciona PDF para encriptar
+addPassword.selectText.2=Contraseña
+addPassword.selectText.3=Longitud de la clave de cifrado
+addPassword.selectText.4=Valores altos son más fuertes, pero valores bajos tienen mejor compatibilidad.
+addPassword.selectText.5=Permisos para establecer
+addPassword.selectText.6=Impedir el ensamblaje del documento
+addPassword.selectText.7=Impedir la extracción de contenido
+addPassword.selectText.8=Impedir la extracción para la accesibilidad
+addPassword.selectText.9=Impedir rellenar formulario
+addPassword.selectText.10=Impedir modificación
+addPassword.selectText.11=Impedir modificación de anotaciones
+addPassword.selectText.12=Impedir imprimir
+addPassword.selectText.13=Impedir imprimir diferentes formatos
 addPassword.submit=Encripta
 
 #watermark
 watermark.title=Añade marca de agua
 watermark.header=Añade marca de agua
-watermark.SeleccionaText.1=Selecciona PDF para añadir marca de agua:
-watermark.SeleccionaText.2=Texto de la marca de agua:
-watermark.SeleccionaText.3=Tamaño de la Fuente:
-watermark.SeleccionaText.4=Rotación (0-360):
-watermark.SeleccionaText.5=Ancho (Espacio entre cada marca de agua horizontalmente):
-watermark.SeleccionaText.6=Alto (Espacio entre cada marca de agua verticalmente):
-watermark.SeleccionaText.7=Opacidad (0% - 100%):
+watermark.selectText.1=Selecciona PDF para añadir marca de agua:
+watermark.selectText.2=Texto de la marca de agua:
+watermark.selectText.3=Tamaño de la Fuente:
+watermark.selectText.4=Rotación (0-360):
+watermark.selectText.5=Ancho (Espacio entre cada marca de agua horizontalmente):
+watermark.selectText.6=Alto (Espacio entre cada marca de agua verticalmente):
+watermark.selectText.7=Opacidad (0% - 100%):
 watermark.submit=Añade marca de agua
 
 #remove-watermark
 remove-watermark.title=Elimina marca de agua
 remove-watermark.header=Elimina marca de agua
-remove-watermark.SeleccionaText.1=Selecciona PDF para eliminar la marca de agua:
-remove-watermark.SeleccionaText.2=Texto de la marca de agua:
+remove-watermark.selectText.1=Selecciona PDF para eliminar la marca de agua:
+remove-watermark.selectText.2=Texto de la marca de agua:
 remove-watermark.submit=Elimina marca de agua
 
 #Change permissions
 permissions.title=Cambiar Permisos
 permissions.header=Cambiar Permisos
 permissions.warning=Advertencia para que estos permisos no se puedan cambiar, se recomienda configurarlos con una contraseña a través de la página de cambio de contraseña
-permissions.SeleccionaText.1=Selecciona PDF para cambiar los permisos
-permissions.SeleccionaText.2=Permisos a establecer
-permissions.SeleccionaText.3=Impedir el ensamblaje del documento
-permissions.SeleccionaText.4=Impedir la extracción de contenido
-permissions.SeleccionaText.5=Impedir la extracción para la accesibilidad
-permissions.SeleccionaText.6=Impedir rellenar formulario
-permissions.SeleccionaText.7=Impedir modificación
-permissions.SeleccionaText.8=Impedir modificación de anotaciones
-permissions.SeleccionaText.9=Impedir imprimir
-permissions.SeleccionaText.10=Impedir imprimir diferentes formatos
+permissions.selectText.1=Selecciona PDF para cambiar los permisos
+permissions.selectText.2=Permisos a establecer
+permissions.selectText.3=Impedir el ensamblaje del documento
+permissions.selectText.4=Impedir la extracción de contenido
+permissions.selectText.5=Impedir la extracción para la accesibilidad
+permissions.selectText.6=Impedir rellenar formulario
+permissions.selectText.7=Impedir modificación
+permissions.selectText.8=Impedir modificación de anotaciones
+permissions.selectText.9=Impedir imprimir
+permissions.selectText.10=Impedir imprimir diferentes formatos
 permissions.submit=Cambiar
 
 #remove password
 removePassword.title=Elimina contraseña
 removePassword.header=Elimina contraseña (Desencripta)
-removePassword.SeleccionaText.1=Selecciona PDF para Desencriptar
-removePassword.SeleccionaText.2=Contraseña
+removePassword.selectText.1=Selecciona PDF para Desencriptar
+removePassword.selectText.2=Contraseña
 removePassword.submit=Elimina
 
 changeMetadata.title=Cambia Metadatos
 changeMetadata.header=Cambia Metadatos
-changeMetadata.SeleccionaText.1=Edite las variables que desea cambiar
-changeMetadata.SeleccionaText.2=Elimina todos los metadatos
-changeMetadata.SeleccionaText.3=Mostrar metadatos personalizados:
+changeMetadata.selectText.1=Edite las variables que desea cambiar
+changeMetadata.selectText.2=Elimina todos los metadatos
+changeMetadata.selectText.3=Mostrar metadatos personalizados:
 changeMetadata.author=Autor:
 changeMetadata.creationDate=Fecha de Creación (yyyy/MM/dd HH:mm:ss):
 changeMetadata.creator=Creador:
@@ -306,13 +306,13 @@ changeMetadata.producer=Productor:
 changeMetadata.subject=Asunto:
 changeMetadata.title=Título:
 changeMetadata.trapped=Trapped:
-changeMetadata.SeleccionaText.4=Otros Metadatos:
-changeMetadata.SeleccionaText.5=Agregar entrada de metadatos personalizados
+changeMetadata.selectText.4=Otros Metadatos:
+changeMetadata.selectText.5=Agregar entrada de metadatos personalizados
 changeMetadata.submit=Cambia
 
 xlsToPdf.title=Excel a PDF
 xlsToPdf.header=Excel a PDF
-xlsToPdf.SeleccionaText.1=Selecciona hoja de cálculo de Excel XLS o XLSX para convertir
+xlsToPdf.selectText.1=Selecciona hoja de cálculo de Excel XLS o XLSX para convertir
 xlsToPdf.convert=convertir
 
 
@@ -328,29 +328,29 @@ pdfToPDFA.submit=Convertir
 PDFToWord.title=PDF a Word
 PDFToWord.header=PDF a Word
 PDFToWord.selectText.1=Formato de archivo de salida
-PDFToWord.credit=Este servicio utiliza LibreOffice para la conversión de archivos.
+PDFToWord.credit=Este servicio utiliza LibreOffice para la conversión de archivos.
 PDFToWord.submit=Convertir
 
-PDFToPresentation.title=PDF a presentación
-PDFToPresentation.header=PDF a presentación
+PDFToPresentation.title=PDF a presentación
+PDFToPresentation.header=PDF a presentación
 PDFToPresentation.selectText.1=Formato de archivo de salida
-PDFToPresentation.credit=Este servicio utiliza LibreOffice para la conversión de archivos.
+PDFToPresentation.credit=Este servicio utiliza LibreOffice para la conversión de archivos.
 PDFToPresentation.submit=Convertir
 
 
 PDFToText.title=PDF a texto/RTF
 PDFToText.header=PDF a texto/RTF
 PDFToText.selectText.1=Formato de archivo de salida
-PDFToText.credit=Este servicio utiliza LibreOffice para la conversión de archivos.
+PDFToText.credit=Este servicio utiliza LibreOffice para la conversión de archivos.
 PDFToText.submit=Convertir
 
 
 PDFToHTML.title=PDF a HTML
 PDFToHTML.header=PDF a HTML
-PDFToHTML.credit=Este servicio utiliza LibreOffice para la conversión de archivos.
+PDFToHTML.credit=Este servicio utiliza LibreOffice para la conversión de archivos.
 PDFToHTML.submit=Convertir
 
 PDFToXML.title=PDF a XML
 PDFToXML.header=PDF a XML
-PDFToXML.credit=Este servicio utiliza LibreOffice para la conversión de archivos.
+PDFToXML.credit=Este servicio utiliza LibreOffice para la conversión de archivos.
 PDFToXML.submit=Convertir
diff --git a/src/main/resources/templates/fragments/navbar.html b/src/main/resources/templates/fragments/navbar.html
index a2b1d4ca..5309fc4b 100644
--- a/src/main/resources/templates/fragments/navbar.html
+++ b/src/main/resources/templates/fragments/navbar.html
@@ -159,7 +159,7 @@ function compareVersions(version1, version2) {
                             <a class="dropdown-item lang_dropdown-item" href="" data-language-code="ar_AR" >العربية</a>
                             <a class="dropdown-item lang_dropdown-item" href="" data-language-code="de_DE" >Deutsch</a> 
                             <a class="dropdown-item lang_dropdown-item" href="" data-language-code="fr_FR" >Français</a>
-                            <a class="dropdown-item lang_dropdown-item" href="" data-language-code="es_ES" >Spanish</a>
+                            <a class="dropdown-item lang_dropdown-item" href="" data-language-code="es_ES" >Español</a>
                         </div>
                     </li>