Advertisement
Guest User

Untitled

a guest
May 27th, 2016
110
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 6.04 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.  
  5. <meta charset="utf-8">
  6. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  7. <title>Dashboard GET</title>
  8. <!-- Tell the browser to be responsive to screen width -->
  9. <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
  10. <!-- Bootstrap 3.3.6 -->
  11. <link rel="stylesheet" href="bootstrap/css/bootstrap.css">
  12. <!-- Font Awesome -->
  13. <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.5.0/css/font-awesome.min.css">
  14. <!-- Ionicons -->
  15. <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/ionicons/2.0.1/css/ionicons.min.css">
  16. <!-- Theme style -->
  17. <link rel="stylesheet" href="dist/css/AdminLTE.css">
  18. <!-- AdminLTE Skins. Choose a skin from the css/skins
  19. folder instead of downloading all of them to reduce the load. -->
  20. <link rel="stylesheet" href="dist/css/skins/_all-skins.css">
  21. <link rel="stylesheet" href="dist/font/font.css">
  22.  
  23. <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
  24. <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
  25. <!--[if lt IE 9]>-->
  26.  
  27. <script src="//www.chartjs.org/assets/Chart.min.js"></script>
  28. <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
  29. <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
  30. <meta charset="utf-8">
  31. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  32. <meta name="viewport" content="width=device-width, initial-scale=1">
  33. <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
  34. <meta name="description" content="">
  35. <meta name="author" content="">
  36. <link rel="icon" href="dist/img/favicon.ico">
  37.  
  38. <script src="https://code.jquery.com/jquery-2.2.3.js" integrity="sha256-laXWtGydpwqJ8JA+X9x2miwmaiKhn8tVmOVEigRNtP4=" crossorigin="anonymous"></script>
  39. <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
  40. <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
  41. <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js" integrity="sha384-0mSbJDEHialfmuBBQP6A4Qrprq5OVfW37PRR3j5ELqxss1yVqOtnepnHVP9aJ7xS" crossorigin="anonymous"></script>
  42. <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7" crossorigin="anonymous">
  43. <style>
  44. .form-control:focus {
  45. border-color: #DB3237;
  46. }
  47.  
  48. </style>
  49. <script>
  50. if (typeof(Storage) !== "undefined") {
  51. var user = sessionStorage.getItem('role');
  52. console.log(user);
  53. if(user!=null){
  54. switch(user){
  55. case "admin":
  56. console.log("admin");
  57. location.href = "chartjsAll.html";
  58. break;
  59. case "user":
  60. console.log("user");
  61. location.href = "chartjsRaspberry.html";
  62. break;
  63. default:
  64. console.log("none");
  65. break;
  66. }
  67. }else{
  68. console.log("no user in session");
  69. }
  70. }
  71. </script>
  72. <script>
  73.  
  74. $(document).ready(function(){
  75. $( "#loginbutton" ).click(function() {
  76. var u = $("#inputEmail").val();
  77. var p = $("#inputPassword").val();
  78. console.log(u + " " + p);
  79. $.post(
  80. "http://get.mybluemix.net/services/dashboardLogin",
  81. { username: u, password: p },
  82. function(data) {
  83. var d = data;
  84. console.log(d);
  85. var user = JSON.parse(d);
  86. sessionStorage.setItem("role", user.role);
  87. switch(user.role){
  88. case "user":
  89. location.href = "chartjsRaspberry.html";
  90. break;
  91. case "admin":
  92. location.href = "chartjsAll.html";
  93. break;
  94. default:
  95. location.reload();
  96. break;
  97. }
  98. alert("Esecuzione effettuata!");
  99. console.log("OK");
  100. }
  101. );
  102.  
  103. });
  104. });
  105. </script>
  106. <title>Login</title>
  107.  
  108.  
  109. <!-- Custom styles for this template -->
  110. <link href="dist/css/index.css" rel="stylesheet">
  111. </head>
  112.  
  113. <body background="dist/img/bg_login.jpg" style="background-size: cover;">
  114.  
  115. <div class="row">
  116. <div class="col-md-4">
  117. </div>
  118. <div class="col-md-4" style="text-align: center">
  119. <div class="form-signin">
  120. <img src="dist/img/GETalphaRED_500x500.png" width="50%" style="margin-top:70px">
  121. <label for="inputEmail" class="sr-only">Email address</label>
  122. <input type="email" id="inputEmail" class="form-control" placeholder="Email address" style="margin-top:10px;border-radius: 0px;" required autofocus>
  123. <label for="inputPassword" class="sr-only">Password</label>
  124. <input type="password" id="inputPassword" class="form-control" placeholder="Password" style="margin-top:10px;border-radius: 0px;" required>
  125. <button class="btn btn-lg btn-block loginIndex" id="loginbutton" style="margin-top:10px;border-radius: 0px;color: white; background-color:#DB3237 ">Login</button>
  126. </div>
  127. </div>
  128. <div class="col-md-4">
  129. </div>
  130. </div> <!-- /container -->
  131. </body>
  132. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement