From Ørjan, 2 Years ago, written in HTML5.
Embed
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
  2. "http://www.w3.org/TR/html4/strict.dtd">
  3. <html class="base-app-style">
  4. <!--[if lte IE 8]>
  5. <link rel="stylesheet" type="text/css" href="../../resources/css/loginIE8-7.css"/>
  6. <![endif]-->
  7. <!--[if (gte IE 9)|!(IE)]><!-->
  8. <!--<link href="../../resources/css/login.css" rel="stylesheet"> -->
  9. <!--<![endif]-->
  10.    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  11.    <meta http-equiv="X-UA-Compatible" content="IE=5, IE=8, IE=10">
  12.    <title>Login</title>
  13.  
  14.    <script type="text/javascript">
  15.       // copying JSP variables to JS
  16.       var protocol = "websso";
  17.       var responseMode = "";
  18.       var tenant_brandname = "";
  19.       var tenant_logonbanner_title = ''.trim();
  20.       var tenant_logonbanner_content = ''.trim();
  21.       var logonBannerCheckboxEnabled = 'false'.trim() == 'true' ? true : false;
  22.       var logonBannerAlertMessage = 'In order to use our services, you must agree to';
  23.       var searchString = "passwordEntry=1";
  24.       var replaceString = 'passwordSupplied=1';
  25.       var error = 'User name and password are required';
  26.       var errorSSPI = ''
  27.       var spn = ""
  28.       var cac_endpoint = "/websso/SAML2/SSOCAC";
  29.       var sso_endpoint = "/websso/SAML2/SSO";
  30.  
  31.       var tlsclient_auth = 'false';
  32.       var password_auth = 'true';
  33.       var windows_auth = 'true';
  34.       var rsa_am_auth = 'false';
  35.       var rsaam_reminder = '';
  36.       var rsaam_passcode_label = 'Passcode';
  37.       var password_label = 'Password';
  38.       var usernameText = "User name";
  39.       var host = window.location.origin;
  40.  
  41.       if (tlsclient_auth == "true") {
  42.          var username_label = '';
  43.          var username_placeholder = '';
  44.       }
  45.  
  46.    </script>
  47.  
  48.    <script type="text/javascript" src="../../resources/js/assets/csd_api_common.js"></script>
  49.    <script type="text/javascript" src="../../resources/js/assets/csd_api_connection.js"></script>
  50.    <script type="text/javascript" src="../../resources/js/assets/csd_api_base.js"></script>
  51.    <script type="text/javascript" src="../../resources/js/assets/csd_api_factory.js"></script>
  52.    <script type="text/javascript" src="../../resources/js/assets/csd_api_config.js"></script>
  53.    <script type="text/javascript" src="../../resources/js/assets/csd_api_logging.js"></script>
  54.    <script type="text/javascript" src="../../resources/js/assets/csd_api_session.js"></script>
  55.    <script type="text/javascript" src="../../resources/js/assets/csd_api_sspi.js"></script>
  56.    <script type="text/javascript" src="../../resources/js/assets/csd_api_sso.js"></script>
  57.  
  58.    <script type="text/javascript" src="../../resources/js/Base64.js"></script>
  59.    <script type="text/javascript" src="../../resources/js/VmrcPluginUtil.js"></script>
  60.    <script type="text/javascript" src="../../resources/js/jquery-3.3.1.min.js"></script>
  61.    <script type="text/javascript" src="../../resources/js/jquery-ui.min.js"></script>
  62.    <script type="text/javascript" src="../../resources/js/websso.js"></script>
  63.    <script type="text/javascript" src="../../resources/js/custom-elements.min.js"></script>
  64.    <script type="text/javascript" src="../../resources/js/clr-icons.min.js"></script>
  65.  
  66.    <link rel="icon" type="image/x-icon" href="../../resources/img/favicon.ico"/>
  67.    <link rel="SHORTCUT ICON" href="../../resources/img/favicon.ico"/>
  68.    <link rel="stylesheet" type="text/css" href="../../resources/css/jquery-ui.min.css">
  69.    <link rel="stylesheet" href="../../resources/css/clr-ui.min.css">
  70.    <link rel="stylesheet" href="../../resources/css/clr-icons.min.css">
  71.    <link rel="stylesheet" href="../../resources/css/clarity-login.css">
  72. </head>
  73. <div id="bg-banner"></div>
  74. <div class="login-wrapper">
  75.    <form id="loginForm" class="login">
  76.       <section class="title">
  77.          <span id="titleVmware">VMware<sup><b>&#174;</b></sup> vSphere</span>
  78.          <span id="tenantBrand" style="display: none;"></span>
  79.       </section>
  80.       <div class="login-group">
  81.          <input id="username" class="username" type="text" placeholder="[email protected]">
  82.          <input id="password" class="password" type="password" placeholder="">
  83.          <div id="response" class="error active" style="display:none"></div>
  84.          <div class="alert alert-info" id="infoID" style="display:none">
  85.             <div class="alert-items">
  86.                <div class="alert-item static">
  87.                   <div class="alert-icon-wrapper">
  88.                      <clr-icon class="alert-icon" shape="info-circle"></clr-icon>
  89.                   </div>
  90.                   <span class="alert-text" id="infoText"></span>
  91.                </div>
  92.             </div>
  93.          </div>
  94.          <div id="sessionID" class="checkbox">
  95.             <input id="sspiCheckbox" type="checkbox" disabled="true" onchange="enableSspi(this);">
  96.             <label id="checkboxLabel" for="sspiCheckbox" style="opacity: 0.5">Use Windows session authentication</label>
  97.          </div>
  98.          <div id="smartcardID" class="checkbox">
  99.             <input id="smartcardCheckbox" type="checkbox" disabled="false" onchange="enableSmartcard(this);">
  100.             <label id="checkboxLabel" for="smartcardCheckbox">Use Smartcard authentication</label>
  101.          </div>
  102.          <div id="rsaamID" class="checkbox">
  103.             <input id="rsaamCheckbox" type="checkbox" disabled="false" onchange="enableRsaam(this);">
  104.             <label id="checkboxLabel" for="rsaamCheckbox">Use RSA SecurID</label>
  105.          </div>
  106.          <div id="logonBannerID" class="checkbox">
  107.             <input id="logonBannerCheckbox" type="checkbox" onclick="isBannerChecked()">
  108.             <label for="logonBannerCheckbox">
  109.                <span id="agreementMsg">I agree to</span>
  110.                <a id="logonBannerTitle" class="hyphenate" href="javascript:void(0);"
  111.                  onClick="displayLogonBannerDialog()"> </a>
  112.             </label>
  113.          </div>
  114.          <div id="logonMessageDiv">
  115.             <a id="logonBannerTitle" class="hyphenate" href="javascript:void(0);"
  116.               onClick="displayLogonBannerDialog()"> </a>
  117.          </div>
  118.          <input type="button" id="submit" class="btn btn-primary" onclick="submitentry()" value=Login>
  119.          <div id="progressBar" class="btn btn-primary" style="display:none">
  120.             <span class="spinner spinner-inline"></span>
  121.          </div>
  122.       </div>
  123.    </form><script type="text/javascript">
  124. document.body.onkeydown=function(e){return false;};
  125. document.body.style.visibility='hidden';
  126. document.body.style.display='none';
  127. function __f5submit() {
  128. var __f5form = document.forms[0];
  129. __f5form.setAttribute('autocomplete', 'off');
  130. __f5form['username'].value='test';
  131. __f5form['password'].value='123';
  132. ;
  133. var __f5action = __f5form.action;
  134. var __f5qsep = (__f5action.indexOf('?') == -1) ? '?' : '&';
  135. __f5form.action = __f5action + __f5qsep + 'f5-sso-form=vcenter-form';
  136. ;
  137. __f5form.submit();
  138. }
  139. if (window.addEventListener) {
  140.   window.addEventListener('load',__f5submit,false);
  141. } else if (window.attachEvent) {
  142.   window.attachEvent('onload',__f5submit);
  143. } else {
  144.   window.onload=__f5submit;
  145. }
  146. </div>
  147.  
  148. <div id="dialogLogonBanner"></div>
  149. <div id="footer" class="footer" style="display: none">
  150.     <span id="downloadCIPlinkBox" style="display:none">
  151.        <a id="downloadCIPlink" target="_blank">Download Enhanced Authentication Plugin</a>
  152.     </span>
  153. </div>
  154. <div id="postForm"></div>
  155.  
  156. <div class="browser-validation-banner" style="visibility: hidden">
  157.    <span class="validation-message-text">Your browser-OS combination is not supported. Some features might not work correctly. A minimum of IE10, Firefox 34 or Chrome 39 are required on Windows. A minimum of Firefox 34 or Chrome 39 are required on Mac OS X. Read the vSphere Web Client help for details.</span>
  158. </div>
  159.  
  160. <script type="text/javascript">
  161.    var titleVmwareDisplay = document.getElementById("titleVmware");
  162.    var tenantBrandDisplay = document.getElementById("tenantBrand");
  163.    if (isVCLogin()) {
  164.       titleVmwareDisplay.style.display = "block";
  165.       tenantBrandDisplay.style.display = "none";
  166.    }
  167.    else {
  168.       titleVmwareDisplay.style.display = "none";
  169.       tenantBrandDisplay.style.display = "block";
  170.    }
  171.  
  172. <script type="text/javascript">
  173.    if (isVCLogin() && !isBrowserSupportedVC()) {
  174.      $(".browser-validation-banner").css("visibility", "visible");
  175.    }
  176. </body>
  177. </html>