Aggiornamento Scheda Persona

css/place_people.css

@@ -496,4 +496,9 @@ text.source {
   width:50%;
   height: auto;
   fill: #e9e9e9;
+}
+
+.record_box {
+  max-height: 300px;
+  overflow: scroll;
 }

js/people.js

@@ -727,19 +727,21 @@ function handle_Relazioni(json) {
 
   for (var i=0; i<params.length; i++) {
     var par = params[i];
-    var rel = createDivRelazione(par);
+    var par_id = par.replaceAll(" ", "_");
+    var rel = createDivRelazione(par, par_id);
     Relazioni = Relazioni + rel;
   }
 
   $(Relazioni).insertAfter( "#groups" );
 
   for (var j=0; j<params.length; j++) {
-      var par = params[j];
+      var el = params[j];
+      var par = el.replaceAll(" ", "_");
       var Colums = ""; 
       for (var i=0; i<myArray.length; i++) {
           var text = myArray[i][1];
           var link = myArray[i][2];
-          var rel = myArray[i][0];
+          var rel = myArray[i][0].replaceAll(" ", "_");
           if (par == rel) {
               var col = createColRelazione(text, link);
               Colums = Colums + col;
@@ -750,15 +752,15 @@ function handle_Relazioni(json) {
 
 }
 
-function createDivRelazione(type){
+function createDivRelazione(type, id){
 	htmlCode = '\
       <div class="row mb-2"> \
       <div class="col-sm-4"> \
         <span class="label"><RELATIONSHIP></span> \
       </div> \
-      <div class="col" id="<ID_RELATIONSHIP>"></div> \
+      <div class="col record_box" id="<ID_RELATIONSHIP>"></div> \
     </div> \
-		'.replace("<RELATIONSHIP>", type).replace("<ID_RELATIONSHIP>", type);
+		'.replace("<RELATIONSHIP>", type).replace("<ID_RELATIONSHIP>", id);
 	return htmlCode;
 }
 
@@ -766,7 +768,7 @@ function createColRelazione(text, link) {
   htmlCode = '\
     <div class="row"> \
         <div class="col"><NAME></div> \
-        <div class="col-auto" id="gruppi_appartenenza"> \
+        <div class="col-auto"> \
             <button class="persona btn btn-default" type="button" id="<URI>">\
 	            	<i class="fa fa-user" aria-hidden="true">\
 			              <p class="btn-text">Scheda Persona</p>\