From eadca09dddc86164dd26aaffebd9c655651c7537 Mon Sep 17 00:00:00 2001
From: escomputers <emilianos13@gmail.com>
Date: Thu, 21 Jul 2022 19:51:40 +0200
Subject: [PATCH] 'customer_new' fixes and improvements

---
 site-packages/apps/customer/models.py         | 126 ++++-----
 .../apps/customer/templates/customer_new.html | 255 ++++++++++++++----
 2 files changed, 261 insertions(+), 120 deletions(-)

diff --git a/site-packages/apps/customer/models.py b/site-packages/apps/customer/models.py
index 707bed8f..4af169fb 100644
--- a/site-packages/apps/customer/models.py
+++ b/site-packages/apps/customer/models.py
@@ -14,68 +14,70 @@
 
 
 class Customer (models.Model):
-	CUSTOMER_STATUS = [
-		("ARC", "Archived"),
-		("ACT", "Active"),
-		("PRO", "Prospect"),
-		("LEA", "Lead"),
-		("DEF", "Defaulting"),
-	]
-	
-	customer_id = models.IntegerField(blank=False, default=None, unique=True)
-	#stato_cliente_dato = models.CharField(max_length=128, blank=True, null=True)
-	stato_cliente = models.CharField(max_length=3, blank=False, default=None, choices=CUSTOMER_STATUS)
-	scelta_fattura = models.BooleanField(blank=True, null=True)
-	recur = models.BooleanField(blank=True, null=True)
-	ragionesociale = models.CharField(max_length=256, blank=False, default=None)
-	piva = VATNumberField(max_length=256, blank=True, null=True)
-	codiceunivoco_sdi = models.CharField(max_length=20, blank=True, null=True)
-	codicefiscale = models.CharField(max_length=256, blank=True, null=True)
-	indirizzo_res = models.CharField(max_length=256, blank=False, default=None)
-	comune_res = models.CharField(max_length=256, blank=False, default=None)
-	cap_res = models.CharField(max_length=256, blank=False, default=None)
-	prov_res = models.CharField(max_length=256, blank=False, default=None)
-	indirizzo_inst = models.CharField(max_length=256, blank=True, null=True)
-	comune_inst = models.CharField(max_length=256, blank=True, null=True)
-	cap_inst = models.CharField(max_length=256, blank=True, null=True)
-	prov_inst = models.CharField(max_length=256, blank=True, null=True)
-	recapito_tel = PhoneNumberField(blank=False, default=None)
-	fax = PhoneNumberField(blank=True, null=True)
-	email = models.EmailField(blank=True, null=True)
-	pec = models.EmailField(blank=True, null=True)
-	note = models.TextField(blank=True, null=True)
-	coordinate_gps = models.CharField(max_length=512, blank=True, null=True)
-	
-	
-	
+    CUSTOMER_STATUS = [
+        ("ARC", "Archived"),
+        ("ACT", "Active"),
+        ("PRO", "Prospect"),
+        ("LEA", "Lead"),
+        ("DEF", "Defaulting"),
+    ]
+    
+    customer_id = models.IntegerField(blank=False, default=None, unique=True)
+    #stato_cliente_dato = models.CharField(max_length=128, blank=True, null=True)
+    stato_cliente = models.CharField(max_length=3, blank=False, default=None, choices=CUSTOMER_STATUS)
+    scelta_fattura = models.BooleanField(blank=True, null=True)
+    recur = models.BooleanField(blank=True, null=True)
+    ragionesociale = models.CharField(max_length=256, blank=False, default=None)
+    piva = VATNumberField(max_length=256, blank=True, null=True)
+    codiceunivoco_sdi = models.CharField(max_length=20, blank=True, null=True)
+    codicefiscale = models.CharField(max_length=256, blank=True, null=True)
+    indirizzo_res = models.CharField(max_length=256, blank=False, default=None)
+    comune_res = models.CharField(max_length=256, blank=False, default=None)
+    cap_res = models.CharField(max_length=256, blank=False, default=None)
+    prov_res = models.CharField(max_length=256, blank=False, default=None)
+    stato_res = models.CharField(max_length=3, blank=False, default=None)
+    
+    indirizzo_inst = models.CharField(max_length=256, blank=True, null=True)
+    comune_inst = models.CharField(max_length=256, blank=True, null=True)
+    cap_inst = models.CharField(max_length=256, blank=True, null=True)
+    prov_inst = models.CharField(max_length=256, blank=True, null=True)
+    recapito_tel = PhoneNumberField(blank=False, default=None)
+    fax = PhoneNumberField(blank=True, null=True)
+    email = models.EmailField(blank=True, null=True)
+    pec = models.EmailField(blank=True, null=True)
+    note = models.TextField(blank=True, null=True)
+    coordinate_gps = models.CharField(max_length=512, blank=True, null=True)
+    
+    
+    
 
