script.js

document.addEventListener("DOMContentLoaded", function() {
    // Seleccionar el botó
    const cercaButton = document.getElementById('cercaButton');

    // Afegir un event listener al botó
    cercaButton.addEventListener('click', function(e) {
        // Comprovar si GoatCounter està disponible
        if (window.goatcounter) {
            window.goatcounter.count({
                path: 'click-boto_cerca', // o qualsevol nom que desitgis
                title: 'Cercar Botó',
                event: true,
            });
        } else {
            console.error("GoatCounter no està disponible.");
        }
    });
});

//Llista de llistes
let array0, array1, array2, array5, array6, array7, array8, array9, array10;
let fitxersLlegits = 0;
let nombresDeFitxers = 9;

document.addEventListener('DOMContentLoaded', () => {
  console.time('Temps de càrrega')
  console.log("Lectura de fitxers iniciada")
  document.getElementById('loader-text2').textContent = `Carregant fitxers (${fitxersLlegits}/${nombresDeFitxers})`;
  
let camins = [];
let nombresSeleccionats = [0,1,2,5,6,7,8,9,10]; // Modifica aquesta llista amb els índexs que necessitis

for (let i of nombresSeleccionats) {
  camins.push(`diccionaris/separat/col_${i}.txt`);
}

  Promise.all(camins.map(llegirIProcessarFitxer))
    .then(resultats => {
      console.log('Tots els fitxers s\'han processat correctament');
      console.timeEnd('Temps de càrrega')
      document.getElementById("loader").style.display = "none";

      [array0, array1, array2, array5, array6, array7, array8, array9, array10] = resultats;
    })
    .catch(error => {
      console.error('Error en processar els fitxers:', error);
      document.getElementById("loader").style.display = "none";
    });

  function llegirIProcessarFitxer(url) {
    return fetch(url)
      .then(response => {
        if (!response.ok) {
          throw new Error(`Error en llegir el fitxer ${url}`);
        }
        return response.text();
      })
      .then(contingut => {
        const resultats = processarFitxerDeText(contingut);

        fitxersLlegits++;
        document.getElementById('loader-text2').textContent = `Carregant fitxers (${fitxersLlegits}/${nombresDeFitxers})`;
        console.log(`Fitxers llegits: ${fitxersLlegits}/${nombresDeFitxers}`);
        
        return resultats;
      })
      .catch(error => {
        console.error(`Error en processar el fitxer ${url}:`, error);
        throw error; // Propaga l'error per a que Promise.all pugui gestionar-lo
      });
  }

  function processarFitxerDeText(contingut) {
    const linies = contingut.split('\n');
    return linies;
  }
  
  // Afegir event listener per la tecla Enter
  const inputParaula = document.getElementById('paraulaCercada');
  inputParaula.addEventListener('keydown', function(event) {
    if (event.key === 'Enter') {
      event.preventDefault(); // Evitar la recàrrega de la pàgina
      realitzarCerca();
    }
  });
});


//Botó:
const cercaButton = document.getElementById('cercaButton');
cercaButton.addEventListener('click', realitzarCerca);

const CriterisNoms = {
  ...crearCriteris('Noms', 'N'),
  ...crearCriteris('Propis', 'NP'),
  ...crearCriteris('Comuns', 'NC'),
};

const CriterisVerbs = {
  ...crearCriteris('Verbs', 'V'),
  ...crearCriterisTriples('Indicatiu', 'VAI', 'VSI', 'VMI' ),
  ...crearCriterisTriples('Subjuntiu', 'VAS', 'VSS', 'VMS'),
  ...crearCriterisTriples('Imperatiu', 'VAM', 'VSM', 'VMM'),
  ...crearCriterisTriples('Gerundis', 'VAG', 'VSG', 'VMG'),
  ...crearCriterisTriples('Participis', 'VAP', 'VSP', 'VMP'),
  ...crearCriterisTriples('Infinitius', 'VAN', 'VSN', 'VMN'),
};

const CriterisAdjectius = {
  ...crearCriteris('Adjectius', 'A'),
  ...crearCriteris('Qualificatius', 'AQ0'),
  ...crearCriteris('Superlatius', 'AQA'),
  ...crearCriteris('Ordinals', 'AO'),

};

