From 23d0380f08216bef21c0e6245e39d2bafd4de94e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Cl=C3=A9ment=20Oudot?= <clement@oodo.net>
Date: Fri, 24 Jan 2014 17:16:41 +0000
Subject: [PATCH] Bootstrap: login history (#670)

---
 .../example/skins/bootstrap/css/styles.css     |  4 ++--
 .../example/skins/bootstrap/js/skin.js         |  5 ++++-
 .../example/skins/bootstrap/menu.tpl           | 18 ++++++++++++++----
 3 files changed, 20 insertions(+), 7 deletions(-)

diff --git a/lemonldap-ng-portal/example/skins/bootstrap/css/styles.css b/lemonldap-ng-portal/example/skins/bootstrap/css/styles.css
index d71d8acf9..45773f1a8 100644
--- a/lemonldap-ng-portal/example/skins/bootstrap/css/styles.css
+++ b/lemonldap-ng-portal/example/skins/bootstrap/css/styles.css
@@ -40,8 +40,8 @@ body {
   white-space: normal;
 }
 
-div#appslist {
-  margin-top: 10px;
+#appslist, #password, #loginHistory, #logout  {
+  margin-top: 20px;
 }
 
 div.application {
diff --git a/lemonldap-ng-portal/example/skins/bootstrap/js/skin.js b/lemonldap-ng-portal/example/skins/bootstrap/js/skin.js
index a30b70033..5d5c6f72b 100644
--- a/lemonldap-ng-portal/example/skins/bootstrap/js/skin.js
+++ b/lemonldap-ng-portal/example/skins/bootstrap/js/skin.js
@@ -1,9 +1,12 @@
 
 $(document).ready(function(){
 
-	// Adapt alert class
+	// Adapt some class to fit Bootstrap theme
 	$("div.message-positive").addClass("alert-success");
 	$("div.message-warning").addClass("alert-warning");
 	$("div.message-negative").addClass("alert-danger");
+
+	$("table.info").addClass("table");
+
 });
 
diff --git a/lemonldap-ng-portal/example/skins/bootstrap/menu.tpl b/lemonldap-ng-portal/example/skins/bootstrap/menu.tpl
index dc9be5bc0..42bbd0520 100644
--- a/lemonldap-ng-portal/example/skins/bootstrap/menu.tpl
+++ b/lemonldap-ng-portal/example/skins/bootstrap/menu.tpl
@@ -145,16 +145,26 @@
 
       <TMPL_IF NAME="LoginHistory">
         <div id="loginHistory">
-          <div class="form">
             <TMPL_IF NAME="SUCCESS_LOGIN">
-              <h3><lang en="Last logins" fr="Derni&egrave;res connexions" /></h3>
+            <div class="panel panel-info">
+              <div class="panel-heading">
+              <h3 class="panel-title"><lang en="Last logins" fr="Derni&egrave;res connexions" /></h3>
+              </div>
+              <div class="panel-body">
               <TMPL_VAR NAME="SUCCESS_LOGIN">
+              </div>
+            </div>
             </TMPL_IF>
             <TMPL_IF NAME="FAILED_LOGIN">
-              <h3><lang en="Last failed logins" fr="Derni&egrave;res connexions refus&eacute;es" /></h3>
+            <div class="panel panel-info">
+              <div class="panel-heading">
+              <h3 class="panel-title"><lang en="Last failed logins" fr="Derni&egrave;res connexions refus&eacute;es" /></h3>
+              </div>
+              <div class="panel-body">
               <TMPL_VAR NAME="FAILED_LOGIN">
+              </div>
+            </div>
             </TMPL_IF>
-          </div>
         </div>
       </TMPL_IF>