Add new button for cc

site2/index.html

@@ -58,7 +58,7 @@
             <div class="col search_params">
                
                <div class="row choose_param">
-                  <div class="col-6">
+                  <div class="col-5">
                      <div class="input-group form-check">
                         <input class="barraDiRicerca form-control" type="text" aria-label="Text input with dropdown button">
                            <select class="flViewBy">
@@ -67,7 +67,7 @@
                            </select>
                      </div>
                   </div>
-                  <div class="col">
+                  <div class="col-2">
                      <div class="form-check">
                         <input class="ricercaEx form-check-input" value="ricerca_espansa" type="checkbox" name="espansa" >
                         <label class="form-check-label" for="checkbox1">
@@ -75,7 +75,7 @@
                         </label>
                      </div>
                   </div>
-                  <div class="col">
+                  <div class="col-2">
                      <div class="form-check">
                         <input class="raddoppiata form-check-input" value="raddoppiata" type="checkbox" name="raddoppiata">
                         <label class="form-check-label" for="checkbox2">
@@ -83,13 +83,19 @@
                         </label>
                      </div>
                   </div>
-                  <div class="col">
-                     <div class="form-check">
+                  <div id="mostra_altro" class="col-2">
+                     <div id="inner_altro" class="form-check">
                         <input class="showOther form-check-input" value="mostra" type="checkbox" name="altro">
                         <label class="form-check-label" for="showOther">
                         Mostra <span id="mostraFormaLemma">lemmi</span>
                         </label>
                      </div>
+                     <div id="inner_lemmatizzato" class="form-check" style="display:none;">
+                        <input class="showLem form-check-input" value="nonLemmatizzato" type="checkbox" name="nonLemmatizzato">
+                        <label class="form-check-label" for="showLem">
+                        Cerca anche non lemmatizzati
+                        </label>
+                     </div>
                   </div>
 
                </div>

site2/js/ricerca.js

@@ -167,8 +167,11 @@ $( document ).ready(function() {
   $("select").on("change", function(event) {
     var e = this.value;
     var word = "";
+    var parent = $(this).parent();
+    console.log(parent.class);
     if (e == "forma") {
       word = "lemmi";
+
     }
     else {
       word = "forme";
@@ -180,6 +183,8 @@ $( document ).ready(function() {
 
   $("#btnGroupAddon").click(function() {
     $("#cooccorrenze_options").css("display", "flex");
+    $("#inner_altro").css("display", "none");
+    $("#inner_lemmatizzato").css("display", "flex");
 
     if (occ > 8) {
       alert("Hai esaurito i parametri a disposizione");
@@ -208,7 +213,7 @@ function createNewCC(occ) {
   choose_param.className = "row choose_param";
 
   var col_6 = document.createElement('div');
-  col_6.className = "col-6";
+  col_6.className = "col-5";
 
   var input_group = document.createElement('div');
   input_group.className = "input-group form-check";
@@ -234,7 +239,7 @@ function createNewCC(occ) {
   selectList.appendChild(optionLemma);
 
   var col_form = document.createElement("div");
-  col_form.className = "col";
+  col_form.className = "col-2";
 
   var form_check = document.createElement("div");
   form_check.className = "form-check";
@@ -250,7 +255,7 @@ function createNewCC(occ) {
   label_ricerca_espansa.innerHTML = "Ricerca espansa";
 
   var col_form2 = document.createElement("div");
-  col_form2.className = "col";
+  col_form2.className = "col-2";
 
   var form_check2 = document.createElement("div");
   form_check2.className = "form-check";
@@ -266,11 +271,27 @@ function createNewCC(occ) {
   label_ricerca_raddoppiata.innerHTML = "Raddoppiata";
 
   var col_form3 = document.createElement("div");
-  col_form3.className = "col";
+  col_form3.className = "col-2";
 
   var form_check3 = document.createElement("div");
-  form_check3.className = "form-check deleteCC";
-  form_check3.id = occ;
+  form_check3.className = "form-check";
+
+  var input_ricerca_lemmatizzata = document.createElement("input");
+  input_ricerca_lemmatizzata.className = "lemmatizzata form-check-input";
+  input_ricerca_lemmatizzata.value = "lemmatizzata";
+  input_ricerca_lemmatizzata.type = "checkbox";
+  input_ricerca_lemmatizzata.name = "lemmatizzata";
+
+  var label_ricerca_lemmatizzata = document.createElement("label");
+  label_ricerca_lemmatizzata.className = "form-check-label";
+  label_ricerca_lemmatizzata.innerHTML = "Cerca anche non lemmatizzati";
+
+  var col_form4 = document.createElement("div");
+  col_form4.className = "col-1";
+
+  var form_check4 = document.createElement("div");
+  form_check4.className = "form-check deleteCC";
+  form_check4.id = occ;
 
   var trash_button = document.createElement("button");
   trash_button.className = "btn";
@@ -289,14 +310,19 @@ function createNewCC(occ) {
   form_check2.appendChild(label_ricerca_raddoppiata);
   col_form2.appendChild(form_check2);
 
-  trash_button.appendChild(trash_icon);
-  form_check3.appendChild(trash_button);
+  form_check3.appendChild(input_ricerca_lemmatizzata);
+  form_check3.appendChild(label_ricerca_lemmatizzata);
   col_form3.appendChild(form_check3);
 
+  trash_button.appendChild(trash_icon);
+  form_check4.appendChild(trash_button);
+  col_form4.appendChild(form_check4);
+
   choose_param.appendChild(col_6);
   choose_param.appendChild(col_form);
   choose_param.appendChild(col_form2);
   choose_param.appendChild(col_form3);
+  choose_param.appendChild(col_form4);
 
   search_params.appendChild(choose_param);
 
@@ -430,6 +456,8 @@ $(document).on("click", ".deleteCC", function (ev) {
   let numb = document.getElementById("search_form").childElementCount;
   if (numb < 2) {
     $("#cooccorrenze_options").css("display", "none");
+    $("#inner_altro").css("display", "flex");
+    $("#inner_lemmatizzato").css("display", "none");
   }
 
 });