const CriterisPronoms = {
  ...crearCriteris('Pronoms', 'P'),
  ...crearCriteris('Demostratius', 'PD'),
  ...crearCriteris('Indefinits', 'PI'),
  ...crearCriteris('Interrogatius / Exclamatius', 'PT'),
  ...crearCriterisDobles('Personals (forts i febles)', 'PP', 'P0'),
  ...crearCriteris('Possessius', 'PX'),
  ...crearCriteris('Relatius', 'PR'),
};

const CriterisDeterminants = {
  ...crearCriteris('Determinants', 'D'),
  ...crearCriteris('Números', 'DN'),
  ...crearCriteris('Articles', 'DA'),  
  ...crearCriteris('Relatius', 'DR'),
  ...crearCriteris('Interrogatius', 'DT'),
  ...crearCriteris('Demostratius', 'DD'),
  ...crearCriteris('Exclamatius', 'DE'),
  ...crearCriteris('Indefinits', 'DI'),
  ...crearCriteris('Possessius', 'DP'),
};

const CriterisAltres = {
  ...crearCriteris('Altres categories', 'Z'),
  ...crearCriteris('Adverbis', 'ZR'),
  ...crearCriteris('Conjuncions', 'ZC'),
  ...crearCriteris('Interjeccions', 'ZI'),
  ...crearCriteris('Preposicions', 'ZSPS'),
  ...crearCriteris('Contraccions', 'ZSP+'),
  ...crearCriteris('"etcètera"', 'ZF'),
};

function crearCriteris(nom, prefix) {  
  return {
      [`${nom}`]: {
          filterFunction: item => item[2].startsWith(`${prefix}`),},};

}

function crearCriterisDobles(nom, prefix1, prefix2) {
  return {
      [`${nom}`]: {
          filterFunction: item => item[2].startsWith(prefix1) || item[2].startsWith(prefix2),},};
}

function crearCriterisTriples(nom, prefix1, prefix2, prefix3) {
  return {
      [`${nom}`]: {
          filterFunction: item => item[2].startsWith(prefix1) || item[2].startsWith(prefix2) || item[2].startsWith(prefix3),},};
}


//FUNCIONS
async function realitzarCerca() {
  console.time('realitzarCerca');

  try {
    matches = [];
    
    var paraulaCercada = document.getElementById('paraulaCercada').value.toLowerCase();
    var numeroSeleccionat = document.getElementById('numeroSelector').value;
    var tipusRima = document.getElementById('rimaSelector').value;
    var comença = document.getElementById('categoriaSelector').value;
    var inclourePropis = document.getElementById('nomsPropis').value;
    var inclourePlurals = document.getElementById('plurals').value;
    
    const buscaparaula = buscarParaula(paraulaCercada, numeroSeleccionat, comença, tipusRima, inclourePropis, inclourePlurals, array0, array1, array2, array5, array6, array7, array8, array9, array10);
    matches = buscaparaula[0];
    paraulacerca = buscaparaula[1];
      
    matches_provisionals = matches.slice();

    actualitzarRimes();
    var checkboxes = document.querySelectorAll('.clickable-checkbox');

    checkboxes.forEach(function(checkbox) {
      checkbox.checked = true;
    });

    mostrarTotesLesLlistes();
    document.querySelector('.impressio').style.display = 'flex';
    console.timeEnd('realitzarCerca');
  } catch (error) {
    console.error('Error en realitzar la cerca:', error);
  }
}

