Source

Mobile POS Front End / web / login.html

Full commit
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title id="systemName">Mobile POS</title>
        <!-- Le styles -->
        <link href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.1.1/css/bootstrap-combined.min.css" rel="stylesheet">
    </head>
    <body>
        <div class="container">
            <img id ="mainBanner" src=""/>
        </div>
        <br><br>
        <div class="container">
            <div id="aekiapp">
                <div id="login-view">
            </div>
        </div>
    </div>  
    <script type="text/template" id="login-template">
        <div class="span6 offset2">
            <form name="loginForm" class="form-horizontal" action="#main"> 
                <div class="control-group">
                    <label class="control-label" for="username">User Name</label>
                    <div class="controls" id="lolol">
                        <input id="userId" type="text" name="username" placeholder="User Name"  class="input-xlarge">
                    </div>
                </div>
                <div class="control-group">
                    <label class="control-label" for="password">Password</label>
                    <div class="controls">
                        <input id="password" name="password" type="password" placeholder="Password"  class="input-xlarge">
                    </div>
                </div>
                <div class="control-group">
                    <label class="control-label" for="userBranch">Branch</label>
                    <div class="controls">
                        <select id="branchList" class="span6">
                            <% Branches.each(function(branch) { %>
                            <option id="branch-<%= branch.toJSON().Branch_ID %>"><%= branch.toJSON().Address %></option>
                            <% }); %>
                        </select>
                    </div>
                </div>
                <div class="control-group">
                    <div class="controls">
                        <label class="checkbox">
                            <input type="checkbox" id="rememberCheckBox"> Remember me
                        </label>
                        <input id="loginBtn" type="submit" class="btn btn-large btn-block btn-primary">Login</button>
                    <p id="errorMessage" class="text-error"> </p>
                    <div class="progress progress-striped active" id="progressBarDiv" style="display:none">
                        <div class="bar" id="progressBar" style="width: 40%; display:none"></div>
                    </div>
                </div>
            </div>
        </form>
    </div>

    </script>

    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
    <script src="//netdna.bootstrapcdn.com/twitter-bootstrap/2.1.1/js/bootstrap.min.js"></script>
    <script src="//cdnjs.cloudflare.com/ajax/libs/underscore.js/1.4.2/underscore-min.js"></script>
    <script src="//cdnjs.cloudflare.com/ajax/libs/backbone.js/0.9.2/backbone-min.js"></script>

    <script src="js/models/branch.js"></script>
    <script src="js/collections/branches.js"></script>
    <script src="js/models/user.js"></script>
    <script src="js/views/login.js"></script>
    <script src="js/app.js"></script>
</body>
</html>