pickem-dnd.user.js

// ==UserScript==
// @name         Yahoo Pick'em Drag n' Drop
// @namespace    http://tampermonkey.net/
// @version      1.3
// @description  No more awful confidence points UI!
// @author       ajhodges
// @match        https://football.fantasysports.yahoo.com/*
// @grant        none
// @require https://code.jquery.com/jquery-3.4.1.min.js
// @require https://code.jquery.com/ui/1.12.1/jquery-ui.min.js
// @require https://cdn.jsdelivr.net/gh/furf/jquery-ui-touch-punch/jquery.ui.touch-punch.min.js

// ==/UserScript==

/* jshint esversion: 6 */
/* globals $:false */


//Team flair https://jsfiddle.net/w15mtj0b/9/
var YAHOO_TO_SPORTSREFERENCE_MAP = {
    "ucf": "central-florida",
    "smu": "southern-methodist",
    "boston-coll": "boston-college",
    "florida-st": "florida-state",
    "nc-state": "north-carolina-state",
    "n-carolina": "north-carolina",
    "miami-(fl)": "miami-fl",
    "iowa-st": "iowa-state",
    "kansas-st": "kansas-state",
    "oklahoma-st": "oklahoma-state",
    "tcu": "texas-christian",
    "michigan-st": "michigan-state",
    "ohio-st": "ohio-state",
    "penn-st": "penn-state",
    "florida-intl": "florida-international",
    "middle-tenn-st": "middle-tennessee-state",
    "w-kentucky": "western-kentucky",
    "southern-miss": "southern-mississippi",
    "uab": "alabama-birmingham",
    "utep": "texas-el-paso",
    "utsa": "texas-san-antonio",
    "umass": "massachusetts",
    "n-mex-st": "new-mexico-state",
    "kent-st": "kent-state",
    "miami-(oh)": "miami-oh",
    "ball-st": "ball-state",
    "cent-michigan": "central-michigan",
    "east-michigan": "eastern-michigan",
    "w-michigan": "western-michigan",
    "fresno-st": "fresno-state",
    "s-diego-st": "san-diego-state",
    "san-jose-st": "san-jose-state",
    "unlv": "nevada-las-vegas",
    "boise-st": "boise-state",
    "colorado-st": "colorado-state",
    "utah-st": "utah-state",
    "oregon-st": "oregon-state",
    "washington-st": "washington-state",
    "arizona-st": "arizona-state",
    "usc": "southern-california",
    "mississippi-st": "mississippi-state",
    "appalachian-st": "appalachian-state",
    "coastal-car": "coastal-carolina",
    "georgia-st": "georgia-state",
    "arkansas-st": "arkansas-state",
    "la-lafayette": "louisiana-lafayette",
    "la-monroe": "louisiana-monroe",
    "lsu": "louisiana-state",
    "texas-st": "texas-state",
    "byu": "brigham-young"
}


function addGlobalStyle(css) {
    var head;
    var style;
    head = document.getElementsByTagName("head")[0];
    if (!head) { return; }
    style = document.createElement("style");
    style.type = "text/css";
    style.innerHTML = css;
    head.appendChild(style);
}

function humanize(str) {
    var frags = str.split('_');
    for (i=0; i<frags.length; i++) {
        frags[i] = frags[i].charAt(0).toUpperCase() + frags[i].slice(1);
    }
    return frags.join(' ');
}
  