-	
-	offerta_internet = models.ForeignKey(offertainternet, on_delete=models.CASCADE,blank=True, null=True,  related_name="tags") 
-	metodo_pagamento = models.ForeignKey(metodopagamento, on_delete=models.CASCADE, blank=True, null=True,  related_name="tags") 
-	importo_attivazione = models.FloatField(blank=True, null=True)
-	importo_offerta_dedicata = models.FloatField(blank=True,null=True)
-	codice_iban = IBANField(blank=True, null=True)
-	spese_invio_bolletta = models.FloatField(blank=True,null=True)
-	offerta_voip =models.ForeignKey(offertavoip, on_delete=models.CASCADE,blank=True,  null=True,  related_name="tags")
-	offerta_extra =models.ForeignKey(offertaextra, on_delete=models.CASCADE,blank=True,  null=True,  related_name="tags")
-	#numero_voip =numero_voip =PhoneNumberField(blank=True, null=True)
-	nodo = models.CharField(max_length=128, blank=True, null=True)
-	ip_statico = models.GenericIPAddressField(blank=True, null=True)
-	mac_adress = models.CharField(max_length=128, blank=True, null=True)
-	data_installazione=models.DateField(blank=True, null=True)
-	data_inizio_contratto=models.DateField(blank=True, null=True)
-	data_contattato=models.DateField(blank=True, null=True)
-	data_contattare_stabilito_cliente=models.DateField(blank=True, null=True)
-	data_da_contattare=models.DateField(blank=True, null=True)
-	
-	#modifica per app recur
-	cadenza_pagamento = models.ForeignKey(cadenzapagamento, on_delete=models.CASCADE, blank=True, null=True,  related_name="tags") 
-	pagamento_anticipato = models.BooleanField(blank=True, null=True)
-	richiesta_calcolo_iniziale = models.BooleanField(blank=True, null=True)
+    
+    offerta_internet = models.ForeignKey(offertainternet, on_delete=models.CASCADE,blank=True, null=True,  related_name="tags") 
+    metodo_pagamento = models.ForeignKey(metodopagamento, on_delete=models.CASCADE, blank=True, null=True,  related_name="tags") 
+    importo_attivazione = models.FloatField(blank=True, null=True)
+    importo_offerta_dedicata = models.FloatField(blank=True,null=True)
+    codice_iban = IBANField(blank=True, null=True)
+    spese_invio_bolletta = models.FloatField(blank=True,null=True)
+    offerta_voip =models.ForeignKey(offertavoip, on_delete=models.CASCADE,blank=True,  null=True,  related_name="tags")
+    offerta_extra =models.ForeignKey(offertaextra, on_delete=models.CASCADE,blank=True,  null=True,  related_name="tags")
+    #numero_voip =numero_voip =PhoneNumberField(blank=True, null=True)
+    nodo = models.CharField(max_length=128, blank=True, null=True)
+    ip_statico = models.GenericIPAddressField(blank=True, null=True)
+    mac_adress = models.CharField(max_length=128, blank=True, null=True)
+    data_installazione=models.DateField(blank=True, null=True)
+    data_inizio_contratto=models.DateField(blank=True, null=True)
+    data_contattato=models.DateField(blank=True, null=True)
+    data_contattare_stabilito_cliente=models.DateField(blank=True, null=True)
+    data_da_contattare=models.DateField(blank=True, null=True)
+    
+    #modifica per app recur
+    cadenza_pagamento = models.ForeignKey(cadenzapagamento, on_delete=models.CASCADE, blank=True, null=True,  related_name="tags") 
+    pagamento_anticipato = models.BooleanField(blank=True, null=True)
+    richiesta_calcolo_iniziale = models.BooleanField(blank=True, null=True)
 
