#533 - confirm selection and redirect to new transaction form template page

src/main/resources/static/js/templates.js

@@ -120,6 +120,11 @@ function enableHotKeys()
     {
         handleKeyUpOrDown(false);
     });
+
+    Mousetrap.bind('enter', function()
+    {
+        confirmTemplateSelection(false);
+    });
 }
 
 function handleKeyUpOrDown(isUp)
@@ -215,3 +220,24 @@ function selectNextItemOnUp(templateItems, previousIndex)
         selectItem(templateItems, previousIndex - 1);
     }
 }
+
+function confirmTemplateSelection()
+{
+    let templateItems = document.querySelectorAll('.template-item:not(.hidden)');
+    if(templateItems.length === 0)
+    {
+        selectedTemplateName = null;
+        return;
+    }
+
+    let index = getIndexOfTemplateName(templateItems, selectedTemplateName);
+    let indexItemNoLongerInList = index === null;
+    let noItemSelected = selectedTemplateName === null;
+
+    if(noItemSelected || indexItemNoLongerInList)
+    {
+        return;
+    }
+
+    templateItems[index].getElementsByClassName('button-select-template')[0].click();
+}
\ No newline at end of file

src/main/resources/templates/templates/templateFunctions.ftl

@@ -26,7 +26,7 @@
                                 <div class="collapsible-header-button">
                                     <a href="<@s.url '/templates/${template.ID?c}/edit'/>" class="btn-flat no-padding text-color"><i class="material-icons left no-margin">edit</i></a>
                                     <a href="<@s.url '/templates/${template.ID?c}/requestDelete'/>" class="btn-flat no-padding text-color"><i class="material-icons left no-margin">delete</i></a>
-                                    <a href="<@s.url '/templates/${template.ID?c}/select'/>" class="waves-effect waves-light btn budgetmaster-blue"><i class="material-icons left no-margin">note_add</i></a>
+                                    <a href="<@s.url '/templates/${template.ID?c}/select'/>" class="waves-effect waves-light btn budgetmaster-blue button-select-template"><i class="material-icons left no-margin">note_add</i></a>
                                 </div>
                             </div>
                             <div class="collapsible-body">