RONCC
/
Big-Data-HPC-Platform


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128
							<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title class="loginStr"></title>
        <style type="text/css">
            body {
                font-family: Lucida Sans, Lucida Grande, Arial !important;
                font-size: 15px !important;
                background-color: #1A9BD7;
            }

            .container {
                width: 99%;
                position: absolute;
                top: 50%;
                transform: translateY(-50%);
            }

            .formContainer {
                width: 500px;
                padding: 20px 0 20px 0;
                border-radius: 5px;
                background-color: #fff;
                margin: auto;
            }

            .login {
                width: 400px;
                margin: auto;
            }

            .login input {
                margin-bottom: 20px;
                width: 300px;
                padding: 8px;
                border: 1px solid #bfbfbf;
            }

            .login form {
                margin: auto;
                width: 300px;
            }

            img {
                display: block;
                margin: auto;
            }

            p {
                text-align: center
            }

            #button {
                background-color: #1A9BD7;
                border: none;
                color: white;
                padding: 15px 32px;
                text-align: center;
                text-decoration: none;
                display: inline-block;
                font-size: 16px;
                border-radius: 4px;
                cursor: pointer;
                -webkit-transition-duration: 0.4s;
                /* Safari */
                transition-duration: 0.4s;
                margin: auto;
                display: block;
            }

            .button:hover {
                background-color: #13b1f9;
                color: white;
            }

            .visible {
                display: none;
            }
        </style>
        <script>dojoConfig = {async:true, parseOnLoad:false}</script>
        <script src="/esp/files/dist/dojoLib.eclwatch.js"></script>
    </head>
    <body>
        <div id="container" class="container visible">
            <div class="formContainer">
                <img id="logo" src="eclwatch/img/Loginlogo.png">
                <p id="loginStr" class="loginStr"></p>
                <div class="login">
                    <form method="POST" action="/esp/login">
                        <input id="username" type="text" name="username" placeholder="username" class="loginStr" autofocus></input>
                        <button class="loginStr" id="button" type="submit"></button>
                    </form>
                </div>
            </div>
        </div>

        <script type="text/javascript">
            require(["dojo/ready", "dojo/i18n", "dojo/i18n!hpcc/nls/hpcc"],
                function(ready, i18n, nlsHPCC){
                    ready(function(){
                        var HPCCSystems = document.getElementById("logo");
                        var loginStr = document.getElementById("loginStr");
                        var error = document.getElementById("hidden_msg");
                        var username = document.getElementById("username");
                        var button = document.getElementById("button");
                        var enableCookies = "";

                        HPCCSystems.setAttribute("alt", nlsHPCC.HPCCSystems);
                        loginStr.innerHTML = nlsHPCC.PleaseLogIntoECLWatch;
                        username.innerHTML = nlsHPCC.Username;
                        button.innerHTML = nlsHPCC.Login;
                        enableCookies = nlsHPCC.PleaseEnableCookies;

                        var element = document.getElementById('container');

                        if (navigator.cookieEnabled) {
                            var element = document.getElementById("container");
                            element.classList.remove("visible");
                        } else {
                            alert(enableCookies);
                        }
                    });
                }
            );
        </script>
    </body>
</html>