[ Mini Kiebo ]

Server: Windows NT AKFAR_SERVER 10.0 build 26200 (Windows 10) AMD64 Path: D:/BACKUP C 19-12/XAMPP74/htdocs/simkeu/dummy-old/application/views/login/ [ Home ]
File: index.php
<!doctype html>
<html lang="en">

<head>


    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta name="description" content="">
    <meta name="author" content="Mark Otto, Jacob Thornton, and Bootstrap contributors">
    <meta name="generator" content="Jekyll v4.1.1">
    <title><?= $simlong ?> &middot; <?= $sim ?> &middot; <?= $info->namapt ?></title>

    <link rel="canonical" href="https://getbootstrap.com/docs/4.5/examples/floating-labels/">

    <!-- Bootstrap core CSS -->
    <link href="http://asset-simaku.simaku.net/docs/4.5/dist/css/bootstrap.min.css" rel="stylesheet">

    <style>
        .bd-placeholder-img {
            font-size: 1.125rem;
            text-anchor: middle;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
        }

        @media (min-width: 768px) {
            .bd-placeholder-img-lg {
                font-size: 3.5rem;
            }
        }
    </style>
    <!-- Custom styles for this template -->
    <link href="http://asset-simaku.simaku.net/docs/4.5/examples/floating-labels/floating-labels.css" rel="stylesheet">
    <link rel="shortcut icon" href="<?= base_url() ?>images/logo_ueu.png" />

</head>

<body style="background-color: <?= $warna ?>;">
    <form class="form-signin" method="post" action="<?= base_url('login/proses') ?>">
        <div class="text-center mb-4">
            <!-- <img class="mb-4" src="<?= base_url() ?>docs/4.5/assets/brand/bootstrap-solid.svg" alt="" width="72" height="72"> -->
            <img src="<?= base_url() ?>images/logo-header.png" height="65" class="mb-3">
            <h1 class="h3 mb-3 font-weight-normal text-white"><?= $sim ?><sup>&reg;</sup> </h1>
            <p class="text-white"><?= $simlong ?></p>
        </div>
        <?php
        if ($this->session->flashdata('pesan')) { ?>

            <div class="alert alert-danger alert-dismissible fade show" role="alert">
                <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
                <?= $this->session->flashdata('pesan') ?>
            </div>
        <?php }
        ?>
        <div class="form-label-group">
            <input type="text" id="inputUsername" class="form-control" placeholder="Username" required autofocus name="username">
            <label for="inputUsername">Username</label>
        </div>

        <div class="form-label-group">
            <input type="password" id="inputPassword" class="form-control" placeholder="Password" required name="password">
            <label for="inputPassword">Password</label>
        </div>

        <div class="checkbox mb-3">
            <label class="text-white">
                <input type="checkbox" value="remember-me"> Remember me
            </label>
        </div>
        <button class="btn btn-lg btn-warning btn-block" type="submit">Silahkan Masuk</button>

        <p class="text-center mt-4 text-white">Biro Administrasi Keuangan <br> <?= $info->namapt ?> </p>
    </form>
    <script src="https://code.jquery.com/jquery-3.5.1.js" integrity="sha256-QWo7LDvxbWT2tbbQ97B53yJnYU3WhH/C8ycbRAkjPDc=" crossorigin="anonymous"></script>
    <script src="http://asset-simaku.simaku.net/docs/4.5/dist/js/bootstrap.bundle.min.js"></script>
    <script>
        $(document).ready(function() {
            window.setTimeout(function() {
                $(".alert").fadeTo(500, 0).slideUp(500, function() {
                    $(this).remove();
                });
            }, 2000);
        });
    </script>

    <script type="text/javascript">
        window.addEventListener('beforeunload', function(e) {
            e.preventDefault();
            e.returnValue = '';
        });
    </script>
    <script>
        var validNavigation = false;

        function wireUpEvents() {
            var dont_confirm_leave = 0;
            var leave_message = "You sure you want to leave ?";

            function goodbye(e) {
                if (!validNavigation) {
                    if (dont_confirm_leave !== 1) {
                        if (!e) e = window.event;
                        e.cancelBubble = true;
                        e.returnValue = leave_message;
                        //e.stopPropagation works in Firefox.
                        if (e.stopPropagation) {
                            e.stopPropagation();
                            e.preventDefault();
                        }
                        //return works for Chrome and Safari
                        return leave_message;
                    }
                }
            }

            window.onbeforeunload = goodbye;

            document.onkeydown = function() {
                switch (event.keyCode || e.which) {
                    case 116: //F5 button
                        validNavigation = true;
                    case 114: //F5 button
                        validNavigation = true;
                    case 82: //R button
                        if (event.ctrlKey) {
                            validNavigation = true;
                        }
                        case 13: //Press enter
                            validNavigation = true;
                }

            }
            // Attach the event click for all links in the page
            $("a").bind("click", function() {
                validNavigation = true;
            });

            // Attach the event submit for all forms in the page
            $("form").bind("submit", function() {
                validNavigation = true;
            });

            // Attach the event click for all inputs in the page
            $("input[type=submit]").bind("click", function() {
                validNavigation = true;
            });
        }

        // Wire up the events as soon as the DOM tree is ready
        $(document).ready(function() {
            wireUpEvents();
        });
    </script>
</body>

</html>