From ff58ccf9d0d5e68668888e42e253b0b14128a8e7 Mon Sep 17 00:00:00 2001
From: Korina Cordero <cordero.korina@gmail.com>
Date: Tue, 15 Oct 2019 06:04:49 +0000
Subject: [PATCH] Add autocomplete for maps in job order. Set the default
 region in translation files. #270

---
 templates/job-order/form.html.twig | 28 ++++++++++++++++++++++++++--
 translations/cmb.messages.en.yaml  |  1 +
 translations/messages.en.yaml      |  1 +
 translations/resq.messages.en.yaml |  5 +++++
 4 files changed, 33 insertions(+), 2 deletions(-)

diff --git a/templates/job-order/form.html.twig b/templates/job-order/form.html.twig
index 30391bc4..40186472 100644
--- a/templates/job-order/form.html.twig
+++ b/templates/job-order/form.html.twig
@@ -894,10 +894,33 @@
 
 {% block scripts %}
 <!-- <script src="//maps.google.com/maps/api/js?key={{ gmaps_api_key }}" type="text/javascript"></script> -->
-<script src="//maps.googleapis.com/maps/api/js?key={{ gmaps_api_key }}" type="text/javascript"></script>
+<script src="//maps.googleapis.com/maps/api/js?key={{ gmaps_api_key }}&libraries=places" type="text/javascript"></script>
 <script src="/assets/vendors/custom/gmaps/gmaps.js" type="text/javascript"></script>
 
 <script>
+
+// location search autocomplete
+var input = document.getElementById('m_gmap_address');
+
+var autocomplete = new google.maps.places.Autocomplete(input);
+autocomplete.setComponentRestrictions({'country': ['{% trans %}default_region{% endtrans %}']});
+autocomplete.addListener('place_changed', function() {
+    var place = autocomplete.getPlace();
+
+    if (!place.geometry) {
+        return;
+    }
+
+    var message = {
+        'action': 'map.search',
+        'params': {
+            'lat': place.geometry.location.lat(),
+            'lng': place.geometry.location.lng()
+        }
+    };
+    console.log(message);
+});
+
 $(function() {
     var form_in_process = false;
 
@@ -930,7 +953,8 @@ $(function() {
 	        e.stop();
 	    }
 	});
-	var handleAction = function() {
+
+        var handleAction = function() {
 	    var text = $.trim($('#m_gmap_address').val());
 	    GMaps.geocode({
 	        address: text,
diff --git a/translations/cmb.messages.en.yaml b/translations/cmb.messages.en.yaml
index eaff0b65..7856b0c8 100644
--- a/translations/cmb.messages.en.yaml
+++ b/translations/cmb.messages.en.yaml
@@ -24,3 +24,4 @@ image_jo_pdf: /public/assets/images/black-text-logo-01-115x115.png
 # default point for maps
 default_lat: 3.084216
 default_long: 101.6129996
+default_region: my 
diff --git a/translations/messages.en.yaml b/translations/messages.en.yaml
index eaff0b65..7856b0c8 100644
--- a/translations/messages.en.yaml
+++ b/translations/messages.en.yaml
@@ -24,3 +24,4 @@ image_jo_pdf: /public/assets/images/black-text-logo-01-115x115.png
 # default point for maps
 default_lat: 3.084216
 default_long: 101.6129996
+default_region: my 
diff --git a/translations/resq.messages.en.yaml b/translations/resq.messages.en.yaml
index 4a3e0bc1..c0fb8ca1 100644
--- a/translations/resq.messages.en.yaml
+++ b/translations/resq.messages.en.yaml
@@ -20,3 +20,8 @@ icon_base_32x32: /assets/images/favicon/favicon-32x32.png
 icon_base_16x16: /assets/images/favicon/favicon-16x16.png 
 image_dashboard: /assets/images/logo-motolite.png
 image_jo_pdf: /public/assets/images/logo-resq.png
+
+# default point for maps
+default_lat: 14.6091
+default_long: 121.0223
+default_region: ph