function buscarParaula(paraulaCercada, numeroSeleccionat, comença, tipusRima, inclourePropis, inclourePlurals, array0, array1, array2, array5, array6, array7, array8, array9, array10) {
  console.time('buscarParaula');

  var indexparaula = array0.findIndex(item => {
    return item.toLowerCase() === paraulaCercada.toLowerCase();
  });
  

  llistaParaulaCerca = [array0[indexparaula], array1[indexparaula], array2[indexparaula], array5[indexparaula], array6[indexparaula], array7[indexparaula], array8[indexparaula], array9[indexparaula], array10[indexparaula]]

  if (indexparaula == -1) {
    llistaParaulaCerca = [0, 0, 0, 0, 0, 0, 0, 0, 0];
}
  
  for (var i = 0; i < array0.length; i++) {
    let bona = 1;
    while (bona === 1) {
      if (array7[i] !== numeroSeleccionat && numeroSeleccionat !== "0" && numeroSeleccionat !== "5") {
        break;
      }

      if (numeroSeleccionat === "5" && parseInt(array7[i]) < 5) {
        break;
      }

      if (comença === "vocal+h" && !'haeiou'.includes(array0[i][0])) {
        break;
      }

      if (comença === "consonant" && 'haeiou'.includes(array0[i][0])) {
        break;
      }

      if (tipusRima === 'r.consonant') {
        if (array5[i] !== llistaParaulaCerca[3]) {
          break;
        }
      }

      if (tipusRima === 'r.assonant') {
        if (array6[i] !== llistaParaulaCerca[4]) {
          break;
        }
      }

      if (inclourePropis === 'no') {
        if (array2[i][0] === "N" && array2[i][1] === "P") {
          break;
        }
      }

      if (inclourePlurals === 'no') {
        if (array2[i][0] === "D" && array2[i][4] === "P") { //Determinants
          break;
        }
        if (array2[i][0] === "A" && array2[i][4] === "P") { //Adjectius
          break;
        }
        if (array2[i][0] === "N" && array2[i][3] === "P") { //Noms
          break;
        }
        if (array2[i][0] === "P" && array2[i][4] === "P") { //Pronoms
          break;
        }
      }
      
      let paraula = [array0[i], array1[i], array2[i], array7[i], array8[i], array9[i], array10[i]]
      matches.push(paraula);
      bona = 0;
    }
  }
  console.timeEnd('buscarParaula');
  return [matches, llistaParaulaCerca];
}

function crearEnllacViccionari(paraula) {
  var enllac_vicc = '<a href="https://ca.wiktionary.org/wiki/' + paraula + '" target="_blank">';
  enllac_vicc += '<img src="./assets/logovicc.png" loading="lazy" alt="Logo" class="logo">';
  enllac_vicc += '</a>';
  return enllac_vicc;
}

function crearEnllacViquipedia(paraula) {
  var enllac_viq = '<a href="https://ca.wikipedia.org/wiki/' + paraula + '" target="_blank">';
  enllac_viq += '<img src="./assets/logowiki2.png" loading="lazy" alt="Logo" class="logo">';
  enllac_viq += '</a>';
  return enllac_viq;
}

function crearEnllacDiec(paraula) {
  var enllac_diec = '<a href="https://dlc.iec.cat/Results?DecEntradaText=' + paraula + '&AllInfoMorf=False&OperEntrada=0&OperDef=0&OperEx=0&OperSubEntrada=0&OperAreaTematica=0&InfoMorfType=0&OperCatGram=False&AccentSen=False&CurrentPage=0&refineSearch=0&Actualitzacions=False" target="_blank">';
  enllac_diec += '<img src="./assets/logodiec.png" loading="lazy" alt="Logo" class="logo">';
  enllac_diec += '</a>';
  return enllac_diec;
}



function actualitzarRimes() {
  console.time('actualitzarRimes');

  var numerorimes = "Nombre de rimes: " + matches_provisionals.length;
  document.getElementById("nombre").innerHTML = numerorimes;

  var rimesPerSilabes = {};
  var rima_enllac = "";

  if (matches_provisionals.length > 0) {
    for (var i = 0; i < matches_provisionals.length; i++) {
      var parts = matches_provisionals[i];
      var paraula = parts[0];
      var paraula_mare = "";

      if (parts[2][0] === "V") {
        paraula_mare = " (" + parts[1] + ") ";
      }      
      var enllac_vicc = "";
      var enllac_viq = "";
      var enllac_diec = "";

      if (parts[4] === "Vicc") {
        enllac_vicc = crearEnllacViccionari(parts[1]);
      }

      if (parts[5] === "Viq") {
        enllac_viq = crearEnllacViquipedia(parts[1]);
      }
      
      if (parts[6] === "Diec") {
        enllac_diec = crearEnllacDiec(parts[1]);
      }

      var numsilabes = parts[3];

      if (!rimesPerSilabes[numsilabes]) {
        rimesPerSilabes[numsilabes] = [];
      }

      rimesPerSilabes[numsilabes].push({ paraula: paraula, paraula_mare: paraula_mare, enllac_vicc: enllac_vicc, enllac_viq: enllac_viq, enllac_diec: enllac_diec });
    }

    for (var silabes in rimesPerSilabes) {
      rima_enllac += "<h3><br>" + silabes + (silabes > 1 ? " síl·labes" : " síl·laba") + ":</h3><ul>";
      for (var j = 0; j < rimesPerSilabes[silabes].length; j++) {
        var item = rimesPerSilabes[silabes][j];
        var enllacText = "";
        
        if (item.enllac_vicc) {
          enllacText += item.enllac_vicc + " ";
        }
        if (item.enllac_viq) {
          enllacText += item.enllac_viq + " ";
        }
        if (item.enllac_diec) {
          enllacText += item.enllac_diec + " ";
        }

        rima_enllac += "<li><span class='classeParaula'>" + item.paraula + "</span><span class='classeParaulaMare'>" + item.paraula_mare + "</span> " + enllacText.trim() + "</li>";
      }
      rima_enllac += "</ul>";
    }
    
  } else {
    var rimes;
    if (paraulacerca[0] === 0) {
      rimes = "No s'ha trobat la paraula al diccionari.";
    } else {
      rimes = "No s'han trobat rimes amb aquestes condicions. Ets massa exigent!";
    }
    
    rima_enllac = "<ul><li>" + rimes + "</li></ul>";
  }

  document.getElementById("rima_enllac").innerHTML = rima_enllac;

  console.timeEnd('actualitzarRimes');
}



