FilterLife - Fetlife Member Filter

Filter member lists on FL to your liking

// ==UserScript==
// @name         FilterLife - Fetlife Member Filter
// @namespace    http://tampermonkey.net/
// @version      1.42
// @description  Filter member lists on FL to your liking
// @author       ceodoe
// @match        https://fetlife.com/p/*
// @match        https://fetlife.com/search/kinksters*
// @match        https://fetlife.com/users/*/friends*
// @match        https://fetlife.com/users/*/followers*
// @match        https://fetlife.com/users/*/following*
// @match        https://fetlife.com/search*
// @match        https://fetlife.com/groups/*/members*
// @match        https://fetlife.com/events/*/rsvps*
// @icon         https://www.google.com/s2/favicons?sz=64&domain=fetlife.com
// @grant        GM_setValue
// @grant        GM_getValue
// @grant        GM_addStyle
// @run-at       document-end
// @license      GPLv3
// ==/UserScript==
let ageMin = 18;
let ageMax = 120;
let genders = ["M", "F", "MtF", "FtM", "NB", "GF", "GN", "CD/TV", "TG", "GQ", "FEM", "GNC", "Cis", "TM", "TW", "Masc", "AG", "TwoS", "IS"];
let roles = ["sub", "dom", "domme", "top", "bottom", "switch", "brat", "exploring", "rubberist", "masochist", "sadist", "slut", "goddess", "daddy", "exhibitionist", "primal", "kinkster", "undecided", "cuckold", "sensualist", "master", "stag", "sissy", "kitten", "doll", "hotwife", "slave", "bull", "hedonist", "swinger", "little", "evolving", "fetishist", "babygirl", "babyboy", "service top", "owner", "rope top", "sadomasochist", "mistress", "property", "kajira", "spanko", "toy", "leathergirl", "princess", "cuckoldress", "primal predator", "leatherwoman", "rope bunny", "service switch", "vanilla", "worshipper", "kajirus", "bondmaid", "pain slut", "degrader", "degradee", "cumdump", "edge player", "disciplinarian", "service bottom", "butler", "minion", "voyeur", "mommy", "caregiver", "middle", "big", "brat tamer", "brat wrangler", "king", "queen", "prince", "bimbo", "cougar", "unicorn", "cuckcake", "steer", "cuckquean", "feminizer", "furry", "handler", "trainer", "tamer", "pet", "pup", "fox", "pony", "pig", "piggy", "hucow", "primal switch", "primal prey", "perpetrator", "victim", "chew toy", "rigger", "rope switch", "rope bottom", "bondage top", "bondage switch", "bondage bottom", "bondage slut", "spanker", "spankee", "tickler", "tickle switch", "ticklee", "needle top", "needle switch", "needle bottom", "pincushion", "electro top", "electro bottom", "electro switch", "leatherman", "leatherperson", "leather daddy", "leather mommy", "leather bottom", "leatherboy", "leatherboi", "bootblack", "drag king", "drag queen", "artist", "muse", "gentleman", "fairy kink mother", "vixen"];

genders = genders.sort();
roles = roles.sort();

let FiLiSettings = GM_getValue("FiLiSettings", {
  ageMin: ageMin,
  ageMax: ageMax,
  genders: genders,
  roles: roles,
  showNullGender: true,
  showNullRole: true,
  showOrgs: true,
  showOnlyWithPics: false,
  showOnlyWithVids: false,
  showOnlyWithWritings: false
});

GM_addStyle(`
    .FiLiHidden {
        display: none !important;
    }

    .FiLiNumeric {
        width: 30px;
    }
`);

function saveData() {
  let ageMinVal = Number(document.getElementById("FiLiAgeMin").value);
  let ageMaxVal = Number(document.getElementById("FiLiAgeMax").value);

  if(isNaN(ageMinVal)) {
    ageMinVal = ageMin;
  } else {
    if(ageMinVal < ageMin) {
      ageMinVal = ageMin;
    }
  }

  if(isNaN(ageMaxVal)) {
    ageMaxVal = ageMax;
  } else {
    if(ageMaxVal > ageMax) {
      ageMaxVal = ageMax;
    }
  }

  FiLiSettings.ageMin = ageMinVal;
  FiLiSettings.ageMax = ageMaxVal;

  let genderCheckboxes = document.getElementById("FiLiOptionsBox").querySelectorAll("input[type=checkbox][id^=FiLiGender_]");
  let genderArray = [];
  for(let i = 0; i < genderCheckboxes.length; i++) {
    if(genderCheckboxes[i].id == "FiLiGender_Null") {
      FiLiSettings.showNullGender = genderCheckboxes[i].checked;
    } else {
      if(genderCheckboxes[i].checked) {
        genderArray.push(genderCheckboxes[i].nextElementSibling.innerText.trim());
      }
    }
  }
  FiLiSettings.genders = genderArray;

  let roleCheckboxes = document.getElementById("FiLiOptionsBox").querySelectorAll("input[type=checkbox][id^=FiLiRole_]");
  let roleArray = [];
  for(let i = 0; i < roleCheckboxes.length; i++) {
    if(roleCheckboxes[i].id == "FiLiRole_Null") {
      FiLiSettings.showNullRole = roleCheckboxes[i].checked;
    } else {
      if(roleCheckboxes[i].checked) {
        roleArray.push(roleCheckboxes[i].nextElementSibling.innerText.trim());
      }
    }
  }
  FiLiSettings.roles = roleArray;

  FiLiSettings.showOrgs = document.getElementById("FiLiShowOrgs").checked;
  FiLiSettings.showOnlyWithPics = document.getElementById("FiLiShowOnlyWithPics").checked;
  FiLiSettings.showOnlyWithVids = document.getElementById("FiLiShowOnlyWithVids").checked;
  FiLiSettings.showOnlyWithWritings = document.getElementById("FiLiShowOnlyWithWritings").checked;

  GM_setValue("FiLiSettings", FiLiSettings);
  location.reload();
}

