application-settings.html

186 lines | 10.724 kB Blame History Raw Download
<!doctype html>
<html>
    <head>
        <meta charset="utf-8">
        <title>My application - Settings</title>
        <link rel="icon" href="img/favicon.ico">
        
        <!-- Frameworks -->
        <link rel="stylesheet" href="css/reset.css">
        <link rel="stylesheet" href="bootstrap-3.0.0-wip/css/bootstrap.css">
        <link rel="stylesheet" href="css/sprites.css">
        <link rel="stylesheet" href='http://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic'>
        
        <!-- RCUE styles -->
        <link rel="stylesheet" href="css/base.css">
        <link rel="stylesheet" href="css/forms.css">
        <link rel="stylesheet" href="css/header.css">
        <link rel="stylesheet" href="css/tabs.css">
        <link rel="stylesheet" href="css/icons.css">
        
        <!-- Page styles -->
        <link rel="stylesheet" href="css/admin-console.css">
        
        <!-- JS -->
        <script src="js/jquery-1.10.1.min.js"></script>
        <script src="bootstrap-3.0.0-wip/js/dropdown.js"></script>
        <script src="bootstrap-3.0.0-wip/js/tooltip.js"></script>
        <script src="js/bootstrap-tokenfield.js"></script>
        <script src="js/base.js"></script>
    </head>
    <body class="admin-console">
    
        <div class="header rcue">
            <div class="navbar utility">
                <div class="navbar-inner clearfix">
                    <h1><a href="#"><strong>Keycloak</strong> Central Login</a></h1>
                    <ul class="nav pull-right">
                        <li class="dropdown">
                            <a href="#" class="dropdown-toggle" data-toggle="dropdown"><span class="icon-user">Icon: user</span>Brian Stevens<b class="caret"></b></a>
                            <ul class="dropdown-menu">
                                <li><a href="#">Account</a></li>
                                <li class="separator"><a href="saas-login.html">Log Out</a></li>
                            </ul>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="navbar primary">
                <div class="navbar-inner">
                    <ul class="nav">
                        <li><a href="#">Overview</a></li>
                        <li class="active"><a href="#">Applications</a></li>
                        <li><a href="realm-users.html">Realms</a></li>
                    </ul>
                </div>
            </div>
        </div><!-- End .header -->
        
        <div class="container">
            <div class="row">
                <div class="bs-sidebar col-md-3 clearfix">
                    <ul>
                        <li class="active"><a href="#">My application</a></li>
                        <li><a href="#">Another application</a></li>
                    </ul>    
                </div>
                
                <div id="content-area" class="col-md-9" role="main">
                    <div class="top-nav">
                        <ul class="rcue-tabs">
                            <li class="active"><a href="#">Settings</a></li>
                            <li><a href="#">Users and Roles</a></li>
                        </ul>
                    </div>
                    <div id="content">
                        <h2 class="pull-left"><span>My application</span> Settings</h2>
                        <p class="subtitle"><span class="required">*</span> Required fields</p>
                        <form>
                            <fieldset>
                                <legend><span class="icon-collapse toggle-icons">Icon: collapse</span><span class="text">Application Options</span></legend>
                                <div class="form-group">
                                    <label for="app-name">Application Name</label><span class="required">*</span>
                                    <input type="text" id="app-name" autofocus>
                                </div>
                                <div class="form-group">
                                    <label for="credentials">Credentials</label>
                                    <div class="input-group">
                                        <input type="text" readonly="readonly" value="X89K-JIEO-EUI0-8EU8" class="form-control code" id="credentials">
                                        <span class="input-group-btn">
                                            <button type="button">Copy</button>
                                        </span>
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label for="applicationForm-adminUrl">Redirect UI</label>
                                    <input type="text" id="applicationForm-adminUrl">
                                </div>
                                <div class="form-group clearfix">
                                    <label for="user-registration">User Registration</label>
                                    <div class="onoffswitch">
                                        <input type="checkbox" checked="" class="onoffswitch-checkbox" name="onoffswitch" id="user-registration">
                                        <label for="user-registration" class="onoffswitch-label">
                                            <span class="onoffswitch-inner">
                                                <span class="onoffswitch-active">ON</span>
                                                <span class="onoffswitch-inactive">OFF</span>
                                            </span>
                                            <span class="onoffswitch-switch"></span>
                                        </label>
                                    </div>
                                </div>
                            </fieldset>
                            <fieldset>
                                <legend><span class="icon-collapse toggle-icons">Icon: collapse</span><span class="text">Realm Options</span><span class="icon-info tooltipRightTrigger" data-original-title="Realm options are shared between the applications associated to it.">Realm options are shared between the applications associated to it.</span></legend>
                                <div class="form-group clearfix block">
                                    <label for="password">Password Recovery</label>
                                    <div class="onoffswitch">
                                        <input type="checkbox" checked="" class="onoffswitch-checkbox" name="onoffswitch" id="password">
                                        <label for="password" class="onoffswitch-label">
                                            <span class="onoffswitch-inner">
                                                <span class="onoffswitch-active">ON</span>
                                                <span class="onoffswitch-inactive">OFF</span>
                                            </span>
                                            <span class="onoffswitch-switch"></span>
                                        </label>
                                    </div>
                                </div>
                                <div class="form-group clearfix">
                                    <label for="social-login">Social Login</label>
                                    <div class="onoffswitch">
                                        <input type="checkbox" checked="" class="onoffswitch-checkbox" name="onoffswitch" id="social-login">
                                        <label for="social-login" class="onoffswitch-label">
                                            <span class="onoffswitch-inner">
                                                <span class="onoffswitch-active">ON</span>
                                                <span class="onoffswitch-inactive">OFF</span>
                                            </span>
                                            <span class="onoffswitch-switch"></span>
                                        </label>
                                    </div>
                                </div>
                            </fieldset>
                            <fieldset>
                                <legend><span class="icon-expand toggle-icons">Icon: expand</span><span class="text">Realm Advanced Options</span></legend>
                                <div class="form-group input-select hidden">
                                    <label for="token">Token Expiration</label>
                                    <div class="input-group">
                                        <input type="text" placeholder="n" id="token" class="tiny">
                                        <div class="select-rcue">
                                            <select>
                                                <option selected="selected">Seconds</option>
                                                <option>Minutes</option>
                                                <option>Hours</option>
                                                <option>Days</option>
                                            </select>
                                        </div>
                                    </div>
                                </div>
                                <div class="form-group clearfix hidden">
                                    <label for="roles">Roles</label>
                                    <input type="text" class="form-control tokenfield" id="roles" placeholder="Type a role and enter"  />
                                </div>
                                <div class="form-group hidden">
                                    <label for="default-roles" class="two-lines">Default Initial User Roles</label>
                                    <div class="select-rcue">
                                        <select id="default-roles">
                                            <option selected="selected">KEYCLOAK_RESOURCE</option>
                                        </select>
                                    </div>
                                </div>
                            </fieldset>
                            <div>
                                <a class="bottom" href="#">Manage Users and Roles</a>
                            </div>
                            <div class="form-actions">
                                <button type="submit" class="primary">Save</button>
                                <button type="submit">Cancel</button>
                            </div>
                        </form>
                    </div>
                </div>
            <div id="container-right-bg"></div>
            </div>    
        </div>
    </body>
</html>