refactor: use global JS for keyboard trigger of search in my tasks view

src/main/webapp/uii/templatePG/includes/task/list_searchAndSave.xhtml

@@ -95,7 +95,7 @@
 					pt:aria-label="search"
 					styleClass="form-control searchfield"
 					value="#{Form.filter}"
-					 onkeypress="submitSearch(event)"
+					 onkeypress="submitOnEnter(event)"
 				>
 					<f:passThroughAttribute name="placeholder" value="#{label}" />
 					<c:if test="#{Form.filter ne ''}">
@@ -106,7 +106,7 @@
 					type="submit"
 					jsf:id="FilterAlle2"
 					jsf:forceId="true"
-					class="btn btn-blank"
+					class="btn btn-blank submitOnEnter"
 					jsf:action="#{Form.FilterAlleStart}" >
 					<span>
 						#{msgs.search}
@@ -116,21 +116,5 @@
 			<x:commandButton type="submit" id="FilterAlle" forceId="true" style="display: none;" action="#{Form.FilterAlleStart}" />
 		</div>
 
-		<script>
-			/** Submit the search on pressing Enter inside the search form.
-			* This is a workaround: A form element cannot be used, because
-			* we would end up with nested form elements, which is not allowed:
-			* https://stackoverflow.com/questions/379610/can-you-nest-html-forms
-			* The current outer form element is `:searchForm`
-			*/
-			function submitSearch(e) {
-				if(e.key != 'Enter') return
-				e.preventDefault()
-				var submit = document.querySelector('[id$="FilterAlle2"]');
-				submit.click()
-			}
-		</script>
-
-
 	</composite:implementation>
 </ui:composition>