Updates

HowToAddNewLanguage.md

@@ -1,8 +1,10 @@
 <h1><img src="https://github.com/Frooodle/Stirling-PDF/blob/main/docs/stirling.png?raw=true"  width="60" height="60">tirling-PDF</h1>
 
-How to add new languages to Stirling-PDF
+# How to add new languages to Stirling-PDF
 
-First add reference to the language in the navbar by adding a new language entry to the drop
+Fork Stirling-PDF and make a new branch out of Main
+
+Then add reference to the language in the navbar by adding a new language entry to the dropdown
 
 https://github.com/Frooodle/Stirling-PDF/blob/main/src/main/resources/templates/fragments/navbar.html#L80
 
@@ -21,5 +23,7 @@ Copy and rename it to messages_{your data-language-code here}.properties, in the
 
 Then simply translate all property entries within that file and make a PR into main for others to use!
 
+If you do not have a java IDE i am happy to verify the changes worked once you raise PR (but wont be able to verify the translations themselves)
+
 
 

src/main/resources/messages_en_GB.properties

@@ -110,7 +110,7 @@ split.desc.6=Document #4: Page 7
 split.desc.7=Document #5: Page 8
 split.desc.8=Document #6: Page 9 and 10
 split.splitPages=Enter pages to split on:
-split.submit="Split"
+split.submit=Split
 
 
 #merge

src/main/resources/messages_en_US.properties

@@ -110,7 +110,7 @@ split.desc.6=Document #4: Page 7
 split.desc.7=Document #5: Page 8
 split.desc.8=Document #6: Page 9 and 10
 split.splitPages=Enter pages to split on:
-split.submit="Split"
+split.submit=Split
 
 
 #merge

src/main/resources/templates/fragments/navbar.html

@@ -68,10 +68,9 @@
 					<input type="checkbox" id="toggle-dark-mode" checked="true"
 						th:onclick="javascript:toggleDarkMode()">
 					<a class="nav-link" href="#" for="toggle-dark-mode" th:text="#{navbar.darkmode}"></a>
-
+					
-				</ul>
+					
-
+					<li class="nav-item dropdown">
-				<li class="nav-item dropdown">
 				  <a class="nav-link dropdown-toggle" href="#" id="languageDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
 				    Language
 				  </a>
@@ -80,19 +79,26 @@
 					<a class="dropdown-item lang_dropdown-item" href="" data-language-code="en_GB">English (UK)</a>
 				  </div>
 				</li>
+
+				</ul>
+
+				
 				
 				<script>
 				document.addEventListener('DOMContentLoaded', function() {
 					  // Get the dropdown items
 					  var dropdownItems = document.querySelectorAll('.lang_dropdown-item');
-
+					  
 					  // Loop through the dropdown items
 					  for (var i = 0; i < dropdownItems.length; i++) {
+						  dropdownItems[i].classList.remove('active');
+						  if(dropdownItems[i].dataset.languageCode ===  localStorage.getItem('languageCode')){
+						 	dropdownItems[i].classList.add('active');
+					  	}
 					    // Add a click event listener to each dropdown item
 					    dropdownItems[i].addEventListener('click', function(event) {
 					    	
-					       
+
-					        
 					      // Prevent the default link behavior
 					      event.preventDefault();