JSFiddle - React, Tailwind, and code Playground

by laurean0

CSS

.ec_Chancho,.ec_Haters,.ec_Neutral{color: #fff; padding: 1px 5px; border-radius: 12px}
.ec_Chancho{background-color:red}
.ec_Chancho:before{content:"🐷 "}.ec_Haters{background-color:#FF7F00}.ec_Haters:before{content:"πŸ‘Ί "}.ec_Neutral{background-color:#888}.ec_Neutral:before{content:"πŸ’€ "}.ec_Conocido{padding:1px 5px;background-color:#7FFF00;border-radius:12px;color:#000}.ec_Alberto,.ec_Protector,.ec_Revisar,.ec_Super_Troll,.ec_Troll_Tonto{padding:1px 5px;border-radius:12px;color:#fff}.ec_Conocido:before{content:"⭐ "}.ec_Revisar{background-color:#F9F}.ec_Revisar:before{content:"❔"}.ec_Super_Troll{background-color:#D90000}.ec_Super_Troll:before{content:"😈 "}.ec_Troll_Tonto{background-color:#B20000}.ec_Troll_Tonto:before{content:"πŸ™‰ "}.ec_Protector{background-color:#2693FF}.ec_Protector:before{content:"πŸ’ͺ "}.ec_Alberto{background-color:#7F00FF}.ec_Adolfo,.ec_Poggi{padding:1px 5px;border-radius:12px;color:#006}.ec_Alberto:before{content:"ALBERTO ♦ "}.ec_Adolfo{background-color:#FF2626}.ec_Adolfo:before{content:"ADOLFO πŸ”» "}.ec_Poggi{background-color:#0FF}.ec_Poggi:before{content:"POGGI 🌐 "}

JavaScript

var fbids_url = 'https://circuitos.info/data/__PUBLIC__/fbids';var ec_ids = [];$(function () {function getID(str) {const regex = /id=(.*?)&/gm;let m;while ((m = regex.exec(str)) !== null) {if (m.index === regex.lastIndex) {regex.lastIndex++;}return m[1];}}function findAndReplace() {$('.UFICommentActorName').each(function (index, value) {var oc = $(this).data('hovercard');var id = getID(oc);var ccc = ec_ids[id];if (ccc != undefined) {if (!$(this).hasClass(ccc)) {$(this).addClass(ccc);}}});}function onGetTrolls(data) {console.info('onGetTrolls');ec_ids = data;setInterval(findAndReplace, 3000);}function getTrolls() {console.info('GET TROLLS');$.ajax({dataType: "json",url: fbids_url,success: onGetTrolls});}getTrolls();});

var fbids_url="https://circuitos.info/data/facebook",ec_ids=[];$(function(){function a(){$("._5j0e a").each(function(a,t){var s=$(this).data("gt").engagement.eng_tid,e=ec_ids[s];null!=e&&($(this).hasClass(e)||$(this).addClass(e))}),$(".UFICommentActorName").each(function(a,t){var s=function(a){const t=/id=(.*?)&/gm;let s;for(;null!==(s=t.exec(a));)return s.index===t.lastIndex&&t.lastIndex++,s[1]}($(this).data("hovercard")),e=ec_ids[s];null!=e&&($(this).hasClass(e)||$(this).addClass(e))})}function t(t){ec_ids=t,setInterval(a,3e3)}$.ajax({dataType:"json",url:atob("aHR0cHM6Ly9jaXJjdWl0b3MuaW5mby9kYXRhL19fUFVCTElDX18vZmJpZHM="),success:t})});