function filterPage() {
  let cards;

  if(document.location.href.includes("/members")) {
    cards = document.querySelectorAll("div.w-full.rounded-sm.bg-gray-900.cursor-pointer.transition");
  } else {
    cards = document.querySelectorAll("div.w-full.px-1");
  }

  let numHidden = 0;
  for(let i = 0; i < cards.length; i++) {
    let aslElement = cards[i].querySelector("span.text-sm.font-bold.text-gray-300");
    if(aslElement) {
      let regex = new RegExp(/^([0-9]+)([A-Za-z/]+)?( .+)?$/);
      let matches = aslElement.innerText.match(regex);

      let age = Number(matches[1]);
      let gender = "";
      let role = "";

      if(matches[2] !== undefined) {
        gender = matches[2];
      }

      if(matches[3] !== undefined) {
        role = matches[3].trim();
      }

      let hide = false;
      if(age < Number(FiLiSettings.ageMin)) {
        hide = true;
      } else if(age > Number(FiLiSettings.ageMax)) {
        hide = true;
      }

      if(gender !== "") {
        if(!FiLiSettings.genders.includes(gender)) {
          if(!genders.includes(gender)) {
            console.log("Unknown gender (" + gender + ")");
          } else {
            hide = true;
          }
        }
      } else {
        if(!FiLiSettings.showNullGender) {
          hide = true;
        }
      }

      if(role !== "") {
        if(!FiLiSettings.roles.includes(role.toLowerCase())) {
          if(!roles.includes(role.toLowerCase())) {
            console.log("Unknown role (" + role + ")");
          } else {
            hide = true;
          }
        }
      } else {
        if(!FiLiSettings.showNullRole) {
          hide = true;
        }
      }

      if(FiLiSettings.showOnlyWithPics && !cards[i].querySelector("a[href$=pictures]")) {
        hide = true;
      }

      if(FiLiSettings.showOnlyWithVids && !cards[i].querySelector("a[href$=videos]")) {
        hide = true;
      }

      if(FiLiSettings.showOnlyWithWritings && !cards[i].querySelector("a[href$=posts]")) {
        hide = true;
      }

      if(hide) {
        cards[i].classList.add("FiLiHidden");
        numHidden++;
      }
    } else {
      if(cards[i].querySelector(`span[title^="Organization"]`) && FiLiSettings.showOrgs == false) {
        cards[i].classList.add("FiLiHidden");
        numHidden++;
      }
    }
  }

  if(numHidden > 0) {
    document.getElementById("FiLiNumHidden").innerText = "(" + numHidden + " hidden profiles)";
  }
}

