MFL History (Integrated)

Be sure your league is setup properly before installing any scripts.Setup Video
Copy and paste the script into any HPM and link to it. Copy the CSS and place in same homepagemessage or add to your stylesheet. Change css coloring to match your site. Adjust the "var" settings to your liking. More information on this script can be found here. The script uses custom tabs which also must be installed, you can find that script here
This script can be installed in a homepagemessage and linked to or placed on home page. You will also need to have a copy of font awesome loaded in your header if you do not already.
The directory contains an "uncompressed" version of this script to allow for editing and self hosting. See below for instructions
All scripts require cache.js and font awesome file to be placed in a header message as the 1st line. Please review the section "Custom Scripts" Here
This script is already included in our custom template. Do not install it again. Custom template users do not need to load cache.js or font awesome.
<script>
// LEAGUE HISTORY SETTINGS
var lh_commish_franchise_id = '0004';
var lh_abbrev_max_length = 3;         //IF MFL FRANCHISE ABBREV IS MISSING THEN SCRIPT WILL CREATE, YOU CAN SET MAX LENGTH
var lh_first_player_season = '';  //SET TO '' OR OMIT IF ALL HISTORICAL SEASONS HAVE PLAYER STATS
var lh_name_icon_logo = 5;            //0=name; 1=icon; 2=logo; 3=icon+name;4=logo+name; (active franchises only: 5=icon; 6=logo; 7=icon+name; 8=logo+name)
var lh_abbrev_icon_logo = 0;          //0=abbrev; 1=icon; 2=logo; 3=icon+abbrev;4=logo+abbrev; (active franchises only: 5=icon; 6=logo; 7=icon+name; 8=logo+name)
var historicalAwards = new Array();
historicalAwards["League Champion"] = '<i class="fa fa-trophy ls-league-award"   style="color:#d4af37" aria-hidden="true"></i>';
historicalAwards["Second Place Overall"] = '<i class="fa fa-bookmark ls-league-award" style="color:blue" aria-hidden="true"></i>';
historicalAwards["Highest Scorer"] = '<i class="fa fa-bookmark ls-league-award" style="color:green" aria-hidden="true"></i>';
//var lh_fname_override = new Array();

// DRAFT HISTORY SETTINGS
var load_draftHistory_script = true; 	//set to true to load the draft history script
var dh_Mobile = false;                	//set to true to display responsive css for draft table for stacked tablerows
var dh_Comments = true;               	//set to true to display the "Comments" column
var dh_sortArrow = 'white';           	//set to white or black for color of the sorting arrows in the table header - no other colors - white or black only
var dh_accumulatePts = false;         	//set to true to display accumulated pts from draft season selected and all future seasons (typically only useful for rookie drafts)
var dh_Ovr = false;                   	//set to true to display the "Ovr" column 	(default is turned off dont see need for this column)
var dh_Date = false;                  	//set to true to display the "Date/Time" column (default is turned off dont see need for this column)
var dh_Elapse = false;                	//set to true to display the "Elapsed" column 	(default is turned off dont see need for this column)
</script>

<!-- LEAGUE HISTORY HTML -->
<div id="league-history-wrapper" class="mobile-wrap"></div>
<!-- DRAFT HISTORY HTML -->
<div id="draft-history-wrapper" class="mobile-wrap"></div>

<!-- MFL HISTORY SCRIPT -->
<script src="https://www.mflscripts.com/mfl-apps/history/integrated/script.js"></script>

MFL History CSSPlace in CSS

<style>
/**********************************************/
/*              CSS VARIABLES                 */
/**********************************************/
.hs_tabs_wrap,.ls-history-modal {

	/*color settings and cog wheel*/
	--color-settings:#000;
    
	/*color of input checkbox when "checked"*/
	--checkbox-check:green;
		
	/*color of input checkbox when "unchecked"*/
	--checkbox-box:red;
		
	/*popup box - text color or wins "W"*/
	--popup-win:green;
		
	/*popup box - text color or losses "L"*/
	--popup-loss:red;
		
	/*popup box - text color or ties "T"*/
	--popup-tie:orange;
		
	/*popup bg color for the title text of Season and Playoffs*/
	--popup-th-bg:#eee;
		
	/*color text for loggeed in user franchise name and info*/
	--my-franchise:#000;
		
	/*logged in user tablerow bg color*/
	--my-franchise-bg:#FFFBCC;
		
	/*border below each stats table to show separation of table - Team Points Tables*/
	--table-separate:2px solid #ddd;
		
	/*color the font awesome (---) and (x) shown in tables*/
	--dash-x-boxes:#999;
		
	/*set bg color of the table header (th)*/
	--table-header-bg:#006db0;
	/*if above background color is set to transparent you must set the following to a solid color
	so that when table is scrolled the fixed leftside th content is not transparent and will not
	show table data underneath it - if above is set to solid color just set this to same color*/
	--table-header-bg-fixed:#006db0;

	/* set text color for defunct franchises */
	--defunct-bg-text:#fff;
	/* set bg color for defunct franchises */
	--defunct-bg:#f94c56;
	/*if above background color is set to transparent you must set this to a solid color
	so that when table is scrolled the fixed leftside content is not transparent and will not
	show table data underneath it - if above is set to solid color just set this to same color*/
	--defunct-bg-fixed:#f94c56;

	/*when user franchise has multiple table rows highlighted in succession , then put border to show separation*/
	--highlight-separate: 1px solid #eee;
} 
</style>