login.html

  
 <!DOCTYPE html>
<html>
    <head>
        {% for src in js %}
            <script type="text/javascript" src="{{ src }}"></script>
        {% endfor %}
        {% for src in css %}
            <link type="text/css" rel="stylesheet" href="{{ src }}">
        {% endfor %}
        
        <script type="text/javascript" src="{{ url_for( 'send_app_files', path = 'webauthn.js' ) }}"></script>
        <script type="text/javascript" src="{{ url_for( 'send_app_files', path = 'functions.js' ) }}"></script>
        <link type="text/css" rel="stylesheet" href="{{ url_for( 'send_app_files', path = 'app.css' ) }}">
        
        <script type="text/javascript">
            baseurl = "{{ baseurl }}";
        </script>
    </head>
    <body>
        <div class="icnml_central">
            <h1 style="margin-bottom: 0px">ICNML</h1>
            <h4 style="margin-top: 0px">International Close Non-Matches Library</h4>
            
            <div class="ui-widget-header ui-corner-top icnml_box_top">Please enter your login information</div>
            <div id="icnml_homepage_form" class="ui-widget-content ui-corner-bottom icnml_box_content">
                <div id="icnml_box_fields" class="icnml_box_fields">
                    <div style="text-align: right;">
                        <label for="username">Username</label>
                    </div>
                    <div>
                        <input id="username" name="username" type="text" />
                    </div>
                    <div style="text-align: right;">
                        <label for="password">Password</label>
                    </div>
                    <div>
                        <input id="password" name="password" type="password" />
                    </div>
                </div>
                <div id="icnml_login_error" class="icnml_box_error"></div>
                <div id="warning" class="icnml_box_warning"></div>
                <div class="icnml_button">
                    <a class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only" id="login_button" role="button" aria-disabled="false">
                        <span class="ui-button-text">Login</span>
                    </a>
                </div>
                <div class="icnml_shybox" id="password_reset">
                    <a href="{{ url_for( 'password_reset' ) }}">Password reset</a>
                </div>
                <div class="icnml_shybox" id="new_account">
                    <a href="{{ url_for( 'new_user' ) }}">Request an account</a>
                </div>
            </div>
            <div class="icnml_shybox" style="margin-top: 10px;">
                <span id="icnml_version"></span>
            </div>
            <div class="icnml_shybox">
                <a id="icnml_tree_files" href="#"></a>
            </div>
        </div>
    </body>
    <script type="text/javascript">
        var login_action_password = async function()
        {
            $( "#icnml_login_error" ).html( "" );
            $( "#login_button > span" ).text( "Please wait..." );
            
            var username = $( "#username" ).val();
            var password = $( "#password" ).val();
            var password_local = $( "#password" ).val();