Add street autofill to notes page (#22)

www/assets/js/autofill.js

@@ -132,4 +132,21 @@ function searchAutofillByStreet(q) {
     }
 
     return streets;
+}
+
+function setupStreetAutofill(streetBox, numberBox) {
+    app.autocomplete.create({
+        inputEl: streetBox,
+        openIn: 'dropdown',
+        /* If we set valueProperty to "id" then input value on select will be set according to this property */
+        valueProperty: 'name', //object's "value" property name
+        textProperty: 'name', //object's "text" property name
+        limit: 10, //limit to 10 results
+        typeahead: true,
+        dropdownPlaceholderText: '',
+        source: function (query, render) {
+            var streets = searchAutofill(query, $(numberBox).val());
+            render(streets);
+        }
+    });
 }

www/routes.js

@@ -41,20 +41,7 @@ var routes = [
         },
         on: {
             pageAfterIn: function () {
-                app.autocomplete.create({
+                setupStreetAutofill("#streetInput", "input[name=number]");
-                    inputEl: '#streetInput',
-                    openIn: 'dropdown',
-                    /* If we set valueProperty to "id" then input value on select will be set according to this property */
-                    valueProperty: 'name', //object's "value" property name
-                    textProperty: 'name', //object's "text" property name
-                    limit: 10, //limit to 10 results
-                    typeahead: true,
-                    dropdownPlaceholderText: '',
-                    source: function (query, render) {
-                        var streets = searchAutofill(query, $("input[name=number]").val());
-                        render(streets);
-                    }
-                });
             }
         }
     },
@@ -126,6 +113,11 @@ var routes = [
         routes: [
             {
                 path: '/addnote',
+                on: {
+                    pageAfterIn: function () {
+                        setupStreetAutofill("input[name=street]", "input[name=number]");
+                    }
+                },
                 async: function (routeTo, routeFrom, resolve, reject) {
                     var uuid = uuidv4();
                     resolve({
@@ -149,6 +141,11 @@ var routes = [
             {
                 path: '/editnote',
                 templateUrl: './pages/myroute/editnote.html',
+                on: {
+                    pageAfterIn: function () {
+                        setupStreetAutofill("input[name=street]", "input[name=number]");
+                    }
+                },
                 options: {
                     context: {
                         title: "Edit Note",
@@ -323,7 +320,7 @@ var routes = [
                             setting: "login",
                             title: "Account",
                             text: "Log in to backup and sync your settings and data.",
-                            onclick: "router.navigate('/login', {history: false})",
+                            onclick: "router.navigate('/login')",
                             link: true
                         }
                 );