add working oauth and ldap client
This commit is contained in:
Jens Langhammer
21
passbook/core/templates/base/skeleton.html
Normal file
21
passbook/core/templates/base/skeleton.html
Normal file
@ -0,0 +1,21 @@
|
||||
{% load static %}
|
||||
{% load i18n %}
|
||||
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>{% trans 'passbook' %}</title>
|
||||
<link rel="stylesheet" type="text/css" href="{% static 'css/patternfly.min.css' %}">
|
||||
<link rel="stylesheet" type="text/css" href="{% static 'css/patternfly-additions.min.css' %}">
|
||||
</head>
|
||||
<body {% if is_login %} class="login-pf" {% endif %}>
|
||||
{% block body %}
|
||||
{% endblock %}
|
||||
<script src="{% static 'js/jquery.min.js' %}"></script>
|
||||
<script src="{% static 'js/bootstrap.min.js' %}"></script>
|
||||
<script src="{% static 'js/patternfly.min.js' %}"></script>
|
||||
{% block scripts %}
|
||||
{% endblock %}
|
||||
</body>
|
||||
</html>
|
||||
37
passbook/core/templates/login/base.html
Normal file
37
passbook/core/templates/login/base.html
Normal file
@ -0,0 +1,37 @@
|
||||
{% extends 'base/skeleton.html' %}
|
||||
|
||||
{% load static %}
|
||||
{% load i18n %}
|
||||
|
||||
{% block body %}
|
||||
<div class="login-pf-page">
|
||||
<div class="container-fluid">
|
||||
<div class="row">
|
||||
<div class="col-sm-8 col-sm-offset-2 col-md-6 col-md-offset-3 col-lg-6 col-lg-offset-3">
|
||||
<header class="login-pf-page-header">
|
||||
<img class="login-pf-brand" src="{% static 'img/Logo_Horizontal_Reversed.svg' %}" alt="PatternFly logo" />
|
||||
{% if config.login.subtext %}
|
||||
<p>{{ config.login.subtext }}</p>
|
||||
{% endif %}
|
||||
</header>
|
||||
<div class="row">
|
||||
<div class="col-sm-10 col-sm-offset-1 col-md-8 col-md-offset-2 col-lg-8 col-lg-offset-2">
|
||||
<div class="card-pf">
|
||||
{% block card %}
|
||||
{% endblock %}
|
||||
</div><!-- card -->
|
||||
|
||||
<footer class="login-pf-page-footer">
|
||||
<ul class="login-pf-page-footer-links list-unstyled">
|
||||
<li><a class="login-pf-page-footer-link" href="#">Terms of Use</a></li>
|
||||
<li><a class="login-pf-page-footer-link" href="#">Help</a></li>
|
||||
<li><a class="login-pf-page-footer-link" href="#">Privacy Policy</a></li>
|
||||
</ul>
|
||||
</footer>
|
||||
</div><!-- col -->
|
||||
</div><!-- row -->
|
||||
</div><!-- col -->
|
||||
</div><!-- row -->
|
||||
</div><!-- container -->
|
||||
</div><!-- login-pf-page -->
|
||||
{% endblock %}
|
||||
0
passbook/core/templates/login/disabled.html
Normal file
0
passbook/core/templates/login/disabled.html
Normal file
33
passbook/core/templates/login/form.html
Normal file
33
passbook/core/templates/login/form.html
Normal file
@ -0,0 +1,33 @@
|
||||
{% extends 'login/base.html' %}
|
||||
|
||||
{% load static %}
|
||||
{% load i18n %}
|
||||
|
||||
{% block card %}
|
||||
<header class="login-pf-header">
|
||||
<h1>{% trans 'Log In to Your Account' %}</h1>
|
||||
</header>
|
||||
<form method="POST">
|
||||
{% csrf_token %}
|
||||
<div class="form-group">
|
||||
<label class="sr-only" for="uid_field">{% trans 'UID' %}</label>
|
||||
<input type="text" class="form-control input-lg" name="uid_field" placeholder="UID">
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label class="sr-only" for="password">{% trans 'Password' %}</label>
|
||||
<input type="password" class="form-control input-lg" name="password" placeholder="Password">
|
||||
</div>
|
||||
<div class="form-group login-pf-settings">
|
||||
<label class="checkbox-label">
|
||||
<input name="remember_me" type="checkbox"> {% trans 'Keep me logged in for 30 days' %}
|
||||
</label>
|
||||
{% if config.password_reset.enabled %}
|
||||
<a href="#">{% trans 'Forgot password?' %}</a>
|
||||
{% endif %}
|
||||
</div>
|
||||
<button type="submit" class="btn btn-primary btn-block btn-lg">Log In</button>
|
||||
</form>
|
||||
{% if config.sign_up.enabled %}
|
||||
<p class="login-pf-signup">{% trans 'Need an account?' %}<a href="#">{% trans 'Sign up' %}</a></p>
|
||||
{% endif %}
|
||||
{% endblock %}
|
||||
68
passbook/core/templates/login/login_alt.html
Normal file
68
passbook/core/templates/login/login_alt.html
Normal file
@ -0,0 +1,68 @@
|
||||
{% extends "base/skeleton.html" %}
|
||||
|
||||
{% load static %}
|
||||
|
||||
{% block body %}
|
||||
<div class="login-pf-page">
|
||||
<div class="container-fluid">
|
||||
<div class="row">
|
||||
<div class="col-sm-8 col-sm-offset-2 col-md-6 col-md-offset-3 col-lg-6 col-lg-offset-3">
|
||||
<header class="login-pf-page-header">
|
||||
<img class="login-pf-brand" src="{% static 'img/Logo_Horizontal_Reversed.svg' %}" alt=" logo" />
|
||||
</header>
|
||||
<div class="row">
|
||||
<div class="col-sm-10 col-sm-offset-1 col-md-8 col-md-offset-2 col-lg-8 col-lg-offset-2">
|
||||
<div class="card-pf">
|
||||
<header class="login-pf-header">
|
||||
<select class="selectpicker">
|
||||
<option>English</option>
|
||||
<option>French</option>
|
||||
<option>Italian</option>
|
||||
</select>
|
||||
<h1>Single Sign-On</h1>
|
||||
<p class="text-center">Log in to <strong>Application</strong></p>
|
||||
</header>
|
||||
<form>
|
||||
<div class="form-group">
|
||||
<label class="sr-only" for="exampleInputEmail1">Email address</label>
|
||||
<input type="email" class="form-control input-lg" id="exampleInputEmail1" placeholder="Email address">
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label class="sr-only" for="exampleInputPassword1">Password
|
||||
</label>
|
||||
<input type="password" class="form-control input-lg" id="exampleInputPassword1" placeholder="Password">
|
||||
</div>
|
||||
<div class="form-group login-pf-settings">
|
||||
<label class="checkbox-label">
|
||||
<input type="checkbox"> Keep me logged in for 30 days
|
||||
</label>
|
||||
<a href="#">Forgot password?</a>
|
||||
</div>
|
||||
<button type="submit" class="btn btn-primary btn-block btn-lg">Log In</button>
|
||||
</form>
|
||||
<p class="login-pf-signup">Need an account?<a href="#">Sign up</a></p>
|
||||
</div><!-- card -->
|
||||
<footer class="login-pf-page-footer">
|
||||
<div class="login-pf-page-footer-sso-services">
|
||||
<p>One account for all your company services</p>
|
||||
<ul class="login-pf-page-footer-sso-services-logos">
|
||||
<li><img src="{% static 'img/google-drive.svg' %}" alt="google drive icon" /></li>
|
||||
<li><img src="{% static 'img/gmail.svg' %}" alt="gmail icon" /></li>
|
||||
<li><img src="{% static 'img/google-calendar.svg' %}" alt="google calendar icon" /></li>
|
||||
</ul>
|
||||
</div>
|
||||
<ul class="login-pf-page-footer-links list-unstyled">
|
||||
<li><a class="login-pf-page-footer-link" href="#">Terms of Use</a></li>
|
||||
<li><a class="login-pf-page-footer-link" href="#">Help</a></li>
|
||||
<li><a class="login-pf-page-footer-link" href="#">Privacy Policy</a></li>
|
||||
</ul>
|
||||
</footer>
|
||||
</div><!-- col -->
|
||||
</div><!-- row -->
|
||||
</div><!-- col -->
|
||||
</div><!-- login-pf-page -->
|
||||
</div>
|
||||
<!--row-->
|
||||
</div>
|
||||
<!--container-->
|
||||
{% endblock %}
|
||||
87
passbook/core/templates/overview/base.html
Normal file
87
passbook/core/templates/overview/base.html
Normal file
@ -0,0 +1,87 @@
|
||||
{% extends "base/skeleton.html" %}
|
||||
|
||||
{% load static %}
|
||||
{% load i18n %}
|
||||
|
||||
{% block body %}
|
||||
{% load static %}
|
||||
{% load i18n %}
|
||||
|
||||
<nav class="navbar navbar-default navbar-pf" role="navigation">
|
||||
<div class="navbar-header">
|
||||
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse-1">
|
||||
<span class="sr-only">{% trans 'Toggle navigation' %}</span>
|
||||
<span class="icon-bar"></span>
|
||||
<span class="icon-bar"></span>
|
||||
<span class="icon-bar"></span>
|
||||
</button>
|
||||
<a class="navbar-brand" href="/">
|
||||
<img src="{% static 'img/brand.svg' %}" alt="PatternFly Enterprise Application" />
|
||||
</a>
|
||||
</div>
|
||||
<div class="collapse navbar-collapse navbar-collapse-1">
|
||||
<ul class="nav navbar-nav navbar-utility">
|
||||
<li class="dropdown">
|
||||
<button class="btn btn-link nav-item-iconic" id="horizontalDropdownMenu1" data-toggle="dropdown" aria-haspopup="true"
|
||||
aria-expanded="true">
|
||||
<span title="Help" class="fa pficon-help dropdown-title"></span>
|
||||
</button>
|
||||
<ul class="dropdown-menu" aria-labelledby="horizontalDropdownMenu1">
|
||||
<li><a href="#0">Help</a></li>
|
||||
<li><a href="#0">About</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="dropdown">
|
||||
<button class="btn btn-link dropdown-toggle" data-toggle="dropdown">
|
||||
<span class="pficon pficon-user"></span>
|
||||
<span class="dropdown-title">
|
||||
{{ user.username }} <b class="caret"></b>
|
||||
</span>
|
||||
</button>
|
||||
<ul class="dropdown-menu">
|
||||
<li>
|
||||
<a href="#0">Link</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#0">Another link</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#0">Something else here</a>
|
||||
</li>
|
||||
<li class="divider"></li>
|
||||
<li>
|
||||
<a href="#0">One more separated link</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
<ul class="nav navbar-nav navbar-primary persistent-secondary">
|
||||
{# FIXME: Detect active application #}
|
||||
<li class="active">
|
||||
<a href="#0">{% trans 'Overview' %}</a>
|
||||
{% block nav_secondary %}
|
||||
{% endblock %}
|
||||
</li>
|
||||
<li>
|
||||
<a href="#0">{% trans 'Administration' %}</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</nav>
|
||||
<div class="container-fluid container-cards-pf">
|
||||
{% block content %}
|
||||
{% endblock %}
|
||||
</div>
|
||||
{% endblock %}
|
||||
|
||||
{% block scripts %}
|
||||
<script>
|
||||
$(document).ready(function () {
|
||||
// initialize tooltips
|
||||
$('[data-toggle="tooltip"]').tooltip();
|
||||
|
||||
// Initialize the vertical navigation
|
||||
$().setupVerticalNavigation(true);
|
||||
});
|
||||
</script>
|
||||
{% endblock %}
|
||||
61
passbook/core/templates/overview/index.html
Normal file
61
passbook/core/templates/overview/index.html
Normal file
@ -0,0 +1,61 @@
|
||||
{% extends "overview/base.html" %}
|
||||
|
||||
{% block content %}
|
||||
<div class="row row-cards-pf">
|
||||
<!-- Important: if you need to nest additional .row within a .row.row-cards-pf, do *not* use .row-cards-pf on the nested .row -->
|
||||
<div class="col-xs-12 col-sm-6 col-md-3">
|
||||
<div class="card-pf card-pf-accented card-pf-aggregate-status">
|
||||
<h2 class="card-pf-title">
|
||||
<span class="fa fa-shield"></span><span class="card-pf-aggregate-status-count">0</span> Ipsum
|
||||
</h2>
|
||||
<div class="card-pf-body">
|
||||
<p class="card-pf-aggregate-status-notifications">
|
||||
<span class="card-pf-aggregate-status-notification"><a href="#" class="add" data-toggle="tooltip"
|
||||
data-placement="top" title="Add Ipsum"><span class="pficon pficon-add-circle-o"></span></a></span>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="col-xs-12 col-sm-6 col-md-3">
|
||||
<div class="card-pf card-pf-accented card-pf-aggregate-status">
|
||||
<h2 class="card-pf-title">
|
||||
<a href="#"><span class="fa fa-shield"></span><span class="card-pf-aggregate-status-count">20</span> Amet</a>
|
||||
</h2>
|
||||
<div class="card-pf-body">
|
||||
<p class="card-pf-aggregate-status-notifications">
|
||||
<span class="card-pf-aggregate-status-notification"><a href="#"><span class="pficon pficon-error-circle-o"></span>4</a></span>
|
||||
<span class="card-pf-aggregate-status-notification"><a href="#"><span class="pficon pficon-warning-triangle-o"></span>1</a></span>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="col-xs-12 col-sm-6 col-md-3">
|
||||
<div class="card-pf card-pf-accented card-pf-aggregate-status">
|
||||
<h2 class="card-pf-title">
|
||||
<a href="#"><span class="fa fa-shield"></span><span class="card-pf-aggregate-status-count">9</span>
|
||||
Adipiscing</a>
|
||||
</h2>
|
||||
<div class="card-pf-body">
|
||||
<p class="card-pf-aggregate-status-notifications">
|
||||
<span class="card-pf-aggregate-status-notification"><span class="pficon pficon-ok"></span></span>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="col-xs-12 col-sm-6 col-md-3">
|
||||
<div class="card-pf card-pf-accented card-pf-aggregate-status">
|
||||
<h2 class="card-pf-title">
|
||||
<a href="#"><span class="fa fa-shield"></span><span class="card-pf-aggregate-status-count">12</span> Lorem</a>
|
||||
</h2>
|
||||
<div class="card-pf-body">
|
||||
<p class="card-pf-aggregate-status-notifications">
|
||||
<a href="#"><span class="card-pf-aggregate-status-notification"><span class="pficon pficon-error-circle-o"></span>1</span></a>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div><!-- /row -->
|
||||
{% endblock %}
|
||||
Reference in New Issue
Block a user