(function() {
    "use strict";

    // Add style for logos
    $('<link/>', {
        rel: 'stylesheet',
        type: 'text/css',
        href: 'https://ajhodges.github.io/pickem-dnd/team-flair.css'
    }).appendTo('head')
    addGlobalStyle(`tr td.favorite a {
    text-align:                     left;
    }`);
    addGlobalStyle(`#bd {
    width: 1055px;
    }`);

    // Add style for placeholder (hover element)
    addGlobalStyle(`.dnd-placeholder {
    height:                     55px;
    border:                     2px dashed red;
    }`);

    // Add handle for dragging
    addGlobalStyle(`.conf-score {
    cursor: grab;
    }
    `);
    addGlobalStyle(`.conf-score::after {
    content: '\\E00B';
    font-family: "yahoo";
    }`);

    //Matchup info styling
    addGlobalStyle(`.ysf-matchup-dist .ft table td, .ysf-matchup-dist .ft table th {
    width: auto;
    }`);

    // Add team icons
    $("td.favorite, td.underdog").each(function(i){
        var teamName = $(this).find("a").attr("href").split("/")[5];
        if (teamName in YAHOO_TO_SPORTSREFERENCE_MAP) {
            teamName = YAHOO_TO_SPORTSREFERENCE_MAP[teamName];
        }
        if ($(this).hasClass('favorite')) {
            $(this).find("a").after("<a href=\"#f/" + teamName + "\" rel=\"nofollow\"></a>");
        } else {
            $(this).prepend("<a href=\"#f/" + teamName + "\" rel=\"nofollow\"></a>");
        }
    });

    // Add custom data to matchup
    $(".info a").click(function(ev){
        var gameUrl = new URLSearchParams($(this).attr("href").substring(23));
        var gid = gameUrl.get("game_id")

        // Wait for the YUI click event to be processed and the picksnote div to be created
        setTimeout(function(){
            var picksNote = $("#ysf-picksnote-info-gid-" + gid);

            var favorite = picksNote.find("dl.favorite a").attr("href").split("/")[5];
            if (favorite in YAHOO_TO_SPORTSREFERENCE_MAP) {
                favorite = YAHOO_TO_SPORTSREFERENCE_MAP[favorite];
            }

            var underdog = picksNote.find("dl.underdog a").attr("href").split("/")[5];
            if (underdog in YAHOO_TO_SPORTSREFERENCE_MAP) {
                underdog = YAHOO_TO_SPORTSREFERENCE_MAP[underdog];
            }

            var statsTbody = picksNote.find(".ft tbody");
            if (statsTbody.find("tr").length == 3) {
                $.get("https://o6npybv86j.execute-api.us-east-1.amazonaws.com/dev/ncaaf/teams/" + favorite, function(favData){
                    $.get("https://o6npybv86j.execute-api.us-east-1.amazonaws.com/dev/ncaaf/teams/" + underdog, function(udData){
                        var statsTbody = picksNote.find(".ft tbody");
    
                        var statsToShow = ['points',  'avg_yards', 'avg_passing_yards', 'avg_rushing_yards', 'avg_num_plays']
                        $.each(statsToShow, function(i, key){
                            var statsRow = "<tr>"
                            statsRow += "<td>" + favData[key] + "</td>";
                            statsRow += "<td class=\"label\">(Off.) " + humanize(key) + " (Def.)</td>";
                            statsRow += "<td>" + udData[key + "_allowed"] + "</td>";
                            statsRow += "</tr>";
                            statsTbody.append(statsRow);

                            statsRow = "<tr>"
                            statsRow += "<td>" + favData[key + "_allowed"] + "</td>";
                            statsRow += "<td class=\"label\">(Def.) " + humanize(key) + " (Off.)</td>";
                            statsRow += "<td>" + udData[key] + "</td>";
                            statsRow += "</tr>";
                            statsTbody.append(statsRow);
                        })
                        var statsRow = "<tr>"
                        statsRow += "<td>" + favData['strength_of_schedule'] + "</td>";
                        statsRow += "<td class=\"label\">" + humanize('strength_of_schedule') + "</td>";
                        statsRow += "<td>" + udData['strength_of_schedule'] + "</td>";
                        statsRow += "</tr>";
                        statsTbody.append(statsRow);
                    });
                });
            }
        }, 1000);
    });

    var numGames = $("#ysf-picks-table tbody tr").length;

    $("#ysf-picks-table tbody").sortable({
        axis: "y",
        containment: $("#ysf-picks-table"),
        cursor: "grabbing",
        handle: ".conf-score",
        opacity: 0.8,
        placeholder: "dnd-placeholder",
        revert: 100,
        create: function(e, ui) {
            // Sort initially by confidence
            var rows = $("#ysf-picks-table tbody tr").get();

            rows.sort(function(row1, row2){
                // Sort descending
                var val1 = parseInt($(row1).find("select").val());
                var val2 = parseInt($(row2).find("select").val());
                return val2 - val1;
            });

            $(rows).each(function(index){
                $(this).find("select").val(numGames - index); // Assign select value if blank
                $("#ysf-picks-table tbody").append(rows[index]);
            });

            // Set confidence dropdowns to read-only
            $("#ysf-picks-table tbody select").css("pointer-events","none");

            // Enable save/cancel buttons (drag/drop doesn't mark 'select' fields as dirty)
            YUI().use('node-event-simulate', function(Y) {
                var sel = $("#ysf-picks-table tbody select").first();
                var tmp = sel.val();
                var node = Y.one("#" + sel.attr("id"));

                //simulate a change event
                node.simulate("change");

                sel.val(tmp);
            });
        },
        start : function(event, ui) {
            ui.item.data("start-pos", ui.item.index()+1);
        },
        change: function(e, ui) {
            // Reassign confidence points based on dragging
            var startPos = ui.item.data("start-pos");

            var correction = (startPos <= ui.placeholder.index()) ? 0 : 1;

            // Resort all other games/points
            ui.item.parent().find("tr:not(.ui-sortable-helper)").each(function(idx, el){
                var index = $(el).index();
                if ( ( index+1 >= startPos && correction === 0) || (index+1 <= startPos && correction === 1 ) )
                {
                    $(this).find("select").val(numGames + 1 - (index + correction));
                }
            });

            // Get new value for 'floating' game
            ui.item.find("select").val(numGames + 1 - (ui.placeholder.index() + correction));
        }
    });
})();