Highlight in single context

site2/index.html

@@ -80,7 +80,7 @@
                      <div class="form-check">
                         <input class="raddoppiata form-check-input" value="raddoppiata" type="checkbox" name="raddoppiata">
                         <label class="form-check-label" for="checkbox2">
-                        Raddoppiata
+                        Iniziale raddoppiata
                         </label>
                      </div>
                   </div>

site2/js/ricerca.js

@@ -421,7 +421,7 @@ function createNewCC(occ) {
 
   var label_ricerca_raddoppiata = document.createElement("label");
   label_ricerca_raddoppiata.className = "form-check-label";
-  label_ricerca_raddoppiata.innerHTML = "Raddoppiata";
+  label_ricerca_raddoppiata.innerHTML = "Iniziale raddoppiata";
 
   var col_form3 = document.createElement("div");
   col_form3.className = "col-2";
@@ -875,51 +875,6 @@ function createPage(elem) {
 
   var note = "";
   var testo_associato = "";
-/*
-  var contesto = elem['contesto'];
-  var annoF = elem["Anno finale"];
-  var anniI = elem["Anno iniziale"];
-  var area_generica = elem["Area generica"];
-  var area_specifica = elem["Area specifica"];
-  var autore = elem["Autore"];
-  var curatore = Curatore;
-  var data_cod = Data codificata;
-  var data_des = descrittiva
-  var forma = Forma
-  var genere = Genere
-  var iq = IQ
-  var rif_organico = Rif_organico
-  var rig = Rig_completo
-  var tipo = Tipo
-  var titolo = Titolo
-  var titolo_abb = Titolo Abbreviato
-  var cat_gr
-  var cod
-  var col
-  var disambiguatore
-  var elemlen
-  var formattazione
-  var highlight
-  var highlights_combined
-  var lemma
-  var links
-  var mappa
-  var ntx
-  var numbrano
-  var numorg
-  var numperiod
-  var pag
-  var pfin
-  var piniz
-  var pitxt
-  var riga
-  var sigla
-  var stanza
-  var tipostanza
-  var verso
-  var vol
-  var note = "";
-  var testo_associato = "";*/
 
   console.log(elem);
 
@@ -997,9 +952,58 @@ function createPage(elem) {
   "Genere: " + genere + "<br />" +
   "Curatore: " + curatore + "<br />" +
   "Sigla: " + sigla + "<br />" +
-  "</p>"
+  "</p>";
+
+  var container_div = document.getElementsByClassName('search_params');
+  var count = container_div.length;
+  console.log(count);
+  let highlights = elem['highlights_combined'];
+  let firstNum = highlights[0];
+  let ind = parseInt(firstNum);
+  let arrayStrings = [];
+  console.log(highlights);
+
+  let split_index = [ind];
+
+  if (count>0) {
+    for (var i=1; i<count; i++) {
+      var hh = highlights[i][0];
+      var ii = parseInt(hh);
+      split_index.push(ii);
+    }
+  }
+
+  split_index.sort(function(a, b){return a-b});
+
+  var ll = split_index.length;
+  var tmp = 0;
+
+  for (var j=0; j<split_index.length; j++) {
+    var num = split_index[j];
+    var snip = contesto.substring(tmp, num);
+    tmp = num;
+    arrayStrings.push(snip);
+  }
+
+  var lastSnip = contesto.substring(split_index[ll-1]);
+  arrayStrings.push(lastSnip);
+
+  console.log(arrayStrings);
+
+  var la = arrayStrings.length;
+
+  var newString = arrayStrings[0] + "<span class='highlight'>";
+
+  
+    for (var x=1; x<arrayStrings.length; x++) {
+      var stringToAdd = arrayStrings[x].replace(" ", "</span> ");
+      newString = newString + stringToAdd + "<span class='highlight'>";
+    }
+  
+
+  newString = newString.replace(/\n/g, "<br />");
 
-  document.getElementById("context-text").innerHTML = contesto;
+  document.getElementById("context-text").innerHTML = newString;
   document.getElementById("context-title").innerHTML = title_box;
   document.getElementById("additional_info").innerHTML = add_info;