Untitled

@{
    var data = ViewData["Permession"] as string;
    Layout = null;


}

<!DOCTYPE html>
@using System.Web
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <link rel="manifest" href="~/manifest.json">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="mobile-web-app-capable" content="yes">
    <link href="~/lib/bootstrap/dist/css/bootstrap.css" rel="stylesheet" />
    <link href="~/Styles/font-awesome-4/font-awesome.min.css" rel="stylesheet" />
    <link href="~/css/n-style.css" rel="stylesheet" />
    <title>iOperation</title>
    <link rel="icon" href="~/icons/icon1-72.png" type="image/x-icon">

    <style>

        /*.login-logo {
            width: 45%;
        }

        .loginArea {
            border: 1px;
            border-radius: 25px;
            padding: 50px;
            background-color: rgba(255,255,255,0.15);
            margin-top: 40px;
        }

        html {
            height: 100%;
            overflow: hidden;
        }

        body {
            background-image: linear-gradient(to bottom right,#0a0e23, #014160);
            margin: 0;
            background-repeat: no-repeat;
            background-attachment: fixed;
            height: 100%;
            width: 100%;
        }

        #loading {
            z-index: 999999999999;
            width: 100%;
            background-color: #004068;
            height: 100%;
            position: absolute;
            top: 0;
            left: 0;
        }

            #loading i {
                margin-top: 25%;
                margin-left: 45%;
            }*/
        html, body {
            height: 100%;
        }

        body {
            overflow: hidden;
        }
    </style>
</head>

<body class="theme--black-white ">
    @*<div id="loading" class="d-none">
            <i class="fa fa-circle-o-notch fa-spin fa-3x fa-fw text-blue"></i><span class="sr-only">Loading...</span>
        </div>*@


    <div class="row background-grey">
        <div class="d-none d-lg-block col-md-6 login-background">
            <img class="login-logo" src="~/img/Logo_iOperation_size_1500X453_white.png" alt="Alternate Text" />
        </div>

        <div class="col-md-12 col-lg-6 bg-white">
            <img class="d-lg-none login-logo" src="~/img/Logo_iOperation_size_400X121.png" alt="iOperation" />
            <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>

            <div class="login-form">
                <div class="mt-5">
                    <div class="form-group row">
                        <div class="col-8 offset-2 col-xl-6 offset-xl-3">
                            <h5 class="d-none d-sm-block">Username</h5>
                            <input type="text" class="form-control" id="txtUsername" placeholder="Username">
                        </div>
                    </div>
                    <div class="form-group row">
                        <div class="col-8 offset-2 col-xl-6 offset-xl-3 mt-2">
                            <h5 class="d-none d-sm-block">Password</h5>
                            <input type="password" class="form-control" id="txtPassword" placeholder="Password">
                        </div>
                    </div>
                    <div class="text-center mb-2 d-none" id="txtAlert">
                        <a href="#" class="text-danger">Username or password is incorrect.</a>
                    </div>

                    <div class="form-group row" id="loginFormButton">
                        <div class="col-8 offset-2 col-sm-4 offset-sm-2 col-xl-3 offset-xl-3">
                            <a class="btn btn-secondary-link text-left text-black-70 pl-0" href="~/AzureAD/Account/SignIn">
                                Log in with <i class="fa fa-windows" aria-hidden="true"></i>
                            </a>
                        </div>
                        <div class="col-8 offset-2 col-sm-4 offset-sm-0 col-xl-3 offset-xl-0 mb-1">
                            <button id="btnlogin" type="button" onclick="login(this)" class="btn btn-primary pull-right">
                                <i class="fa fa-sign-in" aria-hidden="true"></i> Sign in
                            </button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</body>
</html>
<div id="decode" style="display:none"></div>

<script src="~/js/jquery.min.js"></script>
<script src="~/lib/bootstrap/dist/js/bootstrap.min.js"></script>
<script src="~/lib/expired-storage/dist/expired_storage.min.js"></script>
<script src="~/Scripts/js_Core/main.js?@DigitalFactory.WebUI.Application.Version"></script>
<script src="~/lib/sweetalert2/sweetalert2@8.js"></script>

@if (data == "")
{
    <script>

        var inputtxtUserName = document.getElementById("txtUsername");
        inputtxtUserName.addEventListener("keyup", function (event) {

            if (event.keyCode === 13) {
                event.preventDefault();
                document.getElementById("btnlogin").click();
            }
        });

        var inputtxtPassword = document.getElementById("txtPassword");
        inputtxtPassword.addEventListener("keyup", function (event) {

            if (event.keyCode === 13) {
                event.preventDefault();
                document.getElementById("btnlogin").click();
            }
        });

        function login(btnLogin) {

            localStorage.clear();
            $("#btnlogin").prop("disabled", true);

            //document.getElementById("loading").classList.remove("d-block");
            //document.getElementById("loading").classList.add("d-none");


            $global.fetch(`api/User/Login`, {
                method: 'POST',
                data: {
                    UserName: document.getElementById("txtUsername").value,
                    Password: document.getElementById("txtPassword").value,
                }
            }).then(function (data) {
                //
                setLocalStorage(TOKEN, data.token);
                setLocalStorage(PERMISSION_DATA, data.Permission);
                setLocalStorage(USER_INFO, data.User);

                let home = location.origin + '/DigitalTwin/World';
                if ($global.checkPinHome())
                    home = $global.checkPinHome();

                location.href = home;
                document.getElementById("loading").classList.add("d-block");
                document.getElementById("loading").classList.remove("d-none");
                $("#btnlogin").prop("disabled", false);

            }, function (error) {
                //
                document.getElementById("txtAlert").classList.add("d-block");
                console.log('error', error);
                $("#btnlogin").prop("disabled", false);
            });
        }

        window.onload = function () {
            document.getElementById("txtUsername").focus();
        }


    </script>
}
else
{
    <script>

        $('.container-fluid').hide();
        $("#loading").show();
        document.getElementById("decode").innerHTML = '@data';

        var data = JSON.parse(document.getElementById("decode").innerHTML);
        setLocalStorage(TOKEN, data.token);
        setLocalStorage(PERMISSION_DATA, data.Permission);
        setLocalStorage(USER_INFO, JSON.stringify(data.User));

        let home = '/DigitalTwin/World';

        if ($global.checkPinHome())
            home = $global.checkPinHome();

        location.href = location.origin + home;

    </script>
}