-	def __str__(self):
-		return self.ragionesociale
-	
-	def documents(self):
-		return Document.objects.filter(customer=self).count()
+    def __str__(self):
+        return self.ragionesociale
+    
+    def documents(self):
+        return Document.objects.filter(customer=self).count()
 
diff --git a/site-packages/apps/customer/templates/customer_new.html b/site-packages/apps/customer/templates/customer_new.html
index 061359c3..e7c8463a 100644
--- a/site-packages/apps/customer/templates/customer_new.html
+++ b/site-packages/apps/customer/templates/customer_new.html
@@ -1,19 +1,19 @@
 {% extends "base.html" %} 
 {% block content %}  
     <style>
-      #result {
+      #result, #result_inst {
         border: 1px dotted #ccc;
         padding: 3px;
       }
-      #result ul {
+      #result ul, #result_inst ul { 
         list-style-type: none;
         padding: 0;
         margin: 0;
       }
-      #result ul li {
+      #result ul li, #result_inst ul li {
         padding: 5px 0;
       }
-      #result ul li:hover {
+      #result ul li:hover, #result_inst ul li:hover {
         background: #eee;
       }      
     </style>
@@ -164,21 +164,21 @@ <h5 class="text-bold text-dark">Fatturazione</h5>
                   
                   <div class="col-sm">
                     <div class="form-group">
-                      <label for="p_iva">Partita IVA</label> 
+                      <label for="piva">Partita IVA</label> 
                       <input type="text" name="piva" id="piva" class="form-control">
                     </div>
                   </div>
 				  
                   <div class="col-sm">
                   <div class="form-group">
-                    <label for="c_univoco">Codice Univoco</label> 
+                    <label for="codice_univoco_sdi">Codice Univoco</label> 
                      <input type="text" name="codiceunivoco_sdi" id="codiceunivoco_sdi" class="form-control">
                   </div>
 				  
                 </div>
                   <div class="col-sm">
                     <div class="form-group">
-                      <label for="c_f">Codice Fiscale</label> 
+                      <label for="codicefiscale">Codice Fiscale</label> 
                      <input type="text" name="codicefiscale" id="codicefiscale" class="form-control">
                     </div>
                   </div>
@@ -191,60 +191,60 @@ <h5 class="text-bold text-dark">Fatturazione</h5>
 				<div class="card-header">
 				<div class="row">
 			 
-				<div class="col-sm-9">
+				<div class="col-sm-10">
 			    <label>Indirizzo di fatturazione</label>
 				</div>
 
-				<!-- Pulsante copia indirizzi -->
-				<div class="col-sm-3">
-				<label for="copia_indirizzo_inst">Copia in indirizzo installazione</label>
-			    <input type="checkbox" id="copia_indirizzo_inst" checked data-toggle="toggle" data-on="On" data-off="Off" data-onstyle="success" data-offstyle="secondary" data-size="small">
+				<!-- Pulsante copia indirizzo -->
+				<div class="col-sm-2">
+			    <input type="checkbox" id="copia_indirizzo_inst" checked data-toggle="toggle" data-on="Copia in indirizzo installazione" data-off="Copia in indirizzo installazione" data-onstyle="success" data-offstyle="secondary" data-width="250" data-height="35">
 				</div>
 				
-			   </div>
-						
+			   </div>	
 			   </div>
 			   
