Ruptura+fr%C3%ADa<meta name="viewport" content="width=device-width">
    <link rel="stylesheet" href="/wp-content/themes/diablonext/style.css"><script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<script src="/includes/js/json-url/json-url.js"></script>
<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<link rel="stylesheet" href="/wp-content/themes/diablonext/assets/guias-d2.css">
<script>
var colores = {
    "dgrn": "hue-rotate(90deg)",
    "cgrn": "hue-rotate(90deg) saturate(3)",
    "lgrn": "hue-rotate(90deg)",
    "lgry": "grayscale(1)",
    "dgry": "grayscale(1)",
    "lred": "hue-rotate(323deg)",
    "cred": "hue-rotate(323deg)",
    "dred": "hue-rotate(323deg)",
    "dpur": "hue-rotate(262deg)",
    "dblu": "hue-rotate(193deg) saturate(1.5)",
    "cblu": "hue-rotate(193deg) saturate(1.5)",
    "lblu": "hue-rotate(193deg) saturate(1.5)",
    "blac": "brightness(0.5) grayscale(1)",
    "lgld": "hue-rotate(19deg) saturate(2.5)",
    "dyel": "hue-rotate(19deg) saturate(2.5)"
}

var traducciones = {};
var objetos = {};
var sets = {};
var sets_full = {};
var runewords = [];
var runas = ["amn", "ber", "cham", "dol", "el", "eld", "eth", "fal", "gul", "hel", "io", "ist", "ith", "jah", "ko",
    "lem", "lo", "lum", "mal", "nef", "ohm", "ort", "pul", "ral", "shael", "sol", "sur", "tal", "thul", "tir", "um",
    "vex", "zod"
];

var urlParams = new URLSearchParams(window.location.search);

var parche = "2.6";

body = document.getElementsByTagName("body")[0];
if (body !== undefined) {
    body.insertAdjacentHTML("beforeend", '<div id="lista-objetos" class="lista"></div>');
    body.insertAdjacentHTML("beforeend", '\
            <div class="diablo-tooltip item-tooltip">\
                <div class="db-tooltip">\
                    <ul class="db-summary">\
                        <li class="db-title db-header">\
                            <span></span>\
                        </li>\
                    </ul>\
                    <div class="db-image">\
                        <img src="">\
                    </div>\
                    <div class="valor">\
                    </div>\
                    <div class="db-description">\
                    </div>\
                </div>\
            </div>');
}

jQuery(document).ready(function($) {

    // if(embed){
    //     $("#previa").hide();
    // }
    getRunewords();

    function getRunewords() {
        $.when(
            $.getJSON("/imagenes/guias/d2/objetos/" + parche + "/unicos-d2r.json", function(data, x, y) {
                objetos = data;
            }),
            $.getJSON("/imagenes/guias/d2/objetos/" + parche + "/sets-d2r.json", function(data, x, y) {
                sets = data;
            }),
            $.getJSON("/imagenes/guias/d2/objetos/" + parche + "/sets-full-d2r.json", function(data, x, y) {
                sets_full = data;
            }),
            $.getJSON("/imagenes/guias/d2/objetos/" + parche + "/objetos-d2r.json", function(data, x, y) {
                base = data;
            }),
        ).then(function() {
            objetos = {
                ...objetos,
                ...sets,
                ...base
            }
        });
    }

    $("form").submit(function(e) {
        e.preventDefault();
        nueva_tipo = $(".lista-objetos").val();
        nivel = parseInt($("input[name=nivel]").val());
        orden = $("select[name=orden]").val();
        incluir = $("select[name=incluir]").val();
        $("#sel_objetos ul li").removeClass("activa");
        $(this).addClass("activa");
        $(".filtrado").remove();
        $("#bonus-conjunto").remove();
        $("#sel-conjunto").val("");
        window.history.replaceState("", "Title", "/diablo-ii/objetos?tipo=" + nueva_tipo);
        urlParams = new URLSearchParams("");
        showObjetos(nueva_tipo.split(','), nivel, orden, incluir);
    });

    $("#sel-conjunto").change(function() {
        window.location.href = "/diablo-ii/objetos?conjunto=" + $(this).val();
    });
    $("#objetos-busqueda").on({
        keyup: function(e) {
            var code = e.keyCode || e.which;
            $(".filtrado").remove();
            $("#bonus-conjunto").remove();
            $("#sel-conjunto").val("");
            if ($(this).val().length > 3)
                showObjetos(null, parseInt($("input[name=nivel]").val()), $("select[name=orden]")
                    .val(), $("select[name=incluir]").val(), $(this).val().toLowerCase());
        }
    })
})

