survey (#1446)

* survey

* LANGS

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

@@ -4,5 +4,7 @@
       <span th:text="#{poweredBy} + ' Stirling PDF'"></span>
     </div>
     <a href="licenses" id="licenses" target="_blank" class="mx-1" title="" th:text="#{licenses.nav}">Licenses</a>
+    <a href="https://stirlingpdf.info/s/clwzgtfw7000gltkmwz1n212m" id="survey" target="_blank" class="mx-1" title="" th:text="#{survey.nav}">Survey</a>
   </div>
-</footer>
+</footer>
+

src/main/resources/templates/home.html

@@ -234,6 +234,70 @@
     </div>
     <th:block th:insert="~{fragments/footer.html :: footer}"></th:block>
   </div>
+  
+  
+	<!-- Survey Modal -->
+	<div class="modal fade" id="surveyModal" tabindex="-1" role="dialog" aria-labelledby="surveyModalLabel" aria-hidden="true">
+	  <div class="modal-dialog modal-dialog-centered" role="document">
+	    <div class="modal-content">
+	      <div class="modal-header">
+	        <h5 class="modal-title" id="surveyModalLabel" th:text="#{survey.title}">Stirling-PDF Survey</h5>
+	        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
+	      </div>
+	      <div class="modal-body">
+	        <p th:text="#{survey.description}">Stirling-PDF has no tracking so we want to hear from our users to improve Stirling-PDF!</h5>
+	        <p th:text="#{survey.please}">Please consider taking our survey!</p>
+	        <p th:text="#{survey.disabled}">Survey popup will be disabled in following updates but available at foot of page)</p>
+	        <a href="https://stirlingpdf.info/s/clwzgtfw7000gltkmwz1n212m" target="_blank" class="btn btn-primary" id="takeSurvey"th:text="#{survey.button}" >Take Survey</a>
+	      </div>
+	      <div class="modal-footer">
+	        <div class="form-check mb-3">
+	          <input type="checkbox" id="dontShowAgain">
+	          <label for="dontShowAgain" th:text="#{survey.dontShowAgain}">Don't show again</label>
+	        </div>
+	        
+	        <button type="button" class="btn btn-secondary" data-bs-dismiss="modal" th:text="#{close}">Close</button>
+	       
+	      </div>
+	    </div>
+	  </div>
+	</div>
+
+	<script>
+		document.addEventListener("DOMContentLoaded", function() {
+		  const surveyVersion = "1.1";
+		  const modal = new bootstrap.Modal(document.getElementById('surveyModal'));
+		  const dontShowAgain = document.getElementById('dontShowAgain');
+		  const takeSurveyButton = document.getElementById('takeSurvey');
+		
+		  if (localStorage.getItem('surveyVersion') !== surveyVersion || !localStorage.getItem('dontShowSurvey')) {
+			  modal.show();
+			}
+
+		
+		  dontShowAgain.addEventListener('change', function() {
+		    if (this.checked) {
+		      localStorage.setItem('dontShowSurvey', 'true');
+		      localStorage.setItem('surveyVersion', surveyVersion);
+		    } else {
+		      localStorage.removeItem('dontShowSurvey');
+		      localStorage.removeItem('surveyVersion');
+		    }
+		  });
+		
+		  takeSurveyButton.addEventListener('click', function() {
+		    localStorage.setItem('dontShowSurvey', 'true');
+		    localStorage.setItem('surveyVersion', surveyVersion);
+		    modal.hide();
+		  });
+		
+		  if (localStorage.getItem('dontShowSurvey')) {
+		    modal.hide();
+		  }
+		});
+	</script>
+
+
 </body>
 
 </html>