-			   	<h4>Ricerca indirizzo</h4>
+
+                <!-- Campo ricerca indirizzo fatturazione --> 
 				<div class="input-group">
-				<input autocomplete="off" type="text" class="form-control" id="pois-search-term" placeholder="POI search">
+				<input autocomplete="off" type="text" class="form-control" id="pois-search-term" placeholder="Ricerca indirizzo">
 				
-				<!-- Pulsanti -->
+				<!-- Pulsante ricerca indirizzo fatturazione -->
 				<button id="search-pois-button" class="btn btn-primary">
 				<i class="fas fa-search" data-toggle="tooltip" title="Cerca"></i>
 				</button>
-				
-				<a id="add-pois-button" class="btn btn-success">
-			    <i class="fas fa-plus" data-toggle="tooltip" title="Aggiungi"></i>
-			    </a>
-				
 				</div>
 				
+				 <!-- Div risultati ricerca indirizzo fatturazione --> 
 				<div id="result"></div>
+				
+				 <!-- Mappa per indirizzo fatturazione--> 
 			    <div id="map" style="height: 50vh;"></div>
 				
 	
-				<div id="campi-indirizzo-fatturazione" class="card-body">				
+				<!-- Campi indirizzo fatturazione -->		
 				<div class="row">
-
 					<div class="col-sm">
-					<input type="text" name="indirizzo_res" id="indirizzo_res" class="form-control" placeholder="Indirizzo"></td>
+					<input type="text" name="indirizzo_res" id="indirizzo_res" class="form-control" placeholder="Indirizzo">
 					</div>
-					</td>
 
 					<div class="col-sm">
-					<input type="text" name="comune_res" id="comune_res" class="form-control" placeholder="Comune"></td>
+					<input type="text" name="comune_res" id="comune_res" class="form-control" placeholder="Citt&agrave;">
 					</div>
 
 					<div class="col-sm">
-					<input type="text" name="cap_res" id="cap_res" class="form-control" placeholder="Cap"></td>
+					<input type="text" name="cap_res" id="cap_res" class="form-control" placeholder="Cap">
 					</div>
 
 					<div class="col-sm">
-					<input type="text" name="prov_res" id="prov_res" class="form-control" placeholder="Provincia"></td>
+					<input type="text" name="prov_res" id="prov_res" class="form-control" placeholder="Provincia">
+					</div>
+					
+					<div class="col-sm">
+					<input type="text" name="stato_res" id="stato_res" class="form-control" placeholder="Stato">
 					</div>
+	
 				</div>
-			   </div>
+		
 		</div>	  
         
 		
@@ -260,7 +260,25 @@ <h4>Ricerca indirizzo</h4>
 				<div class="card-header">
 			    <label>Indirizzo di installazione</label>
 				</div>
+			
+			<!-- Campo ricerca indirizzo installazione --> 
+				<div class="input-group">
+				<input autocomplete="off" type="text" class="form-control" id="pois-search-term_inst" placeholder="Ricerca indirizzo">
+				
+				<!-- Pulsante ricerca indirizzo installazione -->
+				<button id="search-pois-button_inst" class="btn btn-primary">
+				<i class="fas fa-search" data-toggle="tooltip" title="Cerca"></i>
+				</button>
+				</div>
 				
+				 <!-- Div risultati ricerca indirizzo installazione --> 
+				<div id="result_inst"></div>
+				
+				 <!-- Mappa per indirizzo installazione--> 
+			    <div id="map_inst" style="height: 50vh;"></div>
+			
+			
+			<!-- Campi indirizzo installazione -->
 			<div class="card-body">				
 				<div class="row">
 	
@@ -280,6 +298,11 @@ <h4>Ricerca indirizzo</h4>
 					<div class="col-sm">
 					<input type="text" name="prov_inst" id="prov_inst" class="form-control" placeholder="Provincia"></td>
 					</div>
+					
+					<div class="col-sm">
+					<input type="text" name="stato_inst" id="stato_inst" class="form-control" placeholder="Stato"></td>
+					</div>
+					
 				</div>
 			 </div>
 		</div>	
