SHARE
TWEET

Untitled

a guest Dec 6th, 2019 341 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.             <div class="d-block d-xl-none">
  89.                 <div class="row">
  90.                     <div class="col-6 offset-3">
  91.                         <img class="login-logo" src="~/img/Logo_iOperation_size_400X121.png" alt="iOperation" />
  92.                     </div>
  93.                 </div>
  94.             </div>
  95.  
  96.             <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>
  97.  
  98.             <div class="login-form">
  99.                 <div class="">
  100.                     <div class="form-group">
  101.                         <div class="col-6 offset-3">
  102.                             <h5 class="d-none d-sm-block">Username</h5>
  103.                             <input type="text" class="form-control" id="txtUsername" placeholder="Username">
  104.                         </div>
  105.                     </div>
  106.                     <div class="form-group">
  107.                         <div class="col-6 offset-3 mt-2">
  108.                             <h5 class="d-none d-sm-block">Password</h5>
  109.                             <input type="password" class="form-control" id="txtPassword" placeholder="Password">
  110.                         </div>
  111.                     </div>
  112.                     <div class="text-center mb-2 d-none" id="txtAlert">
  113.                         <a href="#" class="text-danger">Username or password is incorrect.</a>
  114.                     </div>
  115.  
  116.                     <div class="form-group row" id="loginFormButton">
  117.                         <div class="col-6 offset-3 col-sm-3 offset-sm-3 col-xl-3 offset-xl-3 d-none d-sm-block">
  118.                             <a class="btn btn-secondary-link text-left text-black-70 pl-0" href="~/AzureAD/Account/SignIn">
  119.                                 Log in with <i class="fa fa-windows" aria-hidden="true"></i>
  120.                             </a>
  121.                         </div>
  122.                         <div class="col-6 offset-3 col-sm-3 offset-sm-0 col-xl-3 offset-xl-0">
  123.                             <button id="btnlogin" type="button" onclick="login(this)" class="btn btn-primary pull-right">
  124.                                 <i class="fa fa-sign-in" aria-hidden="true"></i> Sign in
  125.                             </button>
  126.                         </div>
  127.                     </div>
  128.                 </div>
  129.             </div>
  130.  
  131.             <div class="row d-block d-sm-none" style="position: absolute; bottom: 30px; width: 100%">
  132.                 <div class="col-9 offset-2">
  133.                     <a class="btn btn-secondary-link text-white btn-block " href="~/AzureAD/Account/SignIn">
  134.                         Log in with <i class="fa fa-windows" aria-hidden="true"></i>
  135.                     </a>
  136.                 </div>
  137.             </div>
  138.         </div>
  139.     </div>
  140. </body>
  141. </html>
  142. <div id="decode" style="display:none"></div>
  143.  
  144. <script src="~/js/jquery.min.js"></script>
  145. <script src="~/lib/bootstrap/dist/js/bootstrap.min.js"></script>
  146. <script src="~/lib/expired-storage/dist/expired_storage.min.js"></script>
  147. <script src="~/Scripts/js_Core/main.js?@DigitalFactory.WebUI.Application.Version"></script>
  148. <script src="~/lib/sweetalert2/sweetalert2@8.js"></script>
  149.  
  150. @if (data == "")
  151. {
  152.     <script>
  153.  
  154.         var inputtxtUserName = document.getElementById("txtUsername");
  155.         inputtxtUserName.addEventListener("keyup", function (event) {
  156.  
  157.             if (event.keyCode === 13) {
  158.                 event.preventDefault();
  159.                 document.getElementById("btnlogin").click();
  160.             }
  161.         });
  162.  
  163.         var inputtxtPassword = document.getElementById("txtPassword");
  164.         inputtxtPassword.addEventListener("keyup", function (event) {
  165.  
  166.             if (event.keyCode === 13) {
  167.                 event.preventDefault();
  168.                 document.getElementById("btnlogin").click();
  169.             }
  170.         });
  171.  
  172.         function login(btnLogin) {
  173.  
  174.             localStorage.clear();
  175.             $("#btnlogin").prop("disabled", true);
  176.  
  177.             //document.getElementById("loading").classList.remove("d-block");
  178.             //document.getElementById("loading").classList.add("d-none");
  179.  
  180.  
  181.             $global.fetch(`api/User/Login`, {
  182.                 method: 'POST',
  183.                 data: {
  184.                     UserName: document.getElementById("txtUsername").value,
  185.                     Password: document.getElementById("txtPassword").value,
  186.                 }
  187.             }).then(function (data) {
  188.                 //
  189.                 setLocalStorage(TOKEN, data.token);
  190.                 setLocalStorage(PERMISSION_DATA, data.Permission);
  191.                 setLocalStorage(USER_INFO, data.User);
  192.  
  193.                 let home = location.origin + '/DigitalTwin/World';
  194.                 if ($global.checkPinHome())
  195.                     home = $global.checkPinHome();
  196.  
  197.                 location.href = home;
  198.                 document.getElementById("loading").classList.add("d-block");
  199.                 document.getElementById("loading").classList.remove("d-none");
  200.                 $("#btnlogin").prop("disabled", false);
  201.  
  202.             }, function (error) {
  203.                 //
  204.                 document.getElementById("txtAlert").classList.add("d-block");
  205.                 console.log('error', error);
  206.                 $("#btnlogin").prop("disabled", false);
  207.             });
  208.         }
  209.  
  210.         window.onload = function () {
  211.             document.getElementById("txtUsername").focus();
  212.         }
  213.  
  214.  
  215.     </script>
  216. }
  217. else
  218. {
  219.     <script>
  220.  
  221.         $('.container-fluid').hide();
  222.         $("#loading").show();
  223.         document.getElementById("decode").innerHTML = '@data';
  224.  
  225.         var data = JSON.parse(document.getElementById("decode").innerHTML);
  226.         setLocalStorage(TOKEN, data.token);
  227.         setLocalStorage(PERMISSION_DATA, data.Permission);
  228.         setLocalStorage(USER_INFO, JSON.stringify(data.User));
  229.  
  230.         let home = '/DigitalTwin/World';
  231.  
  232.         if ($global.checkPinHome())
  233.             home = $global.checkPinHome();
  234.  
  235.         location.href = location.origin + home;
  236.  
  237.     </script>
  238. }
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