☰

EraFN Filters

Filter the server list to your needs.

// ==UserScript==
// @name         EraFN Filters
// @namespace    http://tampermonkey.net/
// @version      0.2
// @description  Filter the server list to your needs.
// @author       Christoffyw
// @match        https://status.erafn.org/
// @license MIT
// @icon         https://www.google.com/s2/favicons?sz=64&domain=erafn.org
// @grant           GM.getValue
// @grant           GM.setValue
// @grant           GM_getValue
// @grant           GM_setValue
// ==/UserScript==

const default_config = {
    versions: ["3.5", "4.1", "4.5", "5.10", "5.41", "6.20", "6.31", "7.40", "10.40"],
    regions: ["EU", "NA", "OCE"],
    gamemodes: ["Solo", "Duos", "Squads", "50v50", "Blitz! (Solo)", "Blitz! (Duos)", "Blitz! (Squads)", "Solid Gold", "Creative"],
    status: ["Offline", "Online", "Match has started"]
}

let config = {
    versions: [],
    regions: [],
    gamemodes: [],
    status: []
}

// Return list of server elements based on class
function refresh_servers() {
    return document.getElementsByClassName("bg-gray-800");
}

// Extract server info from elements
function extract_data(server_element) {
    let nameElement = server_element.firstChild.children[1].firstChild;
    let detailsElement = server_element.firstChild.children[1].lastChild;
    let statusElement = server_element.firstChild.lastChild.lastChild;
    let details = detailsElement.innerHTML.split(" / ");

    let temp_server_object = {};
    temp_server_object.name = nameElement.innerHTML;
    temp_server_object.region = details[0];
    temp_server_object.gamemode = details[1];
    temp_server_object.version = details[2].replace("Fortnite ", "");
    temp_server_object.status = statusElement.innerHTML;
    return temp_server_object;
}

// Loop through each server entry and extract data
function update_data(servers, server_elements) {
    for(var i = 0; i < server_elements.length; i++) {
        servers[i] = extract_data(server_elements[i]);
    }
    filter(servers, server_elements);
}

// Filter out servers that don't meet the user's options
function filter(servers, server_elements) {
    let versions = document.getElementsByName("versions");
    for(var v = 0; v < versions.length; v++) {
        if(versions[v].checked) {
            if(!config.versions.includes(versions[v].value))
                config.versions.push(versions[v].value);
        } else {
            if(config.versions.includes(versions[v].value))
                config.versions.splice(config.versions.indexOf(versions[v].value), 1);
        }

    }
    let regions = document.getElementsByName("regions");
    for(var r = 0; r < regions.length; r++) {
        if(regions[r].checked) {
            if(!config.regions.includes(regions[r].value))
                config.regions.push(regions[r].value);
        } else {
            if(config.regions.includes(regions[r].value))
                config.regions.splice(config.regions.indexOf(regions[r].value), 1);
        }
    }
    let gamemodes = document.getElementsByName("gamemodes");
    for(var g = 0; g < gamemodes.length; g++) {
        if(gamemodes[g].checked) {
            if(!config.gamemodes.includes(gamemodes[g].value))
                config.gamemodes.push(gamemodes[g].value);
        } else {
            if(config.gamemodes.includes(gamemodes[g].value))
                config.gamemodes.splice(config.gamemodes.indexOf(gamemodes[g].value), 1);
        }

    }
    let status = document.getElementsByName("status");
    for(var s = 0; s < status.length; s++) {
        if(status[s].checked) {
            if(!config.status.includes(status[s].value))
                config.status.push(status[s].value);
        } else {
            if(config.status.includes(status[s].value))
                config.status.splice(config.status.indexOf(status[s].value), 1);
        }
    }

    GM.setValue("config", JSON.stringify(config));
    for(var i = 0; i < servers.length; i++) {
        let server = servers[i];
        var show = true;
        if(!config.versions.includes(server.version))
            show = false;
        if(!config.regions.includes(server.region))
            show = false;
        if(!config.gamemodes.includes(server.gamemode))
            show = false;
        if(!config.status.includes(server.status))
            show = false;

        if(show == false) {
            if(server_elements[i])
                server_elements[i].style.display = "none";
            //console.log(config.versions.includes(server.version) + ": " + server.version);
            //console.log(config.regions.includes(server.region) + ": " + server.region);
            //console.log(config.gamemodes.includes(server.gamemode) + ": " + server.gamemode);
            //console.log(config.status.includes(server.status) + ": " + server.status);
        } else
            if(server_elements[i])
                server_elements[i].style.display = "";
    }
}

// Run code on start
function start() {
    let server_elements = refresh_servers();
    let servers = [];
    update_data(servers, server_elements);

    let server_tabs = document.getElementsByClassName("first-letter:border-opacity-50");
    for(var y = 0; y < server_tabs.length; y++) {
        let server_tab = server_tabs[y];
        server_tab.addEventListener("click", () => {
            setTimeout(() => {
                server_elements = refresh_servers();
                update_data(servers, server_elements);
                filter(servers, server_elements);
            }, 1000);
        });
    }
    setInterval(function(){
        server_elements = refresh_servers();
        update_data(servers, server_elements);
        filter(servers, server_elements);
    }, 500);

    var newHTML         = document.createElement ('div');
    newHTML.innerHTML   = '             \
  <div id="versions" style="display:inline-block; vertical-align: top">             \
    <p>Versions</p>             \
    <input type="checkbox" name="versions" checked="true" value="3.5"> 3.5<br>             \
    <input type="checkbox" name="versions" checked="true" value="4.1"> 4.1<br>             \
    <input type="checkbox" name="versions" checked="true" value="4.5"> 4.5<br>             \
    <input type="checkbox" name="versions" checked="true" value="5.10"> 5.10<br>             \
    <input type="checkbox" name="versions" checked="true" value="5.41"> 5.41<br>             \
    <input type="checkbox" name="versions" checked="true" value="6.20"> 6.20<br>             \
    <input type="checkbox" name="versions" checked="true" value="6.31"> 6.31<br>             \
    <input type="checkbox" name="versions" checked="true" value="7.40"> 7.40<br>             \
    <input type="checkbox" name="versions" checked="true" value="10.40"> 10.40<br>             \
  </div>             \
  <div id="regions" style="display:inline-block; vertical-align: top">             \
    <p>Regions</p>             \
    <input type="checkbox" name="regions" checked="true"  value="EU"> EU<br>             \
    <input type="checkbox" name="regions" checked="true"  value="NA"> NA<br>           \
    <input type="checkbox" name="regions" checked="true"  value="OCE"> OCE<br>           \
  </div>             \
  <div id="gamemodes" style="display:inline-block; vertical-align: top">             \
    <p>Gamemodes</p>             \
    <input type="checkbox" name="gamemodes" checked="true" value="Solo"> Solo<br>             \
    <input type="checkbox" name="gamemodes" checked="true" value="Duos"> Duos<br>             \
    <input type="checkbox" name="gamemodes" checked="true" value="Squads"> Squads<br>             \
    <input type="checkbox" name="gamemodes" checked="true" value="50v50"> 50v50<br>             \
    <input type="checkbox" name="gamemodes" checked="true" value="Blitz! (Solo)"> Blitz! (Solo)<br>             \
    <input type="checkbox" name="gamemodes" checked="true" value="Blitz! (Duos)"> Blitz! (Duos)<br>             \
    <input type="checkbox" name="gamemodes" checked="true" value="Blitz! (Squads)"> Blitz! (Squads)<br>             \
    <input type="checkbox" name="gamemodes" checked="true" value="Solid Gold"> Solid Gold<br>             \
    <input type="checkbox" name="gamemodes" checked="true" value="Creative"> Creative<br>             \
  </div>             \
  <div id="status" style="display:inline-block; vertical-align: top">             \
    <p>Status</p>             \
    <input type="checkbox" name="status" checked="true" value="Offline"> Offline<br>             \
    <input type="checkbox" name="status" checked="true" value="Online"> Online<br>             \
    <input type="checkbox" name="status" checked="true" value="Match has started"> Match has started<br> \
  </div> \
    ';
    newHTML.className = "bg-gray-900 text-gray-200";
    newHTML.style = "position: absolute;left: 50%;margin-right: -50%;transform: translate(-50%, 0);padding: 25px";
    document.body.insertBefore(newHTML,document.body.firstChild);
    let root = document.getElementById("root");
    root.firstChild.style = `padding-top: ${newHTML.clientHeight}px`;
    let checkboxes = document.querySelectorAll('[type="checkbox"]');
    for(var c = 0; c < checkboxes.length; c++) {
        checkboxes[c].addEventListener("click", () => {
            console.log(config);
        });
    }

    let versions = document.getElementsByName("versions");
    for(var v = 0; v < versions.length; v++) {
        versions[v].checked = config.versions.includes(versions[v].value);
    }
    let regions = document.getElementsByName("regions");
    for(var r = 0; r < regions.length; r++) {
        regions[r].checked = config.regions.includes(regions[r].value);
    }
    let gamemodes = document.getElementsByName("gamemodes");
    for(var g = 0; g < gamemodes.length; g++) {
        gamemodes[g].checked = config.gamemodes.includes(gamemodes[g].value);
    }
    let status = document.getElementsByName("status");
    for(var s = 0; s < status.length; s++) {
        status[s].checked = config.status.includes(status[s].value);
    }
}

(async function() {
    'use strict';
    let GM_Config = await GM.getValue("config");
    config = GM_Config == undefined ? default_config : JSON.parse(GM_Config);
    console.log(config);


    setTimeout(() => {
        start();
    }, 1000);
})();