SHARE
TWEET

loginpage

a guest Jun 8th, 2017 67 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1.  
  2. <!doctype html>
  3. <html>
  4. <head>
  5.     <title>Project</title>
  6.  
  7.     <meta charset="utf-8" />
  8.     <meta http-equiv="Content-type" content="text/html; charset=utf-8" />
  9.     <meta name="viewport" content="width=device-width, initial-scale=1" />
  10.  
  11.     <link rel="stylesheet" href="app/css/styles.min.css">
  12.     <!-- CDN
  13.    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
  14.    <link href="https://gitcdn.github.io/bootstrap-toggle/2.2.2/css/bootstrap-toggle.min.css" rel="stylesheet">
  15.    -->
  16.     <link rel="stylesheet" href="app/bs/bootstrap.min.css">
  17.     <link rel="stylesheet" href="app/bs/bootstrap-toggle.min.css">
  18.     <script type="text/javascript" src="cordova.js"></script>
  19.     <script type="text/javascript" src="js/index.js"></script>
  20.     <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
  21.     <script language="JavaScript" type="text/javascript">
  22.     $( document ).ready(function() {
  23.         //console.log( "ready!" );
  24.         alert('grand entrance');
  25.         storeInfo();
  26.     });
  27.  
  28.     function onLoad() {
  29.         document.addEventListener("deviceready", onDeviceReady, false);
  30.     }
  31.  
  32.     function onDeviceReady() {
  33.         document.addEventListener("backbutton", onBackKeyDown, false);
  34.         //storeInfo();
  35.     }
  36.  
  37.     function onBackKeyDown() {
  38.             //location.href = "sencor_login.html";
  39.     }
  40.  
  41.     function storeInfo()
  42.     {
  43.         if (typeof(Storage) !== "undefined") {
  44.             if (localStorage.getItem("checkbox") !== null) {
  45.                 var u = localStorage.getItem('username');
  46.                 var p = localStorage.getItem('password');
  47.                 location.href='test_dashboard.html';
  48.             }
  49.  
  50.         } else {
  51.             alert('Sorry! No Web Storage support..');
  52.         }
  53.     }
  54.  
  55.     function Login()
  56.     {
  57.         var mLogin    = document.getElementById("m_Username").value;
  58.         var mPassword = document.getElementById("m_Password").value;
  59.         if (mLogin) {
  60.             if (mPassword) {
  61.                 initSession(mLogin,mPassword);
  62.             }
  63.             else {
  64.                 alert("Invalid password input.");
  65.             }
  66.         }
  67.         else {
  68.             alert("You have entered an invalid input.");
  69.         }
  70.     }
  71. //http://contitechcross.com/api/PCRApi/Login?userName=Beltconcepts&userPassword=ContiTechX17
  72.    function initSession(username,password)
  73.    {
  74.        $.ajax({
  75.            type: "GET",
  76.            url: "http://contitechcross.com/api/PCRApi/Login?userName="+username+"&userPassword="+password+"",
  77.            dataType: "xml",
  78.            success: function(xml){
  79.                 $(xml).find('boolean').each(function(){
  80.                     var s = $(this).text();
  81.                     //alert(s);
  82.                     if(s == 'true') {
  83.                         alert('redirect');
  84.                          if(document.getElementById('checkbox').checked) {
  85.                            // alert('checked');
  86.                             localStorage.username = username;
  87.                             localStorage.password = password;
  88.                             localStorage.checkbox = 1;
  89.                             location.href= 'test_dashboard.html';
  90.                          } else {
  91.                             alert('not checked');
  92.                             localStorage.username = username;
  93.                             localStorage.password = password;
  94.                             location.href ='test_dashboard.html';
  95.                          }
  96.                     } else {
  97.                         alert('Invalid credentials');
  98.                         document.getElementById('m_Username').value ='';
  99.                         document.getElementById('m_Password').value = '';
  100.                     }
  101.                 });
  102.             },
  103.             error: function(jqXHR, textStatus, errorThrown) {
  104.                 alert("An error occurred while processing XML file." + errorThrown);
  105.             }
  106.         });
  107.     }
  108.     </script>
  109. </head>
  110. <body>
  111. <div id="loader-wrapper">
  112.     <main id="front">
  113.         <div class="hero-banner">
  114.             <img src="app/images/continental-horse.png" alt="">
  115.         </div>
  116.     </main>
  117. </div>
  118.  
  119. <div id="main-body">
  120.     <header>
  121.         <nav>
  122.             <div class="container-fluid">
  123.                 <div class="brand-holder">
  124.                     <img src="app/images/logo.png" alt="">
  125.                 </div>
  126.                 <h3>Part Cross Reference</h3>
  127.             </div>
  128.         </nav>
  129.     </header>
  130.     <main>
  131.         <div class="container">
  132.             <div class="login">
  133.                 <div class="row">
  134.                     <div class="col-xs-12">
  135.                         <div class="form-group">
  136.                             <label class="block" for="m_Username">Username</label>
  137.                             <input type="text" name="username" id="m_Username" value="Beltconcepts">
  138.                         </div>
  139.                         <div class="form-group">
  140.                             <label class="block" for="m_Password">Password</label>
  141.                             <input type="password" name="password" id= "m_Password" value="ContiTechX17">
  142.                         </div>
  143.                         <div class="form-group">
  144.                             <!--<input type="checkbox" id="checkbox" name="" value="">-->
  145.                             <input type="checkbox" data-toggle="toggle" data-size="small" id="checkbox" value="1">
  146.                             <label for="">Remember me</label>
  147.                         </div>
  148.                     </div>
  149.                 </div>
  150.                 <div class="foot">
  151.  
  152.                     <button type="button" name="button" id="log-btn" onclick="javascript:Login()">Login</button>
  153.                     <p> © 2017 - PCR </p>
  154.                 </div>
  155.             </div>
  156.         </div>
  157.     </main>
  158. </div>
  159.  
  160. <!-- CDN
  161. <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
  162. <script src="https://gitcdn.github.io/bootstrap-toggle/2.2.2/js/bootstrap-toggle.min.js"></script>
  163. -->
  164. <script src="app/bs/bootstrap.min.js"></script>
  165. <script src="app/bs/bootstrap-toggle.min.js"></script>
  166.  
  167. <script type="text/javascript" src="app/js/main.js"></script>
  168. </body>
  169. </html>
RAW Paste Data
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy. OK, I Understand
 
Top