`;
// Fonction pour transformer un string en html
function parseHTML(html) {
let t = document.createElement('template');
t.innerHTML = html;
return t.content.cloneNode(true);
}
// Toutes les fonctions initialisant le modal
function injectCss(css)
{
let style = document.createElement('style');
style.innerHTML = css;
document.head.append(style);
}
function injectHtml(html) {
//Injection de la police d'écriture
let fontHtml = ``;
let fontHtmlCode = parseHTML(fontHtml);
document.body.append(fontHtmlCode);
//Injection du code HTML
let htmlCode = parseHTML(html);
document.body.append(htmlCode);
}
// Le bouton permettant d'ouvrir le modal
function injectBtn() {
let btn = document.createElement("button");
btn.id = "btnParam";
btn.innerText = "Topic Blacklist";
document.querySelector('.options-crumb').prepend(btn);
}
// Script du Modal
// Fonction permettant de gérer tout les clics sur les boutons
function setTrig() {
document.querySelector('#btnParam').onclick = function () {
openModal()
};
document.querySelector('#modalCloseBtn').onclick = function () {
closeModal()
};
document.querySelector('#saveBtn').onclick = function () {
saveBl(dataBl)
};
document.querySelector('#saveReloadBtn').onclick = function () {
saveBl(dataBl);
location.reload()
};
document.querySelector('#blValue').addEventListener('click', function (e) {
if (e.target.className === "rmTag") {
e.target.parentElement.remove();
}
});
}
// Format Le string (Met le string en minuscule, Enleve les espaces inutiles, enleve les caracteres unicode)
function formatS(str) {
return str.replace(/ {2}/g, '').toLowerCase().normalize('NFD').replace(/[\u0300-\u036f]/g, "");
}
// Gestion des INPUT (pour ajouter des mots a blacklister)
function setInput() {
let inputElement = document.querySelector('#blInput');
inputElement.onkeypress = function (e) {
if (e.key === "Enter" && this.value) {
let formatedValue = formatS(this.value);
console.log("formated : " + formatedValue);
if (this.value === formatedValue || formatedValue.length > 1) {
let cantAdd = false;
let tags = document.querySelectorAll('.blTag');
for (let i = 0; i < tags.length; i++) {
let regex = new RegExp(regexL + tags[i].children[1].innerText + regexR, "gi");
if (formatedValue.match(regex)) {
let alreadyElement = tags[i];
cantAdd = true;
alreadyElement.className = "blTag error"
alreadyElement.scrollIntoView({behavior: 'smooth'});
console.log("can't add");
}
}
if (cantAdd === false) {
let blTag = appendTag(formatedValue);
blTag.className = "blTag success";
blTag.scrollIntoView({behavior: 'smooth'});
}
}
this.value = "";
}
}
}
// Fonction permettant d'ajouter un tag
function appendTag(data) {
let blValue = document.querySelector('#blValue');
let blTag = document.createElement("div");
blTag.className = "blTag";
let blTagTxt = document.createElement("span");
blTagTxt.innerText = data;
let blTagBtn = document.createElement("button");
blTagBtn.className = "rmTag";
blTagBtn.innerText = "╳";
blTag.append(blTagBtn);
blTag.append(blTagTxt);
blValue.append(blTag);
return blTag
}
// Fonction initialisant les mots blacklisté au chargement de la page
function initValue() {
let tag;
if (dataBl.length > 0) {
for (let i = 0; i < dataBl.length; i++) {
tag = appendTag(dataBl[i]);
}
}
}
// Ouverture du modal
function openModal() {
document.querySelector('#blModal').className = "modal-open";
document.querySelector('#modalMain').className = 'modal-body-open';
}
// Fermeture du modal
function closeModal() {
document.querySelector('#blModal').className = 'modal-closed';
document.querySelector('#modalMain').className = 'modal-body-closed';
}
// Ouverture du menu option
function openOption() {
document.querySelector('#modalMain').className = 'modal-body-closed';
}
// Fermeture du menu option
function closeOption() {
document.querySelector('#modalMain').className = 'modal-body-open';
}
// Recupération des valeurs dans le localStorage au chargement de la page
function initData() {
let storedData = localStorage.getItem("dataBlJSON");
if (storedData) {
dataBl = JSON.parse(storedData);
dataBl.sort();
} else {
console.log("error : no stored data");
dataBl = {};
}
return dataBl;
}
// Sauvegarde des nouveaux mots ajoutés
function saveBl() {
dataBl = [];
for (let i = 0; i < document.querySelectorAll('.blTag').length; i++) {
dataBl[i] = document.querySelectorAll('.blTag span')[i].innerText;
}
localStorage.setItem("dataBlJSON", JSON.stringify(dataBl));
//fadeOutEffect();
}
//Fonction ajoutant les mots importé au format texte a la blacklist
function importData() {
console.log("import");
}
//Fonction exportant tout les mots blacklisté dans un format texte
function exportData() {
console.log("export");
}
// La fonction de blacklist
function blacklister() {
if (dataBl.length > 1) {
let listeTopic = document.querySelectorAll('.topic-list-admin li');
let nbDeleted = 0;
for (let i = 1; i < listeTopic.length; i++) {
let topicEstSupprime = false;
let titreTopic = formatS(listeTopic[i].children[0].children[1].title);
for (let j = 0; j < dataBl.length; j++) {
let regex = new RegExp(regexL + dataBl[j] + regexR, "gi");
if (titreTopic.match(regex) && topicEstSupprime === false) {
listeTopic[i].remove();
console.log("Supprimé : " + titreTopic);
topicEstSupprime = true;
nbDeleted++;
} else {
}
}
}
if (nbDeleted > 0) {
console.log("Nombre supprimé : " + nbDeleted);
}
} else {
console.log("error : array is empty");
}
}
// Fonction main
function main() {
injectHtml(html);
injectCss(css);
regexL = "(^|\\s|\\(|\\\"|\\[|\\;|\\,|\\:|\\/|\'|\-|\"|’|\\*)(";
regexR = ")($|\\s|\\.|\\,|\\]|\\)|\\;|\\:|\\!|\\/|\\?|\'|\-|\"|’|\\*)";
dataBl = initData();
injectBtn();
initValue();
setInput();
setTrig();
blacklister();
}
// Execution du main quand la page est chargé ...
main();