@@ -626,13 +649,15 @@ <h5 class="text-bold text-bright">Dati di connessione</h5>
 	$(".form_indirizzo_inst").hide();
 	$(".richiesta_calcolo_iniziale").hide();
 	$(".spese_incasso").hide();
-
+	$("#map").hide();
+    $("#map_inst").hide();
+	
 	});
 
 //******************* TOGGLE SPESE INCASSO ********************	
 
 	$('#spese_incasso').change(function() {
-	var stato_checkbox_spese_incasso = $('#spese_incasso').prop('checked')
+	let stato_checkbox_spese_incasso = $('#spese_incasso').prop('checked')
 
 	if(stato_checkbox_spese_incasso == true){
 	$(".spese_incasso").show();
@@ -645,7 +670,7 @@ <h5 class="text-bold text-bright">Dati di connessione</h5>
 //******************* TOGGLE PAGAMENTO ANTICIPATO ********************	
 
 	$('#pagamento_anticipato').change(function() {
-	var stato_checkbox_pagamento_anticipato = $('#pagamento_anticipato').prop('checked')
+	let stato_checkbox_pagamento_anticipato = $('#pagamento_anticipato').prop('checked')
 
 	if(stato_checkbox_pagamento_anticipato == true){
 	$(".richiesta_calcolo_iniziale").show();
@@ -657,7 +682,7 @@ <h5 class="text-bold text-bright">Dati di connessione</h5>
 //******************* TOGGLE COPIA IN INDIRIZZO INSTALLAZIONE********************
 	
 	$('#copia_indirizzo_inst').change(function() {
-	var stato_checkbox_copia_indirizzo_inst = $('#copia_indirizzo_inst').prop('checked')
+	let stato_checkbox_copia_indirizzo_inst = $('#copia_indirizzo_inst').prop('checked')
 
 	if(stato_checkbox_copia_indirizzo_inst == false){
 	$(".form_indirizzo_inst").show();
@@ -670,6 +695,8 @@ <h5 class="text-bold text-bright">Dati di connessione</h5>
 
 
 <script>
+//*************************GESTIONE MAPPA E CAMPO INDIRIZZO FATTURAZIONE*************************
+
 // Use Signer from @aws-amplify/core
 const { Signer } = window.aws_amplify_core;
 
@@ -711,9 +738,9 @@ <h5 class="text-bold text-bright">Dati di connessione</h5>
 }
 
 // Initialize a map
-async function initializeMap() {
+function initializeMap() {
   // Load credentials and set them up to refresh
-  await credentials.getPromise();
+  credentials.getPromise();
   
   // Initialize the map
   const mlglMap = new maplibregl.Map({
@@ -733,20 +760,21 @@ <h5 class="text-bold text-bright">Dati di connessione</h5>
 
 async function main() {
   // Initialize map and AWS SDK for Location Service:
-  const map = await initializeMap();
+  
   const location = new AWS.Location({credentials, region: AWS.config.region});
   searchPoisTermTextBox = document.getElementById('pois-search-term');
   searchPoisButton = document.getElementById('search-pois-button');
   poiMarker = null;
 
-  //***********FUNZIONE DI RICERCA SU "SUBMIT"*****************
+  //***********FUNZIONE DI RICERCA SU "SUBMIT" CAMPO INDIRIZZO FATTURAZIONE*****************
   this.searchPoisButton.onclick = (e) => {
   e.preventDefault();
-
+  $("#map").show();
+  const map = initializeMap();
   const term = this.searchPoisTermTextBox.value.trim();
   
   // Set up parameters for search call
-  var params = {
+  let params = {
   Text: term,
   IndexName: placesName,
   };
@@ -755,6 +783,7 @@ <h5 class="text-bold text-bright">Dati di connessione</h5>
   if (err) {
   alert("There was an error searching.");
   } else {
+ 
   // Remove the previous marker
   if (poiMarker != null) {
   poiMarker.remove();
@@ -768,19 +797,29 @@ <h5 class="text-bold text-bright">Dati di connessione</h5>
   zoom: 16
   });
   poiMarker.setPopup(new maplibregl.Popup({className: 'my-class'}).setHTML("<h5>" + data.Results[0].Place.Label + "</h5>"))
+  
+//*************************RIEMPI CAMPI DOPO IL CLICK SUL PULSANTE CERCA INDIRIZZO FATTURAZIONE *************************
+  let addressNumber = data.Results[0].Place.AddressNumber
+  if (typeof addressNumber == 'undefined') { addressNumber = 'N/A'}
+  $('input#indirizzo_res').val(data.Results[0].Place.Street + ' ' + addressNumber);
+  $('input#comune_res').val(data.Results[0].Place.Municipality);
+  $('input#cap_res').val(data.Results[0].Place.PostalCode);
+  $('input#prov_res').val(data.Results[0].Place.SubRegion);
+  $('input#stato_res').val(data.Results[0].Place.Country);
+  
   }
   });
   
 };
 
-  //***********FUNZIONE SUGGERIMENTI RICERCA SU "KEYUP"*****************  
+//***********FUNZIONE SUGGERIMENTI RICERCA SU "KEYUP" CAMPO INDIRIZZO FATTURAZIONE *****************  
   this.searchPoisTermTextBox.onkeyup = (e) => {
   e.preventDefault();
   
   const term = this.searchPoisTermTextBox.value.trim();
   
   // Set up parameters for search call
-  var params = {
+  let params = {
   Text: term,
   IndexName: placesName,
   Language: "it",
@@ -789,6 +828,7 @@ <h5 class="text-bold text-bright">Dati di connessione</h5>
 
   location.searchPlaceIndexForSuggestions(params, function(err, data) {
   const res = document.getElementById("result");
+  
   res.innerHTML = '';
   let list = '';
   for (let i = 0; i < data.Results.length; i++) {
@@ -796,10 +836,12 @@ <h5 class="text-bold text-bright">Dati di connessione</h5>
   }
   res.innerHTML = `<ul id="autocompletedlist">${list}</ul>`;
   document.getElementById("autocompletedlist").addEventListener('click', function(e) {
+  
   // e.target is our targetted element.
   if(e.target && e.target.nodeName == 'LI') {
   document.getElementById('pois-search-term').value = e.target.getAttribute('data-value');
   document.getElementById('result').innerHTML = '';
+  
   }
   });
  });
@@ -809,24 +851,121 @@ <h5 class="text-bold text-bright">Dati di connessione</h5>
 main();
 </script>
 
+
 <script>
-$("#add-pois-button").click(function() {
-    var fullAddress = document.getElementById("pois-search-term").value.trim();
-	var AddrArray = fullAddress.split(',');
-	var address = AddrArray[0];
-	var zipcode = AddrArray[1];
-	var city = AddrArray[2];
-	var region = AddrArray[3];
-	var state = AddrArray[4];
-	
-	$('input#indirizzo_res').val(address);
-	$('input#comune_res').val(city);
-	$('input#cap_res').val(zipcode);
-	$('input#prov_res').val(region);
-	//$('input#state').val(state);
-    
-});
+//*************************GESTIONE MAPPA E INDIRIZZO INSTALLAZIONE*************************
 
+// Initialize a map
+function initializeMap_inst() {
+  // Load credentials and set them up to refresh
+  credentials.getPromise();
+  
+  // Initialize the map
+  const mlglMap_inst = new maplibregl.Map({
+    container: "map_inst", // HTML element ID of map element
+    center: [9.7779012, 43.4572162], // Initial map centerpoint
+    zoom: 4, // Initial map zoom
+    style: mapName,
+    transformRequest,
+  });
+
+  // Add navigation control to the top left of the map
+  mlglMap_inst.addControl(new maplibregl.NavigationControl(), "top-left");
+  
+  return mlglMap_inst;
+}
+
+
+async function main_inst() {
+  // Initialize map and AWS SDK for Location Service:
+  
+  const location_inst = new AWS.Location({credentials, region: AWS.config.region});
+  searchPoisTermTextBox_inst = document.getElementById('pois-search-term_inst');
+  searchPoisButton_inst = document.getElementById('search-pois-button_inst');
+  poiMarker_inst = null;
+
+  //***********FUNZIONE DI RICERCA SU "SUBMIT" CAMPO INDIRIZZO INSTALLAZIONE *****************
+  this.searchPoisButton_inst.onclick = (e) => {
+  e.preventDefault();
+  $("#map_inst").show();
+  const map_inst = initializeMap_inst();
+  const term_inst = this.searchPoisTermTextBox_inst.value.trim();
+  
+  // Set up parameters for search call
+  let params_search_inst = {
+  Text: term_inst,
+  IndexName: placesName,
+  };
+
+  location_inst.searchPlaceIndexForText(params_search_inst, function(err, data) {
+  if (err) {
+  alert("There was an error searching.");
+  } else {
+ 
+  // Remove the previous marker
+  if (poiMarker_inst != null) {
+  poiMarker_inst.remove();
+  poiMarker_inst = null;
+  }
+  //Add new marker if there's at least one result
+  const marker_inst = new maplibregl.Marker().setLngLat(data.Results[0].Place.Geometry.Point).addTo(map_inst);
+  poiMarker_inst = marker_inst;
+  map_inst.flyTo({
+  center: data.Results[0].Place.Geometry.Point,
+  zoom: 16
+  });
+  poiMarker_inst.setPopup(new maplibregl.Popup({className: 'my-class'}).setHTML("<h5>" + data.Results[0].Place.Label + "</h5>"))
+  
+//*************************RIEMPI CAMPI DOPO IL CLICK SUL PULSANTE CERCA INDIRIZZO INSTALLAZIONE*************************
+  let addressNumber = data.Results[0].Place.AddressNumber
+  if (typeof addressNumber == 'undefined') { addressNumber = 'N/A'}
+  $('input#indirizzo_inst').val(data.Results[0].Place.Street + ' ' + addressNumber);
+  $('input#comune_inst').val(data.Results[0].Place.Municipality);
+  $('input#cap_inst').val(data.Results[0].Place.PostalCode);
+  $('input#prov_inst').val(data.Results[0].Place.SubRegion);
+  $('input#stato_inst').val(data.Results[0].Place.Country);
+  
+  }
+  });
+  
+};
+
+//***********FUNZIONE SUGGERIMENTI RICERCA SU "KEYUP" CAMPO INDIRIZZO INSTALLAZIONE*****************  
+  this.searchPoisTermTextBox_inst.onkeyup = (e) => {
+  e.preventDefault();
+  
+  const term_inst = this.searchPoisTermTextBox_inst.value.trim();
+  
+  // Set up parameters for search call
+  let params_suggest_inst = {
+  Text: term_inst,
+  IndexName: placesName,
+  Language: "it",
+  //MaxResults: "5"
+  };
+
+  location_inst.searchPlaceIndexForSuggestions(params_suggest_inst, function(err, data) {
+  const res_inst = document.getElementById("result_inst");
+  res_inst.innerHTML = '';
+  let list_inst = '';
+  for (let i = 0; i < data.Results.length; i++) {
+  list_inst += `<li data-value="${data.Results[i].Text}">${data.Results[i].Text}</li>`;
+  }
+  res_inst.innerHTML = `<ul id="autocompletedlist_inst">${list_inst}</ul>`;
+  document.getElementById("autocompletedlist_inst").addEventListener('click', function(e) {
+  
+  // e.target is our targetted element.
+  if(e.target && e.target.nodeName == 'LI') {
+  document.getElementById('pois-search-term_inst').value = e.target.getAttribute('data-value');
+  document.getElementById('result_inst').innerHTML = '';
+  
+  }
+  });
+ });
+ }
+ 
+}
+main_inst();
 </script>
 
 {% endblock %}
\ No newline at end of file