NCGEARS/cheesy-arena-lite
1
0
Fork 0
mirror of https://github.com/Team254/cheesy-arena-lite.git synced 2026-03-09 13:46:44 -04:00
Code Issues Actions Packages Projects Releases 1 Wiki Activity

Sort audience display modes alphabetically in JavaScript.

Browse Source
This commit is contained in:
Patrick Fairbank
2022-08-18 17:46:26 -07:00
parent dd78c04c7f
commit f1ab23aa07
1 changed files with 209 additions and 209 deletions
Download Patch File Download Diff File Expand all files Collapse all files

418
static/js/audience_display.js
View File

@@ -191,6 +191,15 @@ var handleLowerThird = function(data) {
} }
}; };
var transitionAllianceSelectionToBlank = function(callback) {
$('#allianceSelectionCentering').transition({queue: false, right: "-60em"}, 500, "ease", callback);
};
var transitionBlankToAllianceSelection = function(callback) {
$('#allianceSelectionCentering').css("right","-60em").show();
$('#allianceSelectionCentering').transition({queue: false, right: "3em"}, 500, "ease", callback);
};
var transitionBlankToIntro = function(callback) { var transitionBlankToIntro = function(callback) {
$("#overlayCentering").transition(overlayCenteringShowParams, 500, "ease", function() { $("#overlayCentering").transition(overlayCenteringShowParams, 500, "ease", function() {
$(".teams").css("display", "flex"); $(".teams").css("display", "flex");
@@ -203,121 +212,6 @@ var transitionBlankToIntro = function(callback) {
}); });
}; };
var transitionIntroToInMatch = function(callback) {
$(".avatars").transition({queue: false, opacity: 0}, 500, "ease", function() {
$(".avatars").hide();
});
$(".score-fields").css("display", "flex");
$(".score-fields").transition({queue: false, width: scoreFieldsOut}, 500, "ease");
$("#logo").transition({queue: false, top: logoUp}, 500, "ease");
$(".score").transition({queue: false, width: scoreOut}, 500, "ease", function() {
$(".score-number").transition({queue: false, opacity: 1}, 750, "ease");
$("#matchTime").transition({queue: false, opacity: 1}, 750, "ease", callback);
$(".score-fields").transition({queue: false, opacity: 1}, 750, "ease");
});
};
var transitionIntroToBlank = function(callback) {
$("#eventMatchInfo").transition({queue: false, height: eventMatchInfoUp}, 500, "ease", function() {
$("#eventMatchInfo").hide();
$(".score").transition({queue: false, width: scoreIn}, 500, "ease", function() {
$(".avatars").css("opacity", 0);
$(".avatars").hide();
$(".teams").hide();
$("#overlayCentering").transition(overlayCenteringHideParams, 1000, "ease", callback);
});
});
};
var transitionBlankToInMatch = function(callback) {
$("#overlayCentering").transition(overlayCenteringShowParams, 500, "ease", function() {
$(".teams").css("display", "flex");
$(".score-fields").css("display", "flex");
$(".score-fields").transition({queue: false, width: scoreFieldsOut}, 500, "ease");
$("#logo").transition({queue: false, top: logoUp}, 500, "ease");
$(".score").transition({queue: false, width: scoreOut}, 500, "ease", function() {
$("#eventMatchInfo").css("display", "flex");
$("#eventMatchInfo").transition({queue: false, height: eventMatchInfoDown}, 500, "ease", callback);
$(".score-number").transition({queue: false, opacity: 1}, 750, "ease");
$("#matchTime").transition({queue: false, opacity: 1}, 750, "ease");
$(".score-fields").transition({queue: false, opacity: 1}, 750, "ease");
});
});
};
var transitionInMatchToIntro = function(callback) {
$(".score-number").transition({queue: false, opacity: 0}, 300, "linear");
$(".score-fields").transition({queue: false, opacity: 0}, 300, "ease");
$("#matchTime").transition({queue: false, opacity: 0}, 300, "linear", function() {
$(".score-fields").transition({queue: false, width: 0}, 500, "ease");
$("#logo").transition({queue: false, top: logoDown}, 500, "ease");
$(".score").transition({queue: false, width: scoreMid}, 500, "ease", function() {
$(".score-fields").hide();
$(".avatars").css("display", "flex");
$(".avatars").transition({queue: false, opacity: 1}, 500, "ease", callback);
});
});
};
var transitionInMatchToBlank = function(callback) {
$("#eventMatchInfo").transition({queue: false, height: eventMatchInfoUp}, 500, "ease");
$("#matchTime").transition({queue: false, opacity: 0}, 300, "linear");
$(".score-fields").transition({queue: false, opacity: 0}, 300, "ease");
$(".score-number").transition({queue: false, opacity: 0}, 300, "linear", function() {
$("#eventMatchInfo").hide();
$(".score-fields").transition({queue: false, width: 0}, 500, "ease");
$("#logo").transition({queue: false, top: logoDown}, 500, "ease");
$(".score").transition({queue: false, width: scoreIn}, 500, "ease", function() {
$(".teams").hide();
$(".score-fields").hide();
$("#overlayCentering").transition(overlayCenteringHideParams, 1000, "ease", callback);
});
});
};
var transitionBlankToLogoLuma = function(callback) {
$(".blindsCenter.blank").css({rotateY: "180deg"});
$(".blindsCenter.full").transition({ queue: false, rotateY: "0deg" }, 1000, "ease", callback);
};
var transitionLogoLumaToBlank = function(callback) {
$(".blindsCenter.full").transition({queue: false, rotateY: "180deg"}, 1000, "ease", callback);
};
var transitionLogoLumaToLogo = function(callback) {
$(".blinds.right").transition({queue: false, right: 0}, 1000, "ease");
$(".blinds.left").transition({queue: false, left: 0}, 1000, "ease", function() {
$(".blinds.left").addClass("full");
$(".blinds.right").hide();
if (callback) {
callback();
}
});
};
var transitionLogoToLogoLuma = function(callback) {
$(".blinds.left").removeClass("full");
$(".blinds.right").show();
$(".blinds.right").transition({queue: false, right: "-50%"}, 1000, "ease");
$(".blinds.left").transition({queue: false, left: "-50%"}, 1000, "ease", function() {
if (callback) {
callback();
}
});
};
var transitionLogoLumaToScore = function(callback) {
transitionLogoLumaToLogo(function() {
transitionLogoToScore(callback);
});
};
var transitionScoreToLogoLuma = function(callback) {
transitionScoreToLogo(function() {
transitionLogoToLogoLuma(callback);
});
};
var transitionBlankToLogo = function(callback) { var transitionBlankToLogo = function(callback) {
$(".blindsCenter.blank").css({rotateY: "0deg"}); $(".blindsCenter.blank").css({rotateY: "0deg"});
$(".blindsCenter.full").css({rotateY: "-180deg"}); $(".blindsCenter.full").css({rotateY: "-180deg"});
@@ -332,22 +226,25 @@ var transitionBlankToLogo = function(callback) {
}); });
}; };
var transitionLogoToBlank = function(callback) { var transitionBlankToLogoLuma = function(callback) {
$(".blindsCenter.blank").transition({queue: false, rotateY: "360deg"}, 500, "ease"); $(".blindsCenter.blank").css({rotateY: "180deg"});
$(".blindsCenter.full").transition({queue: false, rotateY: "180deg"}, 500, "ease", function() { $(".blindsCenter.full").transition({ queue: false, rotateY: "0deg" }, 1000, "ease", callback);
setTimeout(function() {
$(".blinds.left").removeClass("full");
$(".blinds.right").show();
$(".blinds.right").transition({queue: false, right: "-50%"}, 1000, "ease");
$(".blinds.left").transition({queue: false, left: "-50%"}, 1000, "ease", callback);
}, 200);
});
}; };
var transitionLogoToScore = function(callback) { var transitionBlankToMatch = function(callback) {
$(".blindsCenter.full").transition({queue: false, top: "-225px"}, 625, "ease"); $("#overlayCentering").transition(overlayCenteringShowParams, 500, "ease", function() {
$("#finalScore").show(); $(".teams").css("display", "flex");
$("#finalScore").transition({queue: false, opacity: 1}, 1000, "ease", callback); $(".score-fields").css("display", "flex");
$(".score-fields").transition({queue: false, width: scoreFieldsOut}, 500, "ease");
$("#logo").transition({queue: false, top: logoUp}, 500, "ease");
$(".score").transition({queue: false, width: scoreOut}, 500, "ease", function() {
$("#eventMatchInfo").css("display", "flex");
$("#eventMatchInfo").transition({queue: false, height: eventMatchInfoDown}, 500, "ease", callback);
$(".score-number").transition({queue: false, opacity: 1}, 750, "ease");
$("#matchTime").transition({queue: false, opacity: 1}, 750, "ease");
$(".score-fields").transition({queue: false, opacity: 1}, 750, "ease");
});
});
}; };
var transitionBlankToScore = function(callback) { var transitionBlankToScore = function(callback) {
@@ -356,28 +253,6 @@ var transitionBlankToScore = function(callback) {
}); });
}; };
var transitionScoreToLogo = function(callback) {
$("#finalScore").transition({queue: false, opacity: 0}, 500, "ease", function(){
$("#finalScore").hide();
});
$(".blindsCenter.full").transition({queue: false, top: 0}, 625, "ease", callback);
};
var transitionScoreToBlank = function(callback) {
transitionScoreToLogo(function() {
transitionLogoToBlank(callback);
});
};
var transitionBlankToAllianceSelection = function(callback) {
$('#allianceSelectionCentering').css("right","-60em").show();
$('#allianceSelectionCentering').transition({queue: false, right: "3em"}, 500, "ease", callback);
};
var transitionAllianceSelectionToBlank = function(callback) {
$('#allianceSelectionCentering').transition({queue: false, right: "-60em"}, 500, "ease", callback);
};
var transitionBlankToSponsor = function(callback) { var transitionBlankToSponsor = function(callback) {
$(".blindsCenter.blank").css({rotateY: "90deg"}); $(".blindsCenter.blank").css({rotateY: "90deg"});
$(".blinds.right").transition({queue: false, right: 0}, 1000, "ease"); $(".blinds.right").transition({queue: false, right: 0}, 1000, "ease");
@@ -391,44 +266,6 @@ var transitionBlankToSponsor = function(callback) {
}); });
}; };
var transitionSponsorToBlank = function(callback) {
$("#sponsor").transition({queue: false, opacity: 0}, 1000, "ease", function() {
setTimeout(function() {
$(".blinds.left").removeClass("full");
$(".blinds.right").show();
$(".blinds.right").transition({queue: false, right: "-50%"}, 1000, "ease");
$(".blinds.left").transition({queue: false, left: "-50%"}, 1000, "ease", callback);
$("#sponsor").hide();
}, 200);
});
};
var transitionLogoToSponsor = function(callback) {
$(".blindsCenter.full").transition({queue: false, rotateY: "90deg"}, 750, "ease", function () {
$("#sponsor").show();
$("#sponsor").transition({queue: false, opacity: 1}, 1000, "ease", callback);
});
};
var transitionSponsorToLogo = function(callback) {
$("#sponsor").transition({queue: false, opacity: 0}, 1000, "ease", function() {
$(".blindsCenter.full").transition({queue: false, rotateY: "0deg"}, 750, "ease", callback);
$("#sponsor").hide();
});
};
var transitionScoreToSponsor = function(callback) {
transitionScoreToLogo(function() {
transitionLogoToSponsor(callback);
});
};
var transitionSponsorToScore = function(callback) {
transitionSponsorToLogo(function() {
transitionLogoToScore(callback);
});
};
var transitionBlankToTimeout = function(callback) { var transitionBlankToTimeout = function(callback) {
$("#overlayCentering").transition(overlayCenteringShowParams, 500, "ease", function () { $("#overlayCentering").transition(overlayCenteringShowParams, 500, "ease", function () {
$("#logo").transition({queue: false, top: logoUp}, 500, "ease", function() { $("#logo").transition({queue: false, top: logoUp}, 500, "ease", function() {
@@ -437,6 +274,32 @@ var transitionBlankToTimeout = function(callback) {
}); });
}; };
var transitionIntroToBlank = function(callback) {
$("#eventMatchInfo").transition({queue: false, height: eventMatchInfoUp}, 500, "ease", function() {
$("#eventMatchInfo").hide();
$(".score").transition({queue: false, width: scoreIn}, 500, "ease", function() {
$(".avatars").css("opacity", 0);
$(".avatars").hide();
$(".teams").hide();
$("#overlayCentering").transition(overlayCenteringHideParams, 1000, "ease", callback);
});
});
};
var transitionIntroToMatch = function(callback) {
$(".avatars").transition({queue: false, opacity: 0}, 500, "ease", function() {
$(".avatars").hide();
});
$(".score-fields").css("display", "flex");
$(".score-fields").transition({queue: false, width: scoreFieldsOut}, 500, "ease");
$("#logo").transition({queue: false, top: logoUp}, 500, "ease");
$(".score").transition({queue: false, width: scoreOut}, 500, "ease", function() {
$(".score-number").transition({queue: false, opacity: 1}, 750, "ease");
$("#matchTime").transition({queue: false, opacity: 1}, 750, "ease", callback);
$(".score-fields").transition({queue: false, opacity: 1}, 750, "ease");
});
};
var transitionIntroToTimeout = function(callback) { var transitionIntroToTimeout = function(callback) {
$("#eventMatchInfo").transition({queue: false, height: eventMatchInfoUp}, 500, "ease", function() { $("#eventMatchInfo").transition({queue: false, height: eventMatchInfoUp}, 500, "ease", function() {
$("#eventMatchInfo").hide(); $("#eventMatchInfo").hide();
@@ -451,6 +314,143 @@ var transitionIntroToTimeout = function(callback) {
}); });
}; };
var transitionLogoToBlank = function(callback) {
$(".blindsCenter.blank").transition({queue: false, rotateY: "360deg"}, 500, "ease");
$(".blindsCenter.full").transition({queue: false, rotateY: "180deg"}, 500, "ease", function() {
setTimeout(function() {
$(".blinds.left").removeClass("full");
$(".blinds.right").show();
$(".blinds.right").transition({queue: false, right: "-50%"}, 1000, "ease");
$(".blinds.left").transition({queue: false, left: "-50%"}, 1000, "ease", callback);
}, 200);
});
};
var transitionLogoToLogoLuma = function(callback) {
$(".blinds.left").removeClass("full");
$(".blinds.right").show();
$(".blinds.right").transition({queue: false, right: "-50%"}, 1000, "ease");
$(".blinds.left").transition({queue: false, left: "-50%"}, 1000, "ease", function() {
if (callback) {
callback();
}
});
};
var transitionLogoToScore = function(callback) {
$(".blindsCenter.full").transition({queue: false, top: "-350px"}, 625, "ease");
$("#finalScore").show();
$("#finalScore").transition({queue: false, opacity: 1}, 1000, "ease", callback);
};
var transitionLogoToSponsor = function(callback) {
$(".blindsCenter.full").transition({queue: false, rotateY: "90deg"}, 750, "ease", function () {
$("#sponsor").show();
$("#sponsor").transition({queue: false, opacity: 1}, 1000, "ease", callback);
});
};
var transitionLogoLumaToBlank = function(callback) {
$(".blindsCenter.full").transition({queue: false, rotateY: "180deg"}, 1000, "ease", callback);
};
var transitionLogoLumaToLogo = function(callback) {
$(".blinds.right").transition({queue: false, right: 0}, 1000, "ease");
$(".blinds.left").transition({queue: false, left: 0}, 1000, "ease", function() {
$(".blinds.left").addClass("full");
$(".blinds.right").hide();
if (callback) {
callback();
}
});
};
var transitionLogoLumaToScore = function(callback) {
transitionLogoLumaToLogo(function() {
transitionLogoToScore(callback);
});
};
var transitionMatchToBlank = function(callback) {
$("#eventMatchInfo").transition({queue: false, height: eventMatchInfoUp}, 500, "ease");
$("#matchTime").transition({queue: false, opacity: 0}, 300, "linear");
$(".score-fields").transition({queue: false, opacity: 0}, 300, "ease");
$(".score-number").transition({queue: false, opacity: 0}, 300, "linear", function() {
$("#eventMatchInfo").hide();
$(".score-fields").transition({queue: false, width: 0}, 500, "ease");
$("#logo").transition({queue: false, top: logoDown}, 500, "ease");
$(".score").transition({queue: false, width: scoreIn}, 500, "ease", function() {
$(".teams").hide();
$(".score-fields").hide();
$("#overlayCentering").transition(overlayCenteringHideParams, 1000, "ease", callback);
});
});
};
var transitionMatchToIntro = function(callback) {
$(".score-number").transition({queue: false, opacity: 0}, 300, "linear");
$(".score-fields").transition({queue: false, opacity: 0}, 300, "ease");
$("#matchTime").transition({queue: false, opacity: 0}, 300, "linear", function() {
$(".score-fields").transition({queue: false, width: 0}, 500, "ease");
$("#logo").transition({queue: false, top: logoDown}, 500, "ease");
$(".score").transition({queue: false, width: scoreMid}, 500, "ease", function() {
$(".score-fields").hide();
$(".avatars").css("display", "flex");
$(".avatars").transition({queue: false, opacity: 1}, 500, "ease", callback);
});
});
};
var transitionScoreToBlank = function(callback) {
transitionScoreToLogo(function() {
transitionLogoToBlank(callback);
});
};
var transitionScoreToLogo = function(callback) {
$("#finalScore").transition({queue: false, opacity: 0}, 500, "ease", function(){
$("#finalScore").hide();
});
$(".blindsCenter.full").transition({queue: false, top: 0}, 625, "ease", callback);
};
var transitionScoreToLogoLuma = function(callback) {
transitionScoreToLogo(function() {
transitionLogoToLogoLuma(callback);
});
};
var transitionScoreToSponsor = function(callback) {
transitionScoreToLogo(function() {
transitionLogoToSponsor(callback);
});
};
var transitionSponsorToBlank = function(callback) {
$("#sponsor").transition({queue: false, opacity: 0}, 1000, "ease", function() {
setTimeout(function() {
$(".blinds.left").removeClass("full");
$(".blinds.right").show();
$(".blinds.right").transition({queue: false, right: "-50%"}, 1000, "ease");
$(".blinds.left").transition({queue: false, left: "-50%"}, 1000, "ease", callback);
$("#sponsor").hide();
}, 200);
});
};
var transitionSponsorToLogo = function(callback) {
$("#sponsor").transition({queue: false, opacity: 0}, 1000, "ease", function() {
$(".blindsCenter.full").transition({queue: false, rotateY: "0deg"}, 750, "ease", callback);
$("#sponsor").hide();
});
};
var transitionSponsorToScore = function(callback) {
transitionSponsorToLogo(function() {
transitionLogoToScore(callback);
});
};
var transitionTimeoutToBlank = function(callback) { var transitionTimeoutToBlank = function(callback) {
$("#matchTime").transition({queue: false, opacity: 0}, 300, "linear", function() { $("#matchTime").transition({queue: false, opacity: 0}, 300, "linear", function() {
$("#logo").transition({queue: false, top: logoDown}, 500, "ease", function() { $("#logo").transition({queue: false, top: logoDown}, 500, "ease", function() {
@@ -573,31 +573,24 @@ $(function() {
// Map how to transition from one screen to another. Missing links between screens indicate that first we // Map how to transition from one screen to another. Missing links between screens indicate that first we
// must transition to the blank screen and then to the target screen. // must transition to the blank screen and then to the target screen.
transitionMap = { transitionMap = {
allianceSelection: {
blank: transitionAllianceSelectionToBlank,
},
blank: { blank: {
intro: transitionBlankToIntro,
match: transitionBlankToInMatch,
score: transitionBlankToScore,
logo: transitionBlankToLogo,
sponsor: transitionBlankToSponsor,
allianceSelection: transitionBlankToAllianceSelection, allianceSelection: transitionBlankToAllianceSelection,
timeout: transitionBlankToTimeout, intro: transitionBlankToIntro,
logo: transitionBlankToLogo,
logoLuma: transitionBlankToLogoLuma, logoLuma: transitionBlankToLogoLuma,
match: transitionBlankToMatch,
score: transitionBlankToScore,
sponsor: transitionBlankToSponsor,
timeout: transitionBlankToTimeout,
}, },
intro: { intro: {
blank: transitionIntroToBlank, blank: transitionIntroToBlank,
match: transitionIntroToInMatch, match: transitionIntroToMatch,
timeout: transitionIntroToTimeout, timeout: transitionIntroToTimeout,
}, },
match: {
blank: transitionInMatchToBlank,
intro: transitionInMatchToIntro,
},
score: {
blank: transitionScoreToBlank,
logo: transitionScoreToLogo,
logoLuma: transitionScoreToLogoLuma,
sponsor: transitionScoreToSponsor,
},
logo: { logo: {
blank: transitionLogoToBlank, blank: transitionLogoToBlank,
logoLuma: transitionLogoToLogoLuma, logoLuma: transitionLogoToLogoLuma,
@@ -609,14 +602,21 @@ $(function() {
logo: transitionLogoLumaToLogo, logo: transitionLogoLumaToLogo,
score: transitionLogoLumaToScore, score: transitionLogoLumaToScore,
}, },
match: {
blank: transitionMatchToBlank,
intro: transitionMatchToIntro,
},
score: {
blank: transitionScoreToBlank,
logo: transitionScoreToLogo,
logoLuma: transitionScoreToLogoLuma,
sponsor: transitionScoreToSponsor,
},
sponsor: { sponsor: {
blank: transitionSponsorToBlank, blank: transitionSponsorToBlank,
logo: transitionSponsorToLogo, logo: transitionSponsorToLogo,
score: transitionSponsorToScore, score: transitionSponsorToScore,
}, },
allianceSelection: {
blank: transitionAllianceSelectionToBlank,
},
timeout: { timeout: {
blank: transitionTimeoutToBlank, blank: transitionTimeoutToBlank,
intro: transitionTimeoutToIntro, intro: transitionTimeoutToIntro,