From 8cbd7eafb89995c2a33b4cba2c205313dbfe72ce Mon Sep 17 00:00:00 2001
From: Nicolae Buta <buta.nicolae997@gmail.com>
Date: Mon, 22 May 2023 18:28:16 +0300
Subject: [PATCH] required select one language on ocr-pdf

---
 .../resources/templates/other/ocr-pdf.html    | 27 +++++++++++++++++--
 1 file changed, 25 insertions(+), 2 deletions(-)
diff --git a/src/main/resources/templates/other/ocr-pdf.html b/src/main/resources/templates/other/ocr-pdf.html
index 0dfca950..2b6f0bec 100644
--- a/src/main/resources/templates/other/ocr-pdf.html
+++ b/src/main/resources/templates/other/ocr-pdf.html
@@ -3,7 +3,30 @@
 
 
 <th:block th:insert="~{fragments/common :: head(title=#{ocr.title})}"></th:block>
-
+<head>
+    <script>
+        function handleLangSelection() {
+            let checkboxes = document.getElementsByName("languages");
+            let selected = false;
+            for (let i = 0; i < checkboxes.length; i++) {
+                if (checkboxes[i].checked) {
+                    selected = true;
+                    checkboxes[i].setAttribute('required', 'false');
+                }
+            }
+            if (selected) {
+                for (let i = 0; i < checkboxes.length; i++) {
+                    checkboxes[i].removeAttribute('required');
+                }
+            }
+            else {
+                for (let i = 0; i < checkboxes.length; i++) {
+                    checkboxes[i].setAttribute('required', 'true');
+                }
+            }
+        }
+    </script>
+</head>
 
 <body>
     <th:block th:insert="~{fragments/common :: game}"></th:block>
@@ -22,7 +45,7 @@
                                 <hr>
                                 <div id="languages">
                                     <div th:each="language, iterStat : ${languages}">
-                                        <input type="checkbox" th:name="languages" th:value="${language}" th:id="${'language-' + language}" />
+                                        <input type="checkbox" th:name="languages" th:value="${language}" required th:id="${'language-' + language}" onchange="handleLangSelection()" />
                                         <label class="form-check-label" th:for="${'language-' + language}" th:text="${(language == 'eng') ? 'English' : language}"></label>
                                     </div>
                                 </div>
