Add autocomplete for maps in job order. Set the default region in translation files. #270

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,

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 

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 

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