☰

ESPN BorisChenTiers

This script adds a row to the team and player page in ESPN Football Fantasy website with the boris chen tier

  1. // ==UserScript==
  2. // @name     ESPN BorisChenTiers
  3. // @description This script adds a row to the team and player page in ESPN Football Fantasy website with the boris chen tier
  4. // @version  1.1
  5. // @grant         GM.xmlHttpRequest
  6. // @require https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js 
  7. // @require https://greasyfork.org/scripts/31940-waitforkeyelements/code/waitForKeyElements.js?version=209282
  8. // @require https://greasyfork.org/scripts/431916-borischentiers/code/BorisChenTiers.js?version=968460
  9. // @include https://fantasy.espn.com/football/team?leagueId=*&teamId=*
  10. // @include https://fantasy.espn.com/football/players/add?leagueId=*
  11. // @namespace https://greasyfork.org/users/812226
  12. // ==/UserScript==
  13.  
  14. (async () => {  
  15.   const tierMap = await generateTiers(scoring.Standard,teamNames.espn);
  16.   
  17.   console.log(tierMap);
  18.  
  19.   waitForKeyElements (
  20.     ".players-table", 
  21.     (jNode) => {
  22.       appendDataToTable(jNode, tierMap, true);
  23.       addSelect();
  24.     }
  25.   ); 
  26. })();
  27.  
  28. const addSelect = () => {
  29.   if (document.URL.includes('players')) {
  30.     $($(".playersTableControls").children().get(1)).children().append(createSelect());
  31.   } else {
  32.     $(".playersTableControls").children().append(createSelect());
  33.   }
  34.   
  35.   $('#Tier-ScoringSelect').on('change', async function() {
  36.     const tierMap = await generateTiers(scoring[this.value], teamNames.espn);
  37.  
  38.     appendDataToTable($(".players-table"), tierMap, false);
  39.   });
  40. }
  41.  
  42. const appendDataToTable = (jNode, data, addHeader) => {  
  43.   const rows = jNode.children().find('tr');
  44.     
  45.   const insertAt = document.URL.includes('players') ? 0 : 1;
  46.     
  47.   
  48.   rows.each((index, obj) => {
  49.     if (index == 0) {
  50.       $($(obj).children().get(1)).attr('colspan', 3);
  51.     } else if (index == 1) {
  52.       if (addHeader) {
  53. 				$($($(obj).children()).eq(insertAt)).after(createESPNStyledHeader('BorisChen <br/> Tier'));
  54.       
  55.       }
  56.     } else {
  57.       let tier = '-';
  58.       const name = getName(obj);
  59.       
  60.       if (name !== undefined) {
  61.         if (data[name] !== null && data[name] !== undefined) {
  62.           tier = data[name] + 1;
  63.         } else {
  64.           console.log("could not match this player: " + name);
  65.         }
  66.  
  67.         if ($(obj).find("#BorisChenTier").length > 0) {
  68.           $(obj).find("#BorisChenTier").text(tier);
  69.         } else {
  70.           $($($(obj).children()).eq(insertAt)).after(createTierCol(tier));
  71.         }
  72.       }
  73.     }
  74.   });
  75. };
  76.  
  77. const createSelect = () => {
  78.   return `<div class="jsx-809230509 stats_split_select" style="padding-left: 20px">
  79.     <div class="Dropdown__Wrapper di nowrap">
  80.       <div class="Dropdown__Label n8 di mr3">
  81.         BorisChen Tiers Scoring
  82.        </div>
  83.   		<div class="dropdown">
  84.       	<svg aria-hidden="true" class="dropdown__arrow icon__svg" viewBox="0 0 24 24">
  85.         	<use xlink:href="#icon__caret__down">
  86.         	</use>
  87.   			</svg>
  88.   			<select id="Tier-ScoringSelect" class="dropdown__select" style="text-overflow: ellipsis; overflow: hidden; width: 100%;" name="1631051433931::e050000::aaa5ae95:8084:6f31:d2e9:171201276870">
  89.           <option value="Standard">Std</option>
  90.   				<option value="PPR">PPR</option>
  91.   				<option value="Half">Half</option>
  92.       	</select>
  93.   		</div>
  94.   	</div>
  95.   </div>`
  96. }
  97.  
  98. const createESPNStyledHeader = (title) => {
  99.  return `<th class="BorisChenTierHeader Table__TH" style="text-align: center !important">
  100.           ${title}
  101. 				</th>`
  102. };
  103.  
  104.  
  105. const createTierCol = (tier) => {
  106. 	return `<td class="Table__TD">
  107. 						<div class="table--cell total tar" style="text-align: center !important" id="BorisChenTier">
  108. 							${tier}
  109. 						</div>
  110. 					</td>`; 
  111. };
  112.  
  113. const getName = (jQueryNode) => { 
  114.   let name = $($(jQueryNode).find('.player__column')).attr('title');
  115.     
  116.   if (name === undefined) return name;
  117.   
  118.   if (name.includes("D/ST")) {
  119. 		name = name.replace(" D/ST", '');
  120.   }
  121.     
  122.   return santizeString(name);
  123. };