function mostrarTotesLesLlistes() {
  console.time('mostrarTotesLesLlistes');

  var resultats = obtenirValorsSegonsPrimerCaracter(matches)

  mostrarLlista('noms', resultats.resultatsN, 'checkbox1');
  mostrarLlista('adjectius', resultats.resultatsA, 'checkbox2');
  mostrarLlista('verbs', resultats.resultatsV, 'checkbox3');
  mostrarLlista('determinants', resultats.resultatsD, 'checkbox4');
  mostrarLlista('pronoms', resultats.resultatsP, 'checkbox5');
  mostrarLlista('altres', resultats.resultatsAlt, 'checkbox6');


  console.timeEnd('mostrarTotesLesLlistes');

}

function mostrarLlista(tipusLlista, elementsAMostrar, checkboxId) {
  console.time('mostrarLlista');

  var titleSelector = '#' + checkboxId;
  var listSelector = '#' + tipusLlista + 'List';

  var listTitle = document.querySelector(titleSelector);
  var list = document.querySelector(listSelector);

  if (listTitle && list) {
      listTitle.parentElement.style.display = elementsAMostrar.length > 0 ? 'block' : 'none';
      list.style.display = elementsAMostrar.length > 0 ? 'block' : 'none';

      var elementsDeLlista = list.querySelectorAll('li');

      elementsDeLlista.forEach(function (element, index) {
          element.style.display = 'none';  // Amagar tots els elements inicialment
      });

      elementsAMostrar.forEach(function (indexToShow) {
          if (indexToShow < elementsDeLlista.length) {
              elementsDeLlista[indexToShow].style.display = 'list-item';
          }
      });

  } else {
      console.log('No es compleixen les condicions per entrar a la lògica principal');
  }
  console.timeEnd('mostrarLlista');
}

function toggleList(listID, checkboxID) {
  console.time('toggleList');

  var list = document.getElementById(listID);
  var checkboxTitle = document.getElementById(checkboxID);

  var checkboxes = list.querySelectorAll('input[type="checkbox"]');

  if (checkboxTitle.checked) {
    checkboxes.forEach(function (checkbox) {
      checkbox.checked = true;
    });
  } else {
    checkboxes.forEach(function (checkbox) {
      checkbox.checked = false;
    });
  }
  console.timeEnd('toggleList');

}

function handleCheckboxClick(event, checkboxCriteria) {
  console.time('handleCheckboxClick');

  if (event.target.type === 'checkbox') {
      const checkboxLabel = event.target.parentNode.innerText.trim();

      if (checkboxLabel in checkboxCriteria) {
          const { filterFunction } = checkboxCriteria[checkboxLabel];

          if (event.target.checked) {
              const linesToAdd = matches.filter(filterFunction);

              const uniqueLinesToAdd = linesToAdd.filter(line => !matches_provisionals.includes(line));

              matches_provisionals = matches_provisionals.concat(uniqueLinesToAdd);

              console.log(`Checkbox "${checkboxLabel}" marcada`);
          
          } else {
              console.log(`Checkbox "${checkboxLabel}" desclicat`);
              matches_provisionals = matches_provisionals.filter(item => !filterFunction(item));
          }

          actualitzarRimes();
  }   }
  console.timeEnd('handleCheckboxClick');

}

