Skip to content

Commit 12a1ca2

Browse files
committed
migrate bootstrap base template
1 parent 5505205 commit 12a1ca2

File tree

1 file changed

+64
-59
lines changed

1 file changed

+64
-59
lines changed

example/example/templates/example/base.html

Lines changed: 64 additions & 59 deletions
Original file line numberDiff line numberDiff line change
@@ -8,75 +8,80 @@
88
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css">
99
<style type="text/css">
1010
body {
11-
padding-top: 60px;
11+
padding-top: 70px;
1212
padding-bottom: 40px;
1313
}
1414
</style>
1515
</head>
1616
<body>
17+
<nav class="navbar-nav navbar-inverse navbar-fixed-top">
18+
<div class="container">
19+
<div class="navbar-header">
20+
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
21+
<span class="sr-only">Toggle navigation</span>
22+
<span class="icon-bar"></span>
23+
<span class="icon-bar"></span>
24+
<span class="icon-bar"></span>
25+
</button>
26+
<a class="navbar-brand" href="{% url 'home' %}">Django OAuth Toolkit</a>
27+
</div>
28+
29+
<!-- Collect the nav links, forms, and other content for toggling -->
30+
<div class="collapse navbar-collapse">
31+
<ul class="nav navbar-nav">
32+
{% url 'home' as url %}
33+
<li {% if request.path == url %} class="active"{% endif %}><a href="{{ url }}">Home</a></li>
34+
{% url 'consumer' as url %}
35+
{% url 'consumer-client' as url_client %}
36+
37+
<li class="dropdown {% if request.path == url or request.path == url_client %}active{% endif %}">
38+
<a href="#" class="dropdown-toggle" data-toggle="dropdown">OAuth2 Consumer <b class="caret"></b></a>
39+
<ul class="dropdown-menu" role="menu">
40+
<li><a href="{{ url }}">Create authorization link</a></li>
41+
<li><a href="{{ url_client }}">Stupid API client (deprecated)</a></li>
42+
</ul>
43+
</li>
1744

18-
<div class="navbar navbar-inverse navbar-fixed-top">
19-
<div class="navbar-inner">
20-
<div class="container">
21-
<button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
22-
<span class="icon-bar"></span>
23-
<span class="icon-bar"></span>
24-
<span class="icon-bar"></span>
25-
</button>
26-
<a class="brand" href="{% url 'home' %}">Django OAuth Toolkit</a>
27-
<div class="nav-collapse collapse">
28-
<ul class="nav">
29-
{% url 'home' as url %}
30-
<li {% if request.path == url %} class="active"{% endif %}><a href="{{ url }}">Home</a></li>
31-
{% url 'consumer' as url %}
32-
{% url 'consumer-client' as url_client %}
33-
<li class="dropdown {% if request.path == url or request.path == url_client %}active{% endif %}">
34-
<a href="#" class="dropdown-toggle" data-toggle="dropdown">OAuth2 Consumer <b class="caret"></b></a>
35-
<ul class="dropdown-menu">
36-
<li><a href="{{ url }}">Create authorization link</a></li>
37-
<li><a href="{{ url_client }}">Stupid API client (deprecated)</a></li>
38-
</ul>
39-
</li>
40-
{% url 'api-client' as url_api_client %}
41-
{% url 'oauth2_provider:register' as url_register %}
42-
<li class="dropdown {% if request.path == url_register or request.path == url_api_client %}active{% endif %}">
43-
<a href="#" class="dropdown-toggle" data-toggle="dropdown">OAuth2 Provider <b class="caret"></b></a>
44-
<ul class="dropdown-menu">
45-
<li><a href="{{ url_api_client }}">API client</a></li>
46-
<li><a href="{{ url_register }}">Register an Application</a></li>
47-
</ul>
48-
</li>
45+
{% url 'api-client' as url_api_client %}
46+
{% url 'oauth2_provider:register' as url_register %}
4947

48+
<li class="dropdown {% if request.path == url_register or request.path == url_api_client %}active{% endif %}">
49+
<a href="#" class="dropdown-toggle" data-toggle="dropdown">OAuth2 Provider <b class="caret"></b></a>
50+
<ul class="dropdown-menu" role="menu">
51+
<li><a href="{{ url_api_client }}">API client</a></li>
52+
<li><a href="{{ url_register }}">Register an Application</a></li>
53+
</ul>
54+
</li>
55+
</ul>
56+
57+
{% if user.is_authenticated %}
58+
<ul class="nav navbar-nav navbar-right">
59+
<li class="divider-vertical"></li>
60+
<li class="dropdown">
61+
<a href="#" class="dropdown-toggle" data-toggle="dropdown">{{ user.username }} <b class="caret"></b></a>
62+
<ul class="dropdown-menu" role="menu">
63+
<li><a href="{% url "django.contrib.auth.views.logout" %}">Logout</a></li>
5064
</ul>
51-
{% if user.is_authenticated %}
52-
<ul class="nav pull-right">
53-
<li class="divider-vertical"></li>
54-
<li class="dropdown">
55-
<a href="#" class="dropdown-toggle" data-toggle="dropdown">{{ user.username }} <b class="caret"></b></a>
56-
<ul class="dropdown-menu">
57-
<li><a href="{% url "django.contrib.auth.views.logout" %}">Logout</a></li>
58-
</ul>
59-
</li>
60-
</ul>
61-
{% else %}
62-
<form class="navbar-form pull-right" method="post" action="{% url "django.contrib.auth.views.login" %}">
63-
{% csrf_token %}
64-
<input id="id_username" name="username" class="span2" type="text" placeholder="Username">
65-
<input id="id_password" name="password" class="span2" type="password" placeholder="Password">
66-
<button type="submit" class="btn">Sign in</button>
67-
</form>
68-
{% endif %}
69-
</div><!--/.nav-collapse -->
70-
</div>
71-
</div>
65+
</li>
66+
</ul>
67+
{% else %}
68+
<form class="navbar-form navbar-right" method="post" action="{% url "django.contrib.auth.views.login" %}">
69+
{% csrf_token %}
70+
<input id="id_username" name="username" class="form-control" type="text" placeholder="Username">
71+
<input id="id_password" name="password" class="form-control" type="password" placeholder="Password">
72+
<button type="submit" class="btn btn-default">Sign in</button>
73+
</form>
74+
{% endif %}
7275
</div>
76+
</div>
77+
</nav>
7378

74-
<div class="container">
75-
{% block content %}{% endblock %}
76-
</div>
77-
<script src="//code.jquery.com/jquery-2.1.1.min.js"></script>
78-
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
79+
<div class="container">
80+
{% block content %}{% endblock %}
81+
</div>
7982

80-
{% block javascript %}{% endblock javascript %}
83+
<script src="//code.jquery.com/jquery-2.1.1.min.js"></script>
84+
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
85+
{% block javascript %}{% endblock javascript %}
8186
</body>
8287
</html>

0 commit comments

Comments
 (0)