login.html

<script type="text/javascript" nonce="<%=scriptNonce%>">
    (function($, LABKEY) {
        $(function(){
            if (!LABKEY.Security.currentUser.isAdmin) {
                var ctx = LABKEY.getModuleContext('mgap') || {};
                var folder = ctx['MGAPContainer'];
                if (folder) {
                    var el = $('#returnUrl');
                    el.attr('value', LABKEY.ActionURL.buildURL('project', 'start', folder));
                }
            }
        });
    }(jQuery, LABKEY));

</script>
<form class="auth-form" name="login" method="post">
    <div class="auth-header">Sign In / Register</div>
    <div style="max-width: 1000px;padding-top: 10px;">While mGAP is a free NIH-sponsored resource, we require users register to help us track and report usage to our funders. This information is critical to demonstrate the value and impact of the resource. Please <a href="<%=contextPath%>/mgap/home/requestLogin.view?">request an account</a> if you are not already registered. Thank you for your understanding.</div>
    <div class="labkey-error" id="errors"></div>
    <div class="auth-form-body">
        <label for="email">Email</label>
        <input id="email" name="email" type="text" class="input-block" tabindex="1" autocomplete="off">
        <label for="password">
            Password <a href="login-resetPassword.view?">(forgot password)</a>
        </label>
        <input id="password" name="password" type="password" class="input-block" tabindex="2" autocomplete="off">
        <input tabindex="3" type="checkbox" name="remember" id="remember"  checked> Remember my email address
        <div class="termsOfUseSection" hidden>
            <div class="auth-header auth-item">Terms of Use</div>
            <div class="toucontent auth-item termsOfUseContent"></div>
            <div class="auth-item">
                <input type="checkbox" tabindex="4" name="approvedTermsOfUse" id="approvedTermsOfUse" class="auth-item">
                <label for="approvedTermsOfUse">I agree to these terms</label>
            </div>
        </div>
        <input type="hidden" name="termsOfUseType" id="termsOfUseType">
        <div class="auth-item auth-credentials-submit">
            <!-- Note: login.js attaches an authenticateUser() click event to elements with class "loginSubmitButton" -->
            <input type="submit" tabindex="-1" class="loginSubmitButton"/>
            <a tabindex="5" class="labkey-button primary signin-btn"><span>Sign In</span></a>
            <span class="registrationSection">
                <span class="register-text">or</span>
                <a class="labkey-text-link" href="<%=contextPath%>/mgap/home/requestLogin.view?">Request an account</a>
            </span>
        </div>
        <input type="hidden" id="returnUrl" name="returnUrl" value="">
        <input type="hidden" id="urlhash" name="urlhash">
        <input type="hidden" name='X-LABKEY-CSRF'>
        <div style="margin-top: 10px;">Note to OHSU users: use your university login/password (once registered)</div>
    </div>
</form>
<div class="otherLoginMechanismsSection" hidden>
    <div class="auth-header">Users from these institutions can use their existing logins (after registration):</div>
    <div class="otherLoginMechanismsContent"></div>
</div>