Progetto_2023-OVI/site2/js/createCooccorrenza.js

export function createNewCC(occ) {
  
    var new_id = "occ_" + occ;
    var new_par = document.createElement('div');
    new_par.className = "row height d-flex justify-content-center align-items-center";
    new_par.id = new_id;
    
    var search_params = document.createElement('div');
    search_params.className = "col search_params";
  
    var choose_param = document.createElement('div');
    choose_param.className = "row choose_param";
  
    var col_6 = document.createElement('div');
    col_6.className = "input-large basic-search";
  
    var input_group = document.createElement('div');
    input_group.className = "input-group form-check";
  
    var inputSel = document.createElement('input');
    inputSel.className = "barraDiRicerca form-control";
    inputSel.type = "text";
  
    //Create and append select list
    var selectList = document.createElement("select");
    selectList.className = "flViewBy";
  
    //Create and append the options
    var optionForma = document.createElement("option");
    optionForma.value = "forma";
    optionForma.text = "Forma";
    optionForma.selected = "selected";
    selectList.appendChild(optionForma);
  
    var optionLemma = document.createElement("option");
    optionLemma.value = "lemma";
    optionLemma.text = "Lemma";
    selectList.appendChild(optionLemma);
  
    var col_form = document.createElement("div");
    col_form.className = "input-medium input-field";
  
    var form_check = document.createElement("div");
    form_check.className = "form-check";
  
    var input_ricerca_espansa = document.createElement("input");
    input_ricerca_espansa.className = "ricercaEx form-check-input";
    input_ricerca_espansa.value = "ricerca_espansa";
    input_ricerca_espansa.type = "checkbox";
    input_ricerca_espansa.name = "espansa";
  
    var label_ricerca_espansa = document.createElement("label");
    label_ricerca_espansa.className = "form-check-label";
    label_ricerca_espansa.innerHTML = "Ricerca espansa";
  
    var col_form2 = document.createElement("div");
    col_form2.className = "input-medium input-field";
  
    var form_check2 = document.createElement("div");
    form_check2.className = "form-check";
  
    var input_ricerca_raddoppiata = document.createElement("input");
    input_ricerca_raddoppiata.className = "raddoppiata form-check-input";
    input_ricerca_raddoppiata.value = "raddoppiata";
    input_ricerca_raddoppiata.type = "checkbox";
    input_ricerca_raddoppiata.name = "raddoppiata";
  
    var label_ricerca_raddoppiata = document.createElement("label");
    label_ricerca_raddoppiata.className = "form-check-label";
    label_ricerca_raddoppiata.innerHTML = "Iniziale raddoppiata";
  
    var col_form3 = document.createElement("div");
    col_form3.className = "input-medium input-field";
  
    var form_check3 = document.createElement("div");
    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";
    input_ricerca_lemmatizzata.disabled = "true";
  
    var label_ricerca_lemmatizzata = document.createElement("label");
    label_ricerca_lemmatizzata.className = "form-check-label";
    label_ricerca_lemmatizzata.innerHTML = "Cerca solo lemmatizzate";
  
    var col_form4 = document.createElement("div");
    col_form4.className = "input-small input-field";
  
    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";
    var trash_icon = document.createElement("i");
    trash_icon.className = "fa fa-trash";
  
    input_group.appendChild(inputSel);
    input_group.appendChild(selectList);
    col_6.appendChild(input_group);
  
    form_check.appendChild(input_ricerca_espansa);
    form_check.appendChild(label_ricerca_espansa);
    col_form.appendChild(form_check);
  
    form_check2.appendChild(input_ricerca_raddoppiata);
    form_check2.appendChild(label_ricerca_raddoppiata);
    col_form2.appendChild(form_check2);
  
    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);
  
    new_par.appendChild(search_params);
  
    $("#search_form").append(new_par);
  }