window.setTimeout(function() {
  let referenceNode = document.querySelector("header.items-end, header.pb-1, header.mb-2");
  let box = document.createElement("div");
  box.classList.add("rounded-sm", "transition", "hover:bg-gray-950", "focus:bg-gray-950", "bg-gray-900");
  box.style.padding = "10px";
  box.style.marginBottom = "10px";
  box.id = "FiLiOptionsBox";


  let genderHTML = "";
  let roleHTML = "";

  for(let i = 0; i < genders.length; i++) {
    genderHTML += `<input type="checkbox" id="FiLiGender_${genders[i].replaceAll(" ", "")}"${FiLiSettings.genders.includes(genders[i]) ? " checked" : ""}><label for="FiLiGender_${genders[i].replaceAll(" ", "")}"> ${genders[i]}</label> \n`;
  }

  for(let i = 0; i < roles.length; i++) {
    roleHTML += `<input type="checkbox" id="FiLiRole_${roles[i].replaceAll(" ", "")}"${FiLiSettings.roles.includes(roles[i]) ? " checked" : ""}><label for="FiLiRole_${roles[i].replaceAll(" ", "")}"> ${roles[i]}</label> \n`;

    if((i + 1) % 8 == 0) {
      roleHTML += "<br />";
    }
  }

  box.innerHTML = `
        <span class="font-bold red-500">FilterLife</span> <span id="FiLiNumHidden"></span> <span class="cursor-pointer" onclick="document.querySelector('#FiLiMainContent').classList.toggle('FiLiHidden')">[Options]</span>
        <div id="FiLiMainContent" class="FiLiHidden">
            <br />
            <b>Age range</b><br />
            From <input type="number" class="FiLiNumeric" min="18" max="120" value="${FiLiSettings.ageMin}" id="FiLiAgeMin" /> to <input type="number" class="FiLiNumeric" min="18" max="120" value="${FiLiSettings.ageMax}" id="FiLiAgeMax" /> years old
            <br /><br />
    
            <b>Genders</b> <span class="cursor-pointer" id="FiLiGendersAll">[all]</span> <span class="cursor-pointer" id="FiLiGendersNone">[none]</span> <span class="cursor-pointer" id="FiLiGendersInv">[invert]</span><br />
            ${genderHTML}<br />
            <input type="checkbox" id="FiLiGender_Null"${FiLiSettings.showNullGender ? " checked" : ""}><label for="FiLiGender_Null"> Show profiles with no specified gender</label>
            <br /><br />
    
            <b>Roles</b> <span class="cursor-pointer" id="FiLiRolesAll">[all]</span> <span class="cursor-pointer" id="FiLiRolesNone">[none]</span> <span class="cursor-pointer" id="FiLiRolesInv">[invert]</span><br />
            ${roleHTML}<br />
            <input type="checkbox" id="FiLiRole_Null"${FiLiSettings.showNullRole ? " checked" : ""}><label for="FiLiRole_Null"> Show profiles with no specified role</label>
            <br /><br />
            
            <b>Extra options</b><br />
            <input type="checkbox" id="FiLiShowOrgs"${FiLiSettings.showOrgs ? " checked" : ""}><label for="FiLiShowOrgs"> Show organization profiles</label><br />
            <input type="checkbox" id="FiLiShowOnlyWithPics"${FiLiSettings.showOnlyWithPics ? " checked" : ""}><label for="FiLiShowOnlyWithPics"> Only show profiles with pics</label><br />
            <input type="checkbox" id="FiLiShowOnlyWithVids"${FiLiSettings.showOnlyWithVids ? " checked" : ""}><label for="FiLiShowOnlyWithVids"> Only show profiles with vids</label><br />
            <input type="checkbox" id="FiLiShowOnlyWithWritings"${FiLiSettings.showOnlyWithWritings ? " checked" : ""}><label for="FiLiShowOnlyWithWritings"> Only show profiles with writings</label>
            <br /><br />
    
            <span class="cursor-pointer font-bold red-500" id="FiLiSaveButton">[Save]</span> <small><span class="cursor-pointer" id="FiLiUnhide">[Temporarily restore hidden profiles]</span></small>
        </div>
    `;

  referenceNode.insertAdjacentElement("afterend", box);

  document.getElementById("FiLiSaveButton").onclick = function() {
    saveData();
  };

  document.getElementById("FiLiGendersAll").onclick = function() {
    let checkboxes = document.querySelectorAll("input[type=checkbox][id^=FiLiGender_]");
    for(let i = 0; i < checkboxes.length; i++) {
      checkboxes[i].checked = true;
    }
  };

  document.getElementById("FiLiRolesAll").onclick = function() {
    let checkboxes = document.querySelectorAll("input[type=checkbox][id^=FiLiRole_]");
    for(let i = 0; i < checkboxes.length; i++) {
      checkboxes[i].checked = true;
    }
  };

  document.getElementById("FiLiGendersNone").onclick = function() {
    let checkboxes = document.querySelectorAll("input[type=checkbox][id^=FiLiGender_]");
    for(let i = 0; i < checkboxes.length; i++) {
      checkboxes[i].checked = false;
    }
  };

  document.getElementById("FiLiRolesNone").onclick = function() {
    let checkboxes = document.querySelectorAll("input[type=checkbox][id^=FiLiRole_]");
    for(let i = 0; i < checkboxes.length; i++) {
      checkboxes[i].checked = false;
    }
  };

  document.getElementById("FiLiGendersInv").onclick = function() {
    let checkboxes = document.querySelectorAll("input[type=checkbox][id^=FiLiGender_]");
    for(let i = 0; i < checkboxes.length; i++) {
      checkboxes[i].checked = !checkboxes[i].checked;
    }
  };

  document.getElementById("FiLiRolesInv").onclick = function() {
    let checkboxes = document.querySelectorAll("input[type=checkbox][id^=FiLiRole_]");
    for(let i = 0; i < checkboxes.length; i++) {
      checkboxes[i].checked = !checkboxes[i].checked;
    }
  };

  document.getElementById("FiLiUnhide").onclick = function() {
    let hiddenProfiles = document.querySelectorAll(".FiLiHidden");
    for(let i = 0; i < hiddenProfiles.length; i++) {
      hiddenProfiles[i].classList.remove("FiLiHidden");
      hiddenProfiles[i].style.border = "2px solid red";
    }
    document.getElementById("FiLiNumHidden").innerText = "";
    document.getElementById("FiLiMainContent").classList.add("FiLiHidden");
  };

  filterPage();    
}, 1500);