SHARE
TWEET

Untitled

a guest Dec 3rd, 2019 175 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. @{
  2.     var data = ViewData["Permession"] as string;
  3.     Layout = null;
  4.  
  5.  
  6. }
  7.  
  8. <!DOCTYPE html>
  9. @using System.Web
  10. <html lang="en">
  11.  
  12. <head>
  13.     <meta charset="utf-8">
  14.     <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  15.     <link rel="manifest" href="~/manifest.json">
  16.     <meta name="apple-mobile-web-app-capable" content="yes">
  17.     <meta name="mobile-web-app-capable" content="yes">
  18.     <link href="~/lib/bootstrap/dist/css/bootstrap.css" rel="stylesheet" />
  19.     <link href="~/Styles/font-awesome-4/font-awesome.min.css" rel="stylesheet" />
  20.     <link href="~/css/n-style.css" rel="stylesheet" />
  21.     <title>iOperation</title>
  22.     <link rel="icon" href="~/icons/icon1-72.png" type="image/x-icon">
  23.  
  24.     <style>
  25.  
  26.         /*.login-logo {
  27.             width: 45%;
  28.         }
  29.  
  30.         .loginArea {
  31.             border: 1px;
  32.             border-radius: 25px;
  33.             padding: 50px;
  34.             background-color: rgba(255,255,255,0.15);
  35.             margin-top: 40px;
  36.         }
  37.  
  38.         html {
  39.             height: 100%;
  40.             overflow: hidden;
  41.         }
  42.  
  43.         body {
  44.             background-image: linear-gradient(to bottom right,#0a0e23, #014160);
  45.             margin: 0;
  46.             background-repeat: no-repeat;
  47.             background-attachment: fixed;
  48.             height: 100%;
  49.             width: 100%;
  50.         }
  51.  
  52.         #loading {
  53.             z-index: 999999999999;
  54.             width: 100%;
  55.             background-color: #004068;
  56.             height: 100%;
  57.             position: absolute;
  58.             top: 0;
  59.             left: 0;
  60.         }
  61.  
  62.             #loading i {
  63.                 margin-top: 25%;
  64.                 margin-left: 45%;
  65.             }*/
  66.         html, body {
  67.             height: 100%;
  68.         }
  69.  
  70.         body {
  71.             overflow: hidden;
  72.         }
  73.     </style>
  74. </head>
  75.  
  76. <body class="theme--black-white ">
  77.     @*<div id="loading" class="d-none">
  78.             <i class="fa fa-circle-o-notch fa-spin fa-3x fa-fw text-blue"></i><span class="sr-only">Loading...</span>
  79.         </div>*@
  80.  
  81.  
  82.     <div class="row background-grey">
  83.         <div class="d-none d-lg-block col-md-6 login-background">
  84.             <img class="login-logo" src="~/img/Logo_iOperation_size_1500X453_white.png" alt="Alternate Text" />
  85.         </div>
  86.  
  87.         <div class="col-md-12 col-lg-6 bg-white">
  88.             <img class="d-lg-none login-logo" src="~/img/Logo_iOperation_size_400X121.png" alt="iOperation" />
  89.             <div class="logo-greeting-text text-secondary font-weight-normal text-gray font-3xl" style="font-size:280%">Welcome to <span class="color-secondary">iOperation</span></div>
  90.  
  91.             <div class="login-form">
  92.                 <div class="mt-5">
  93.                     <div class="form-group row">
  94.                         <div class="col-8 offset-2 col-xl-6 offset-xl-3">
  95.                             <h5 class="d-none d-sm-block">Username</h5>
  96.                             <input type="text" class="form-control" id="txtUsername" placeholder="Username">
  97.                         </div>
  98.                     </div>
  99.                     <div class="form-group row">
  100.                         <div class="col-8 offset-2 col-xl-6 offset-xl-3 mt-2">
  101.                             <h5 class="d-none d-sm-block">Password</h5>
  102.                             <input type="password" class="form-control" id="txtPassword" placeholder="Password">
  103.                         </div>
  104.                     </div>
  105.                     <div class="text-center mb-2 d-none" id="txtAlert">
  106.                         <a href="#" class="text-danger">Username or password is incorrect.</a>
  107.                     </div>
  108.  
  109.                     <div class="form-group row" id="loginFormButton">
  110.                         <div class="col-8 offset-2 col-sm-4 offset-sm-2 col-xl-3 offset-xl-3">
  111.                             <a class="btn btn-secondary-link text-left text-black-70 pl-0" href="~/AzureAD/Account/SignIn">
  112.                                 Log in with <i class="fa fa-windows" aria-hidden="true"></i>
  113.                             </a>
  114.                         </div>
  115.                         <div class="col-8 offset-2 col-sm-4 offset-sm-0 col-xl-3 offset-xl-0 mb-1">
  116.                             <button id="btnlogin" type="button" onclick="login(this)" class="btn btn-primary pull-right">
  117.                                 <i class="fa fa-sign-in" aria-hidden="true"></i> Sign in
  118.                             </button>
  119.                         </div>
  120.                     </div>
  121.                 </div>
  122.             </div>
  123.         </div>
  124.     </div>
  125. </body>
  126. </html>
  127. <div id="decode" style="display:none"></div>
  128.  
  129. <script src="~/js/jquery.min.js"></script>
  130. <script src="~/lib/bootstrap/dist/js/bootstrap.min.js"></script>
  131. <script src="~/lib/expired-storage/dist/expired_storage.min.js"></script>
  132. <script src="~/Scripts/js_Core/main.js?@DigitalFactory.WebUI.Application.Version"></script>
  133. <script src="~/lib/sweetalert2/sweetalert2@8.js"></script>
  134.  
  135. @if (data == "")
  136. {
  137.     <script>
  138.  
  139.         var inputtxtUserName = document.getElementById("txtUsername");
  140.         inputtxtUserName.addEventListener("keyup", function (event) {
  141.  
  142.             if (event.keyCode === 13) {
  143.                 event.preventDefault();
  144.                 document.getElementById("btnlogin").click();
  145.             }
  146.         });
  147.  
  148.         var inputtxtPassword = document.getElementById("txtPassword");
  149.         inputtxtPassword.addEventListener("keyup", function (event) {
  150.  
  151.             if (event.keyCode === 13) {
  152.                 event.preventDefault();
  153.                 document.getElementById("btnlogin").click();
  154.             }
  155.         });
  156.  
  157.         function login(btnLogin) {
  158.  
  159.             localStorage.clear();
  160.             $("#btnlogin").prop("disabled", true);
  161.  
  162.             //document.getElementById("loading").classList.remove("d-block");
  163.             //document.getElementById("loading").classList.add("d-none");
  164.  
  165.  
  166.             $global.fetch(`api/User/Login`, {
  167.                 method: 'POST',
  168.                 data: {
  169.                     UserName: document.getElementById("txtUsername").value,
  170.                     Password: document.getElementById("txtPassword").value,
  171.                 }
  172.             }).then(function (data) {
  173.                 //
  174.                 setLocalStorage(TOKEN, data.token);
  175.                 setLocalStorage(PERMISSION_DATA, data.Permission);
  176.                 setLocalStorage(USER_INFO, data.User);
  177.  
  178.                 let home = location.origin + '/DigitalTwin/World';
  179.                 if ($global.checkPinHome())
  180.                     home = $global.checkPinHome();
  181.  
  182.                 location.href = home;
  183.                 document.getElementById("loading").classList.add("d-block");
  184.                 document.getElementById("loading").classList.remove("d-none");
  185.                 $("#btnlogin").prop("disabled", false);
  186.  
  187.             }, function (error) {
  188.                 //
  189.                 document.getElementById("txtAlert").classList.add("d-block");
  190.                 console.log('error', error);
  191.                 $("#btnlogin").prop("disabled", false);
  192.             });
  193.         }
  194.  
  195.         window.onload = function () {
  196.             document.getElementById("txtUsername").focus();
  197.         }
  198.  
  199.  
  200.     </script>
  201. }
  202. else
  203. {
  204.     <script>
  205.  
  206.         $('.container-fluid').hide();
  207.         $("#loading").show();
  208.         document.getElementById("decode").innerHTML = '@data';
  209.  
  210.         var data = JSON.parse(document.getElementById("decode").innerHTML);
  211.         setLocalStorage(TOKEN, data.token);
  212.         setLocalStorage(PERMISSION_DATA, data.Permission);
  213.         setLocalStorage(USER_INFO, JSON.stringify(data.User));
  214.  
  215.         let home = '/DigitalTwin/World';
  216.  
  217.         if ($global.checkPinHome())
  218.             home = $global.checkPinHome();
  219.  
  220.         location.href = location.origin + home;
  221.  
  222.     </script>
  223. }
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