function showObjetos(tipo, nivel, orden, incluir, nombre = null) {
    orderI = [];
    for (rw in objetos) {
        orderI.push([rw, objetos[rw]["lvl"]]);
    }

    if (orden == "desc")
        keys = orderI.sort((a, b) => b[1] - a[1]);
    else
        keys = orderI.sort((b, a) => b[1] - a[1]);

    for (idx in keys) {
        id = keys[idx][0];

        if ((tipo == null || tipo.includes(objetos[id].code)) && nivel > 0 && objetos[id]["lvl req"] <= nivel &&
            nombre == null || (id.toLowerCase().includes(nombre) || objetos[id].english.toLowerCase().includes(nombre))
        ) {
            if (incluir == "unicos" && objetos[id].type == "Base")
                continue
            if (incluir == "base" && objetos[id].type != "Base")
                continue
            icon = objetos[id].icon.normal.split('/').pop();
            attributes = "<ul>";
            for (attr in objetos[id].attributes) {
                if (objetos[id].attributes[attr].min != objetos[id].attributes[attr].max) {
                    // str=objetos[id].attributes[attr].name.replace("%+d%","<span class='range'>"+objetos[id].attributes[attr].min+"-"+objetos[id].attributes[attr].max+"</span>");
                    str = objetos[id].attributes[attr].name.replace("%+d", "<span class='range'>" + objetos[id]
                        .attributes[attr].min + "</span>-<span class='range'>" + objetos[id].attributes[attr].max +
                        "</span>");
                    // str=str.replace("%d%","<span class='range'>"+objetos[id].attributes[attr].min+"-"+objetos[id].attributes[attr].max+"</span>");
                } else {
                    // str=objetos[id].attributes[attr].name.replace("%+d%","<span class='range'>"+objetos[id].attributes[attr].min+"</span>");
                    str = objetos[id].attributes[attr].name.replace("%+d", "<span class='range'>" + objetos[id]
                        .attributes[attr].min + "</span>");
                    // str=str.replace("%d%","<span class='range'>"+objetos[id].attributes[attr].min+"</span>");
                }

                attributes += "<li>" + str + "</li>";
            }
            attributes += "</ul>";
            reqstr = objetos[id].reqstr > 0 ? "<li>Req. Fuerza: " + objetos[id].reqstr + "</li>" : "";
            reqdex = objetos[id].reqdex > 0 ? "<li>Req. Destreza: " + objetos[id].reqdex + "</li>" : "";

            sockets = "";

            vel = "";
            if (!["phlm", "glov", "tors", "shie", "boot", "belt", "amu", "rin", "vip", "cm1", "cm2", "cm3", "jew",
                    "head", "circ", "ashd", "helm", "pelt"
                ].includes(objetos[id].code)) {
                //vel+="<li>Daño: "+objetos[id]["dmg-min"]+"-"+objetos[id]["dmg-max"]+"</li>";
                switch (objetos[id].speed) {
                    case -20:
                        vel = "Muy lenta"
                        break;
                    case -10:
                        vel = "Lenta"
                        break;
                    case 0:
                        vel = "Normal"
                        break;
                    case 5:
                        vel = "Normal"
                        break;
                    case 10:
                        vel = "Rápida"
                        break;
                    case 20:
                        vel = "Muy rápida"
                        break;
                }
                vel = "<li>Vel. de ataque: " + vel + "</li>"
            } else if ("minac" in objetos[id]) {
                if (objetos[id].type == "Base") {
                    vel += "<li>Defensa: " + objetos[id]["minac"] + "-" + objetos[id]["maxac"] + "</li>";
                } else {
                    vel += "<li>Defensa: " + objetos[objetos[id]["type"]]["minac"] + "-" + objetos[objetos[id]["type"]][
                        "maxac"
                    ] + "</li>";
                }
            }
            huecos = ""
            // if (!["glov","boot","belt","amu","rin","vip"].includes(objetos[id].code)){
            //     huecos="<li>Máx. huecos: "+objetos[id].gemsockets+"</li>"
            // }
            durabilidad = ""
            if (!["amu", "rin", "vip", "cm1", "cm2", "cm3", "jew"].includes(objetos[id].code)) {
                durabilidad = "<li>Durabilidad: " + objetos[id].durability + "</li>"
            }
            //<li>Daño: "+objetos[id]["dmg-min"]+"-"+objetos[id]["dmg-max"]+"</li>\

            req = "<ul>\
                    <li>TC: " + objetos[id].lvl +
                " <a href='/diablo-ii/calculadora-de-zonas-para-subir-de-nivel/?nivel=" + objetos[id].lvl + "'>(dónde buscar)</a></li>\
                    <li>Requisito nivel: " + objetos[id]["lvl req"] + "</li>" + vel + durabilidad + huecos + reqstr +
                reqdex + "\
                </ul>"
            color_style = "";
            if (!["amu", "rin"].includes(objetos[id].code) && objetos[id].colored in colores) {
                color_style = "style='filter: " + colores[objetos[id].colored] + "'";
            }
            // $("#objetos").append("<tr class='filtrado'>\
            //     <td><div class='icono'><img "+color_style+" src='/imagenes/guias/d2/objetos/iconos-d2r-beta/"+icon+"out.png'></div></td>\
            //     <td><h2>"+id+"</h2><div class='ingles'>"+objetos[id].english+"</div><div class='base'>"+objetos[id].type+"</div></td>\
            //     <td>"+req+"</td>\
            //     <td>"+attributes+"</td>\
            // </tr>");
            set = "";
            attributes_set = "";
            if ("set" in objetos[id]) {
                title = "<h2 class='conjunto'>" + id + "</h2>";
                set += "<div class='base'><a class='conjunto' href=\"/diablo-ii/objetos/?conjunto=" + objetos[id].set
                    .replaceAll(" ", "_") + "\">" + objetos[id].set + " <i class='fas fa-search-plus'></i></a></div>";
                attributes_set = "<ul>";
                n = 2;
                for (attr in objetos[id]["attributes-set"]) {
                    if (objetos[id]["attributes-set"][attr].min != objetos[id]["attributes-set"][attr].max) {
                        // str=objetos[id].attributes[attr].name.replace("%+d%","<span class='range'>"+objetos[id].attributes[attr].min+"-"+objetos[id].attributes[attr].max+"</span>");
                        str = objetos[id]["attributes-set"][attr].name.replace("%+d", "<span class='range'>" + objetos[
                            id]["attributes-set"][attr].min + "</span>-<span class='range'>" + objetos[id][
                            "attributes-set"
                        ][attr].max + "</span>");
                        // str=str.replace("%d%","<span class='range'>"+objetos[id].attributes[attr].min+"-"+objetos[id].attributes[attr].max+"</span>");
                    } else {
                        // str=objetos[id].attributes[attr].name.replace("%+d%","<span class='range'>"+objetos[id].attributes[attr].min+"</span>");
                        str = objetos[id]["attributes-set"][attr].name.replace("%+d", "<span class='range'>" + objetos[
                            id]["attributes-set"][attr].min + "</span>");
                        // str=str.replace("%d%","<span class='range'>"+objetos[id].attributes[attr].min+"</span>");
                    }

                    attributes_set += "<li class='conjunto'>Con " + objetos[id]["attributes-set"][attr].items +
                        " objetos: " + str + "</li>";
                    n++;
                }
                attributes_set += "</ul>";

                attributes_set += "<ul class='bonus-conjunto'><li>Bonus de conjunto parcial</li><ul>";
                n = 2;

                for (attr in sets_full[objetos[id]["set"]]["attributes-p"]) {
                    if (sets_full[objetos[id]["set"]]["attributes-p"][attr].min != sets_full[objetos[id]["set"]][
                            "attributes-p"
                        ][attr].max) {
                        // str=objetos[id].attributes[attr].name.replace("%+d%","<span class='range'>"+objetos[id].attributes[attr].min+"-"+objetos[id].attributes[attr].max+"</span>");
                        str = sets_full[objetos[id]["set"]]["attributes-p"][attr].name.replace("%+d",
                            "<span class='range'>" + sets_full[objetos[id]["set"]]["attributes-p"][attr].min +
                            "</span>-<span class='range'>" + sets_full[objetos[id]["set"]]["attributes-p"][attr]
                            .max + "</span>");
                        // str=str.replace("%d%","<span class='range'>"+objetos[id].attributes[attr].min+"-"+objetos[id].attributes[attr].max+"</span>");
                    } else {
                        // str=objetos[id].attributes[attr].name.replace("%+d%","<span class='range'>"+objetos[id].attributes[attr].min+"</span>");
                        str = sets_full[objetos[id]["set"]]["attributes-p"][attr].name.replace("%+d",
                            "<span class='range'>" + sets_full[objetos[id]["set"]]["attributes-p"][attr].min +
                            "</span>");
                        // str=str.replace("%d%","<span class='range'>"+objetos[id].attributes[attr].min+"</span>");
                    }
                    // console.log(objetos[id]["attributes-p"][attr]);
                    attributes_set += "<li class='unico'>Con " + sets_full[objetos[id]["set"]]["attributes-p"][attr]
                        .items + " objetos: " + str + "</li>";
                    n++;
                }
                attributes_set += "</ul></ul>";


                attributes_set += "<ul class='bonus-conjunto'><li>Bonus de conjunto completo</li><ul>";
                n = 2;
                for (attr in sets_full[objetos[id]["set"]]["attributes-f"]) {
                    if (sets_full[objetos[id]["set"]]["attributes-f"][attr].min != sets_full[objetos[id]["set"]][
                            "attributes-f"
                        ][attr].max) {
                        // str=objetos[id].attributes[attr].name.replace("%+d%","<span class='range'>"+objetos[id].attributes[attr].min+"-"+objetos[id].attributes[attr].max+"</span>");
                        str = sets_full[objetos[id]["set"]]["attributes-f"][attr].name.replace("%+d",
                            "<span class='range'>" + sets_full[objetos[id]["set"]]["attributes-f"][attr].min +
                            "</span>-<span class='range'>" + sets_full[objetos[id]["set"]]["attributes-f"][attr]
                            .max + "</span>");
                        // str=str.replace("%d%","<span class='range'>"+objetos[id].attributes[attr].min+"-"+objetos[id].attributes[attr].max+"</span>");
                    } else {
                        // str=objetos[id].attributes[attr].name.replace("%+d%","<span class='range'>"+objetos[id].attributes[attr].min+"</span>");
                        str = sets_full[objetos[id]["set"]]["attributes-f"][attr].name.replace("%+d",
                            "<span class='range'>" + sets_full[objetos[id]["set"]]["attributes-f"][attr].min +
                            "</span>");
                        // str=str.replace("%d%","<span class='range'>"+objetos[id].attributes[attr].min+"</span>");
                    }

                    attributes_set += "<li class='unico'>" + str + "</li>";
                    n++;
                }
                attributes_set += "</ul></ul>";
            } else {
                title = "<h2>" + id + "</h2>";
                if (objetos[id].type == "Base") {
                    title = "<h2 class='blanco'>" + id + "</h2>";
                    sockets = "<ul><li>Huecos:<ul>";
                    sockets += "<li>" + objetos[id].gemsockets[0] + " a nivel de objeto 1-25</li>";
                    sockets += "<li>" + objetos[id].gemsockets[1] + " a nivel de objeto 26-40</li>";
                    sockets += "<li>" + objetos[id].gemsockets[2] + " a nivel de objeto 41+</li>";
                    sockets += "</li></ul></ul>";
                } else
                    title = "<h2>" + id + "</h2>";
            }

            solo_ladder = "";
            if (objetos[id].ladder) {
                solo_ladder = "<div class='ladder'>Sólo en jerarquía</div>";
            }

            $("#objetos").append("<div class='filtrado fila'>\
                <div class='celda'><div class='icono'><img " + color_style +
                " src='/imagenes/guias/d2/objetos/iconos-d2r-beta/" + icon + "out.png'></div></div>\
                <div class='celda'><a href=\"/diablo-ii/objetos/" + encodeURIComponent(id.replaceAll(" ", "_"))
                .replace(/'/g, "%27") +
                "/\">" + title +
                "</a><div class='ingles'>" + objetos[id].english + "</div><div class='base'>" + objetos[id].type +
                "</div>" + solo_ladder + set + "</div>\
                <div class='celda celda3'>" + req + "</div>\
                <div class='celda celda4'>" + sockets + attributes + attributes_set + "</div>\
            </div>");

        }
    }
}
</script>


<!-- <div id="previa">
    <div id="link-area">
        <p>Haz click en el campo de texto para copiar el enlace a la guía:</p>
        <input type="text" id="link-build" />
    </div>
</div> -->

<article class="clearfix post type-post status-publish format-standard has-post-thumbnail hentry category-diablo-ii">
    <div id="objetos" class="tabla">
            </div>
    <div style="margin:auto; display: table; margin-top: 20px;" id="bonus-conjunto">
        </div>
</article>
<div id="tooltip"></div>