var r_Z9YxEmWcZ3 = [];
    var sent_viewable_impr_Z9YxEmWcZ3 = {};
    var sent_click_Z9YxEmWcZ3 = {};

    function send_click_Z9YxEmWcZ3(e, href, project_id, model_id, model_version_id, result_label, index, item_id, related_item_id){
        e.preventDefault();

        if(!sent_click_Z9YxEmWcZ3[index]){
            sent_click_Z9YxEmWcZ3[index] = true;

            snj_send_info({
                "ac": "ml_click",
                "project_id": project_id,
                "model_id": model_id,
                "model_version_id": model_version_id,
                "result_label": result_label,
                "index": index,
                "item_id": item_id,
                "related_item_id": related_item_id,
            }, "ac=ml_click");
        }

        document.location.href = href;
    }

    document.querySelectorAll(".extend_post_box>ul>li").forEach(function(el){
        el.remove();
    });

    r_Z9YxEmWcZ3.reverse().forEach(function(article, i){

        sent_viewable_impr_Z9YxEmWcZ3[article["index"]] = false;
        sent_click_Z9YxEmWcZ3[article["index"]] = false;

        var h = `<li><a id="articel_recommend_${article["index"]}_Z9YxEmWcZ3" href="${article["url"]}" onClick="send_click_Z9YxEmWcZ3(event, this.href, ${article["project_id"]}, ${article["model_id"]}, ${article["model_version_id"]}, '${article["result_label"]}', ${article["index"]}, ${article["article_id"]}, ${article["related_id"]})">${article["title"]}</a></li>`;

        e = document.createElement("div");

        outer_e = document.querySelector(".extend_post_box>ul");
        outer_e.insertBefore(e, outer_e.firstChild);

        e.outerHTML = h;

        window.addEventListener("scroll", function(article){
            return function(){
                if(!sent_viewable_impr_Z9YxEmWcZ3[article["index"]] && window.innerHeight + window.pageYOffset > document.getElementById(`articel_recommend_${article["index"]}_Z9YxEmWcZ3`).getBoundingClientRect().top + window.scrollY){
                    sent_viewable_impr_Z9YxEmWcZ3[article["index"]] = true;
                    snj_send_info({
                        "ac": "ml_viewable_impr",
                        "project_id": article["project_id"],
                        "model_id": article["model_id"],
                        "model_version_id": article["model_version_id"],
                        "result_label": article["result_label"],
                        "index": article["index"],
                        "item_id": article["article_id"],
                        "related_item_id": article["related_id"],
                    }, "ac=ml_viewable_impr");
                }
            }
        }(article));
    });