index.html

102 lines | 3.883 kB Blame History Raw Download
<!doctype html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <title>Keycloak Admin Console</title>

    <link rel="icon" href="img/favicon.ico">

    <link rel="stylesheet" href="css/styles.css">

    <script src="lib/jquery/jquery-1.10.2.js" type="text/javascript"></script>
    <script src="lib/select2-3.4.1/select2.js" type="text/javascript"></script>

    <script src="lib/angular/angular.js"></script>
    <script src="lib/angular/angular-resource.js"></script>
    <script src="lib/angular/angular-route.js"></script>
    <script src="lib/angular/ui-bootstrap-tpls-0.11.0.js"></script>

    <script src="lib/jquery/jquery.idletimer.js" type="text/javascript"></script>
    <script src="lib/jquery/jquery.idletimeout.js" type="text/javascript"></script>
    <script src="lib/angular/select2.js" type="text/javascript"></script>
    <script src="lib/fileupload/angular-file-upload.min.js"></script>

    <script src="js/keycloak.js" type="text/javascript"></script>
    <script src="js/app.js" type="text/javascript"></script>
    <script src="js/controllers/realm.js" type="text/javascript"></script>
    <script src="js/controllers/applications.js" type="text/javascript"></script>
    <script src="js/controllers/oauth-clients.js" type="text/javascript"></script>
    <script src="js/controllers/users.js" type="text/javascript"></script>
    <script src="js/loaders.js" type="text/javascript"></script>
    <script src="js/services.js" type="text/javascript"></script>

    <style>
        [ng\:cloak], [ng-cloak], .ng-cloak {
            display: none !important;
        }
    </style>
</head>

<body class="admin-console" data-ng-controller="GlobalCtrl" data-ng-cloak data-ng-show="auth.user">

<div id="idletimeout">
    You will be logged off in <strong><span></span> seconds</strong> due to inactivity.
    <a id="idletimeout-resume" href="#">Click here to continue using this web page</a>.
</div>

<div class="feedback-aligner" data-ng-show="notification" data-ng-click="notification = null">
    <div class="alert alert-{{notification.type}}">
        <span class="pficon pficon-ok" ng-show="notification.type == 'success'"></span>
        <span class="pficon pficon-info" ng-show="notification.type == 'info'"></span>
        <span class="pficon-layered" ng-show="notification.type == 'danger'">
            <span class="pficon pficon-error-octagon"></span>
            <span class="pficon pficon-error-exclamation"></span>
        </span>
        <span class="pficon-layered" ng-show="notification.type == 'warning'">
            <span class="pficon pficon-warning-triangle"></span>
            <span class="pficon pficon-warning-exclamation"></span>
        </span>
        <strong>{{notification.header}}</strong> {{notification.message}}
    </div>
</div>

<header class="navbar navbar-default navbar-pf navbar-main header">
    <div data-ng-include data-src="'partials/menu.html'"></div>
</header>

<div class="container">
    <div data-ng-view id="view"></div>
    <div id="loading" class="loading-backdrop">
        <div class="loading">
            <span>Loading...</span>
        </div>
    </div>
</div>

<script type="text/javascript">
    $.idleTimeout('#idletimeout', '#idletimeout a', {
        idleAfter: 300,
        pollingInterval: 60,
//        keepAliveURL: authUrl + '/admin/keepalive', would need to change this path
        serverResponseEquals: '',
        failedRequests: 1,
        onTimeout: function(){
            $(this).slideUp();
            logout();
        },
        onIdle: function(){
            $(this).slideDown(); // show the warning bar
        },
        onCountdown: function( counter ){
            $(this).find("span").html( counter ); // update the counter
        },
        onResume: function(){
            $(this).slideUp(); // hide the warning bar
        }
    });
</script>

</body>
</html>