loginpage


<!doctype html>
<html>
<head>
    <title>Project</title>

    <meta charset="utf-8" />
    <meta http-equiv="Content-type" content="text/html; charset=utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />

    <link rel="stylesheet" href="app/css/styles.min.css">
    <!-- CDN
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
    <link href="https://gitcdn.github.io/bootstrap-toggle/2.2.2/css/bootstrap-toggle.min.css" rel="stylesheet">
    -->
    <link rel="stylesheet" href="app/bs/bootstrap.min.css">
    <link rel="stylesheet" href="app/bs/bootstrap-toggle.min.css">
    <script type="text/javascript" src="cordova.js"></script>
    <script type="text/javascript" src="js/index.js"></script>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
    <script language="JavaScript" type="text/javascript">
    $( document ).ready(function() {
        //console.log( "ready!" );
        alert('grand entrance');
        storeInfo();
    });

    function onLoad() {
        document.addEventListener("deviceready", onDeviceReady, false);
    }

    function onDeviceReady() {
        document.addEventListener("backbutton", onBackKeyDown, false);
        //storeInfo();
    }

    function onBackKeyDown() {
            //location.href = "sencor_login.html";
    }

    function storeInfo()
    {
        if (typeof(Storage) !== "undefined") {
            if (localStorage.getItem("checkbox") !== null) {
                var u = localStorage.getItem('username');
                var p = localStorage.getItem('password');
                location.href='test_dashboard.html';
            }

        } else {
            alert('Sorry! No Web Storage support..');
        }
    }

    function Login()
    {
        var mLogin    = document.getElementById("m_Username").value;
        var mPassword = document.getElementById("m_Password").value;
        if (mLogin) {
            if (mPassword) {
                initSession(mLogin,mPassword);
            }
            else {
                alert("Invalid password input.");
            }
        }
        else {
            alert("You have entered an invalid input.");
        }
    }
//http://contitechcross.com/api/PCRApi/Login?userName=Beltconcepts&userPassword=ContiTechX17
    function initSession(username,password)
    {
        $.ajax({
            type: "GET",
            url: "http://contitechcross.com/api/PCRApi/Login?userName="+username+"&userPassword="+password+"",
            dataType: "xml",
            success: function(xml){
                $(xml).find('boolean').each(function(){
                    var s = $(this).text();
                    //alert(s);
                    if(s == 'true') {
                        alert('redirect');
                         if(document.getElementById('checkbox').checked) {
                           // alert('checked');
                            localStorage.username = username;
                            localStorage.password = password;
                            localStorage.checkbox = 1;
                            location.href= 'test_dashboard.html';
                         } else {
                            alert('not checked');
                            localStorage.username = username;
                            localStorage.password = password;
                            location.href ='test_dashboard.html';
                         }
                    } else {
                        alert('Invalid credentials');
                        document.getElementById('m_Username').value ='';
                        document.getElementById('m_Password').value = '';
                    }
                });
            },
            error: function(jqXHR, textStatus, errorThrown) {
                alert("An error occurred while processing XML file." + errorThrown);
            }
        });
    }
    </script>
</head>
<body>
<div id="loader-wrapper">
    <main id="front">
        <div class="hero-banner">
            <img src="app/images/continental-horse.png" alt="">
        </div>
    </main>
</div>

<div id="main-body">
    <header>
        <nav>
            <div class="container-fluid">
                <div class="brand-holder">
                    <img src="app/images/logo.png" alt="">
                </div>
                <h3>Part Cross Reference</h3>
            </div>
        </nav>
    </header>
    <main>
        <div class="container">
            <div class="login">
                <div class="row">
                    <div class="col-xs-12">
                        <div class="form-group">
                            <label class="block" for="m_Username">Username</label>
                            <input type="text" name="username" id="m_Username" value="Beltconcepts">
                        </div>
                        <div class="form-group">
                            <label class="block" for="m_Password">Password</label>
                            <input type="password" name="password" id= "m_Password" value="ContiTechX17">
                        </div>
                        <div class="form-group">
                            <!--<input type="checkbox" id="checkbox" name="" value="">-->
                            <input type="checkbox" data-toggle="toggle" data-size="small" id="checkbox" value="1">
                            <label for="">Remember me</label>
                        </div>
                    </div>
                </div>
                <div class="foot">

                    <button type="button" name="button" id="log-btn" onclick="javascript:Login()">Login</button>
                    <p> © 2017 - PCR </p>
                </div>
            </div>
        </div>
    </main>
</div>

<!-- CDN
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<script src="https://gitcdn.github.io/bootstrap-toggle/2.2.2/js/bootstrap-toggle.min.js"></script>
-->
<script src="app/bs/bootstrap.min.js"></script>
<script src="app/bs/bootstrap-toggle.min.js"></script>

<script type="text/javascript" src="app/js/main.js"></script>
</body>
</html>