From 899575e361cd4ddf657caf5b34712549261fee8a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Cl=C3=A9ment=20Oudot?= <clement@oodo.net>
Date: Wed, 10 Dec 2014 09:40:58 +0000
Subject: [PATCH] Bootstrap for OpenID domains (#776)

---
 .../example/skins/default/js/manager.js       |  8 +++++---
 .../example/skins/default/manager.tpl         | 20 +++++++++++++------
 2 files changed, 19 insertions(+), 9 deletions(-)

diff --git a/lemonldap-ng-manager/example/skins/default/js/manager.js b/lemonldap-ng-manager/example/skins/default/js/manager.js
index 82511c9d8..62a70f2ae 100644
--- a/lemonldap-ng-manager/example/skins/default/js/manager.js
+++ b/lemonldap-ng-manager/example/skins/default/js/manager.js
@@ -443,7 +443,7 @@ function setlmsamlservice(id) {
 	setlmdata(id, v);
 }
 function setopenididplist(id) {
-	var type = $('input[type=radio][name=openIdServerlistBoolean]:checked').attr("value");
+	var type = $('label[name=openIdServerlistBoolean].active > input').attr("value");
 	var list = $('#openid_serverlist_text').val();
 	setlmdata(id, type + ';' + list);
 }
@@ -832,11 +832,13 @@ function samlService(id) {
 }
 function openididplist(id) {
 	currentId = id;
+	$('#openid_serverlist_white').removeClass('active');
+	$('#openid_serverlist_black').removeClass('active');
 	var t = lmdata(id).split(';');
 	if (t[0] == 1) {
-		$('#openid_serverlist_white').prop('checked', true);
+		$('#openid_serverlist_white').addClass('active');
 	} else {
-		$('#openid_serverlist_black').prop('checked', true);
+		$('#openid_serverlist_black').addClass('active');
 	}
 	$('#openid_serverlist_text').val(t[1]);
 	display('openid_serverlist', lmtext(id));
diff --git a/lemonldap-ng-manager/example/skins/default/manager.tpl b/lemonldap-ng-manager/example/skins/default/manager.tpl
index d5ac09425..dc4e87bcc 100644
--- a/lemonldap-ng-manager/example/skins/default/manager.tpl
+++ b/lemonldap-ng-manager/example/skins/default/manager.tpl
@@ -636,23 +636,31 @@
 
     <!-- OpenID black/white lists -->
     <div id="content_openid_serverlist" class="hidden">
-     <table>
+     <table class="table">
       <tr>
-       <td><lang en="List type" fr="Type de liste"/></td>
-       <td><input id="openid_serverlist_black" type="radio" name="openIdServerlistBoolean" value="0" /><label for="openid_serverlist_black"><lang en="Black list" fr="Liste noire"/></label>
-           <input id="openid_serverlist_white" type="radio" name="openIdServerlistBoolean" value="1" /><label for="openid_serverlist_white"><lang en="White list" fr="Liste blanche"/></label>
+       <th><lang en="List type" fr="Type de liste"/></th>
+       <td>
+        <div class="btn-group" data-toggle="buttons">
+        <label id="openid_serverlist_black" class="btn btn-info" name="openIdServerlistBoolean">
+         <input type="radio" autocomplete="off" value="0" /><lang en="Black list" fr="Liste noire"/>
+        </label>
+        <label id="openid_serverlist_white" class="btn btn-info" name="openIdServerlistBoolean">
+         <input type="radio" autocomplete="off" value="1" /><lang en="White list" fr="Liste blanche"/>
+        </label>
+        </div>
        </td>
       </tr>
       <tr>
-       <td><lang en="List" fr="Liste"/></td>
+       <th><lang en="List" fr="Liste"/></th>
        <td><input type="text" size="50" id="openid_serverlist_text" class="form-control"/></td>
       </tr>
      </table>
-     <br />
+     <div class="buttons text-center">
      <button onclick="setopenididplist(currentId);return false;" class="btn btn-info">
      <i class="glyphicon glyphicon-ok"></i>
      <lang en="Apply" fr="Appliquer" />
      </button>
+     </div>
     </div>
 
     <!-- authChoice -->