SHARE
TWEET

Untitled

a guest Dec 6th, 2019 182 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-xl-block col-xl-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-12 col-xl-6 login-panel">
  88.             <img class="d-xl-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="">
  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 d-none d-sm-block">
  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.  
  124.             <div class="row d-block d-sm-none" style="position: absolute; bottom: 30px; width: 100%">
  125.                 <div class="col-9 offset-2">
  126.                     <a class="btn btn-secondary-link text-white btn-block " href="~/AzureAD/Account/SignIn">
  127.                         Log in with <i class="fa fa-windows" aria-hidden="true"></i>
  128.                     </a>
  129.                 </div>
  130.             </div>
  131.         </div>
  132.     </div>
  133. </body>
  134. </html>
  135. <div id="decode" style="display:none"></div>
  136.  
  137. <script src="~/js/jquery.min.js"></script>
  138. <script src="~/lib/bootstrap/dist/js/bootstrap.min.js"></script>
  139. <script src="~/lib/expired-storage/dist/expired_storage.min.js"></script>
  140. <script src="~/Scripts/js_Core/main.js?@DigitalFactory.WebUI.Application.Version"></script>
  141. <script src="~/lib/sweetalert2/sweetalert2@8.js"></script>
  142.  
  143. @if (data == "")
  144. {
  145.     <script>
  146.  
  147.         var inputtxtUserName = document.getElementById("txtUsername");
  148.         inputtxtUserName.addEventListener("keyup", function (event) {
  149.  
  150.             if (event.keyCode === 13) {
  151.                 event.preventDefault();
  152.                 document.getElementById("btnlogin").click();
  153.             }
  154.         });
  155.  
  156.         var inputtxtPassword = document.getElementById("txtPassword");
  157.         inputtxtPassword.addEventListener("keyup", function (event) {
  158.  
  159.             if (event.keyCode === 13) {
  160.                 event.preventDefault();
  161.                 document.getElementById("btnlogin").click();
  162.             }
  163.         });
  164.  
  165.         function login(btnLogin) {
  166.  
  167.             localStorage.clear();
  168.             $("#btnlogin").prop("disabled", true);
  169.  
  170.             //document.getElementById("loading").classList.remove("d-block");
  171.             //document.getElementById("loading").classList.add("d-none");
  172.  
  173.  
  174.             $global.fetch(`api/User/Login`, {
  175.                 method: 'POST',
  176.                 data: {
  177.                     UserName: document.getElementById("txtUsername").value,
  178.                     Password: document.getElementById("txtPassword").value,
  179.                 }
  180.             }).then(function (data) {
  181.                 //
  182.                 setLocalStorage(TOKEN, data.token);
  183.                 setLocalStorage(PERMISSION_DATA, data.Permission);
  184.                 setLocalStorage(USER_INFO, data.User);
  185.  
  186.                 let home = location.origin + '/DigitalTwin/World';
  187.                 if ($global.checkPinHome())
  188.                     home = $global.checkPinHome();
  189.  
  190.                 location.href = home;
  191.                 document.getElementById("loading").classList.add("d-block");
  192.                 document.getElementById("loading").classList.remove("d-none");
  193.                 $("#btnlogin").prop("disabled", false);
  194.  
  195.             }, function (error) {
  196.                 //
  197.                 document.getElementById("txtAlert").classList.add("d-block");
  198.                 console.log('error', error);
  199.                 $("#btnlogin").prop("disabled", false);
  200.             });
  201.         }
  202.  
  203.         window.onload = function () {
  204.             document.getElementById("txtUsername").focus();
  205.         }
  206.  
  207.  
  208.     </script>
  209. }
  210. else
  211. {
  212.     <script>
  213.  
  214.         $('.container-fluid').hide();
  215.         $("#loading").show();
  216.         document.getElementById("decode").innerHTML = '@data';
  217.  
  218.         var data = JSON.parse(document.getElementById("decode").innerHTML);
  219.         setLocalStorage(TOKEN, data.token);
  220.         setLocalStorage(PERMISSION_DATA, data.Permission);
  221.         setLocalStorage(USER_INFO, JSON.stringify(data.User));
  222.  
  223.         let home = '/DigitalTwin/World';
  224.  
  225.         if ($global.checkPinHome())
  226.             home = $global.checkPinHome();
  227.  
  228.         location.href = location.origin + home;
  229.  
  230.     </script>
  231. }
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