Adds tabs to application pages

ExCiteS · Aug 4, 2015 · ef7cd74 · ef7cd74
1 parent 895b705
commit ef7cd74
Show file tree

Hide file tree

Showing 4 changed files with 29 additions and 21 deletions.
diff --git a/geokey/templates/applications/application_connected.html b/geokey/templates/applications/application_connected.html
@@ -1,28 +1,30 @@
 {% extends "base.html" %}
 
-{% block title %} | Register a new application{% endblock %}
+{% block title %} | Connected applications{% endblock %}
 
 {% block main %}
         <div class="page-header">
             <div class="container">
                 <h1>Applications</h1>
+
+                <ul class="nav nav-tabs header-nav">
+                    <li role="presentation"><a href="{% url 'admin:app_overview' %}">Registered applications</a></li>
+                    <li role="presentation" class="active"><a href="{% url 'admin:app_connected' %}">Connected applications</a></li>
+                </ul>
             </div>
         </div>
 
         <div class="container">
             {% include 'snippets/messages.html' %}
 
             <div class="row">
-                <div class="col-md-4">
-                    <div class="panel panel-default">
-                        <div class="list-group">
-                            <a href="{% url 'admin:app_overview' %}" class="list-group-item">Registered applications</a>
-                            <a href="{% url 'admin:app_connected' %}" class="list-group-item active">Connected applications</a>
-                        </div>
+                <div class="col-sm-4">
+                    <div class="alert alert-info">
+                        <p>Connected applications are applications that you have used before to access and edit data stored in {{ PLATFORM_NAME }}.</p>
                     </div>
                 </div>
 
-                <div class="col-md-8">
+                <div class="col-sm-8">
                     <h3 class="header">
                         Your connected applications
                     </h3>
@@ -34,7 +36,7 @@ <h3 class="header">
 
                     <li>
                         <a href="{% url 'admin:app_disconnect' app.id %}" class="btn btn-default pull-right">Disconnect</a>
-                        <h3>{{ app.name }}</h3>
+                        <h4>{{ app.name }}</h4>
                         {% if app.description %}<p>{{app.description}}</p>{% endif %}
                     </li>
 

diff --git a/geokey/templates/applications/application_create.html b/geokey/templates/applications/application_create.html
@@ -5,8 +5,12 @@
 {% block main %}
         <div class="page-header">
             <div class="container">
-                <h1 class="smaller"><a href="{% url 'admin:app_overview' %}">Applications</a></h1>
-                <a href="{% url 'admin:app_overview' %}"><span class="glyphicon glyphicon-arrow-left"></span> Applications home page</a>
+                <h1>Applications</h1>
+
+                <ul class="nav nav-tabs header-nav">
+                    <li role="presentation" class="active"><a href="{% url 'admin:app_overview' %}">Registered applications</a></li>
+                    <li role="presentation"><a href="{% url 'admin:app_connected' %}">Connected applications</a></li>
+                </ul>
             </div>
         </div>
 

diff --git a/geokey/templates/applications/application_overview.html b/geokey/templates/applications/application_overview.html
@@ -6,6 +6,11 @@
         <div class="page-header">
             <div class="container">
                 <h1>Applications</h1>
+
+                <ul class="nav nav-tabs header-nav">
+                    <li role="presentation" class="active"><a href="{% url 'admin:app_overview' %}">Registered applications</a></li>
+                    <li role="presentation"><a href="{% url 'admin:app_connected' %}">Connected applications</a></li>
+                </ul>
             </div>
         </div>
 
@@ -14,13 +19,6 @@ <h1>Applications</h1>
 
             <div class="row">
                 <div class="col-md-4">
-                    <div class="panel panel-default">
-                        <div class="list-group">
-                            <a href="{% url 'admin:app_overview' %}" class="list-group-item active">Registered applications</a>
-                            <a href="{% url 'admin:app_connected' %}" class="list-group-item">Connected applications</a>
-                        </div>
-                    </div>
-
                     <div class="alert alert-info">
                         <h5><strong>Learn more about:</strong></h5>
                         <ul>
@@ -42,7 +40,7 @@ <h3 class="header">
                     {% endif %}
 
                     <li>
-                        <h3><a href="{% url 'admin:app_settings' app.id %}">{{app.name}}</a></h3>
+                        <h4><a href="{% url 'admin:app_settings' app.id %}">{{app.name}}</a></h4>
                         {% if app.description %}<p>{{app.description}}</p>{% endif %}
                         <p class="meta">Client ID: <span class="lower-case">{{ app.client_id }}</span></p>
                         <p class="meta">Client secret: <span class="lower-case">{{ app.client_secret }}</span></p>

diff --git a/geokey/templates/applications/application_settings.html b/geokey/templates/applications/application_settings.html
@@ -8,8 +8,12 @@
 
     <div class="page-header">
         <div class="container">
-            <h1 class="smaller"><a href="{% url 'admin:app_overview' %}">Applications</a></h1>
-            <a href="{% url 'admin:app_overview' %}"><span class="glyphicon glyphicon-arrow-left"></span> Applications home page</a>
+            <h1>Applications</h1>
+
+            <ul class="nav nav-tabs header-nav">
+                <li role="presentation" class="active"><a href="{% url 'admin:app_overview' %}">Registered applications</a></li>
+                <li role="presentation"><a href="{% url 'admin:app_connected' %}">Connected applications</a></li>
+            </ul>
         </div>
     </div>