Mission BBQ Station Training
document.addEventListener("DOMContentLoaded", function(event) {
var loginContainer = document.getElementById('loginContainer');
var height = getHeight(loginContainer) + 'px';
//console.log('loginContainer height=' + height);
loginContainer.setAttribute('data-max-height', height);
loginContainer.style.maxHeight = height;
loginContainer.style['transition'] = 'max-height 0.5s ease-in-out';
loginContainer.style.overflowY = 'hidden';
document.getElementById('UserName').focus();
});
getHeight = function(el) {
var el_style = window.getComputedStyle(el);
var el_display = el_style.display;
var el_position = el_style.position;
var el_visibility = el_style.visibility;
var el_max_height = el_style.maxHeight.replace('px', '').replace('%', '');
var wanted_height = 0;
// if its not hidden we return normal height
if(el_display !== 'none' && el_max_height !== '0') {
return el.offsetHeight;
}
// if it's hidden we will temporarily set to block and get height
el.style.position = 'absolute';
el.style.visibility = 'hidden';
el.style.display = 'block';
wanted_height = el.offsetHeight;
// reverting to the original values
el.style.display = el_display;
el.style.position = el_position;
el.style.visibility = el_visibility;
return wanted_height;
};
toggleSlide = function(id) {
//console.log('toggleSlide: id=' + id);
var el = document.getElementById(id);
var el_max_height = 0;
if(el.getAttribute('data-max-height')) {
// if data-max-height has been set:
// if element.maxHeight = 0 then set element.maxHeight = data-max-height
// otherwise set element.maxHeight = 0
//console.log(id + ': we found data-max-height=' + el.getAttribute('data-max-height'));
//console.log(id + ': el.style.maxHeight=' + el.style.maxHeight);
var maxHeight = el.style.maxHeight.replace('px', '').trim();
//console.log(id + ': maxHeight value=' + maxHeight);
//console.log(id + ': maxHeight converted to number=' + Number(maxHeight));
if(Number(maxHeight) === 0) {
el.style.maxHeight = el.getAttribute('data-max-height');
} else {
el.style.maxHeight = '0';
}
//console.log(id + ': el.style.maxHeight now equals ' + el.style.maxHeight);
} else {
// we din't find a previously set data-max-height attribute
// so, calculate the element height and store it in the data-max-height attribute
el_max_height = getHeight(el) + 'px';
el.setAttribute('data-max-height', el_max_height);
el.style['transition'] = 'max-height 0.5s ease-in-out';
el.style.overflowY = 'hidden';
el.style.maxHeight = el_max_height;
el.style.display = 'block';
// after the transition is done set the element.maxHeight to what was returned by getHeight
//setTimeout(function() {
// el.style.maxHeight = el_max_height;
//}, 10);
}
}
function toggleHelp() {
toggleSlide('loginContainer');
toggleSlide('loginHelp');
}
LOGIN HELP
Don't Know Your Login?
Your login name is typically your first name and last name separated by a period. For example: joe.server
If you're not sure, ask a leadership person at your restaurant to look it up on their Team Page.
Don't Know Your Password?
Your initial password for Training Camp is the same as your login. When you login for the first time, you'll be asked to change it.
If your password doesn't work, ask a leadership person at your restaurant to reset it for you.