function obtenirValorsSegonsPrimerCaracter(matches) {
  console.time('obtenirValorsSegonsPrimerCaracter');

  var resultatsN = [];
  var resultatsA = [];
  var resultatsV = [];
  var resultatsD = [];
  var resultatsP = [];
  var resultatsAlt = [];

  for (var i = 0; i < matches.length; i++) {
      var terceraColumna = matches[i][2];
      var primerCaracter = terceraColumna.charAt(0);
      var segonCaracter = terceraColumna.charAt(1);
      var tercerCaracter = terceraColumna.charAt(2);

      switch (primerCaracter) {   
          
          case "N": // Noms
              switch (segonCaracter) {
                  case "P": resultatsN.push(0); break; // Propis
                  case "C": resultatsN.push(1); break; // Comuns
              }
              break;

          case "A": // Adjectius
              switch (segonCaracter) {
                  case "Q": // Adjectius
                    switch (tercerCaracter) {
                        case "0": resultatsA.push(0); break; // Qualificatius
                        case "A": resultatsA.push(1); break; // Superlatius
                    }
                    break;
                  case "O": resultatsA.push(2); break; // Ordinals
              }
              break;
          
          case "V": // Verbs
              switch (tercerCaracter) {
                  case "I": resultatsV.push(0); break; // Indicatiu
                  case "S": resultatsV.push(1); break; // Subjuntiu
                  case "M": resultatsV.push(2); break; // Imperatiu
                  case "G": resultatsV.push(3); break; // Gerundi
                  case "P": resultatsV.push(4); break; // Participi
                  case "N": resultatsV.push(5); break; // Infinitiu
              }
              break; 
          
          case "D": // Determinants
              switch (segonCaracter) {
                  case "N": resultatsD.push(0); break; // Números
                  case "A": resultatsD.push(1); break; // Articles
                  case "R": resultatsD.push(2); break; // Relatius
                  case "T": resultatsD.push(3); break; // Interrogatius
                  case "D": resultatsD.push(4); break; // Demostratius
                  case "E": resultatsD.push(5); break; // Exclamatius
                  case "I": resultatsD.push(6); break; // Indefinits
                  case "P": resultatsD.push(7); break; // Possessius
              }
              break;

          case "P": // Pronoms
              switch (segonCaracter) {
                  case "D": resultatsP.push(0); break; // Demostratius
                  case "I": resultatsP.push(1); break; // Indefinits
                  case "T": resultatsP.push(2); break; // Interrogatius / Exclamatius
                  case "P": case "0": resultatsP.push(3); break; // Personals
                  case "X": resultatsP.push(4); break; // Possessius
                  case "R": resultatsP.push(5); break; // Relatius
              }
              break;

          case "Z": // Altres
              switch (segonCaracter) {
                  case "R": resultatsAlt.push(0); break; // Adverbis
                  case "C": resultatsAlt.push(1); break; // Conjuncions
                  case "I": resultatsAlt.push(2); break; // Interjeccions
                  case "F": resultatsAlt.push(5); break; // "etcètera"
              }
              switch (tercerCaracter) {
                  case "S": resultatsAlt.push(3); break; // Preposicions
                  case "+": resultatsAlt.push(4); break; // Contraccions
              }
              break;
      }
  }

  // Retornar les variables amb els resultats
  console.timeEnd('obtenirValorsSegonsPrimerCaracter');
  return {
      resultatsN: resultatsN,
      resultatsA: resultatsA,
      resultatsV: resultatsV,
      resultatsD: resultatsD,
      resultatsP: resultatsP,
      resultatsAlt: resultatsAlt,
  };
}





//CSS
window.addEventListener('scroll', function() {
  var container = document.getElementById('container');
  var checkboxContainer = document.getElementById('checkboxContainer');
  var separador_rosa2 = document.getElementById('separador_rosa2')
  
  var dades_container = container.getBoundingClientRect();
  
  if (dades_container.height > 120) {
    checkboxContainer.style.top = (40 + dades_container.height + 40) + 'px';
    separador_rosa2.style.top = (40 + dades_container.height) + 'px';
  }
  else {
    checkboxContainer.style.top = '200px';
    separador_rosa2.style.top = '160px';
  }
});