From ac1f3940c874d89eacda96bb76849236cd03508f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Cl=C3=A9ment=20Oudot?= <clement@oodo.net>
Date: Wed, 10 Dec 2014 23:30:59 +0000
Subject: [PATCH] Bootstrap for SAML boolean (#776)

---
 .../example/skins/default/js/manager.js       | 17 ++++++++------
 .../example/skins/default/manager.tpl         | 22 +++++++++++++++----
 2 files changed, 28 insertions(+), 11 deletions(-)

diff --git a/lemonldap-ng-manager/example/skins/default/js/manager.js b/lemonldap-ng-manager/example/skins/default/js/manager.js
index 62a70f2ae..a23445ee6 100644
--- a/lemonldap-ng-manager/example/skins/default/js/manager.js
+++ b/lemonldap-ng-manager/example/skins/default/js/manager.js
@@ -396,7 +396,7 @@ function setlmsamlassertion(id) {
 	var ind = $('#samlAssertionIndex').val();
 	var bin = $('#samlAssertionBinding').val();
 	var loc = $('#samlAssertionLocation').val();
-	var def = $('input[type=radio][name=samlAssertionDefaultBoolean]:checked').attr("value");
+	var def = $('label[name=samlAssertionDefaultBoolean].active > input').attr("value");
 	// Update default value in other assertions.
 	var parentId = lmparent(id);
 	var t = $('#' + parentId).find('span').get();
@@ -430,7 +430,7 @@ function setlmsamlattribute(id) {
 	var name = $('#samlAttributeName').val();
 	var form = $('#samlAttributeFormat').val();
 	var altr = $('#samlAttributeFriendlyName').val();
-	var mand = $('input[type=radio][name=samlAttributeMandatoryBoolean]:checked').attr("value");
+	var mand = $('label[name=samlAttributeMandatoryBoolean].active > input').attr("value");
 	var v = mand + ';' + name + ';' + form + ';' + altr;
 	setlmtext(id, $('#samlAttributeKey').val());
 	setlmdata(id, v);
@@ -761,12 +761,13 @@ function samlAssertion(id) {
 	// Reset text fields
 	$('#samlAssertionIndex').removeAttr('value');
 	$('#samlAssertionLocation').removeAttr('value');
-
+	$('#samlAssertionDefaultOn').removeClass('active');
+	$('#samlAssertionDefaultOff').removeClass('active');
 	// Fill fields
 	if (t[0] == 1) {
-		$('#samlAssertionDefaultOn').prop('checked', true);
+		$('#samlAssertionDefaultOn').addClass('active');
 	} else {
-		$('#samlAssertionDefaultOff').prop('checked', true);
+		$('#samlAssertionDefaultOff').addClass('active');
 	}
 	$('#samlAssertionIndex').val(t[1]);
 	formateSelect('samlAssertionBinding', ['urn:oasis:names:tc:SAML:2.0:bindings:HTTP-Artifact=Artifact', 'urn:oasis:names:tc:SAML:2.0:bindings:HTTP-POST=HTTP POST', 'urn:oasis:names:tc:SAML:2.0:bindings:HTTP-Redirect=HTTP Redirect', 'urn:oasis:names:tc:SAML:2.0:bindings:SOAP=SOAP'], t[2]);
@@ -781,12 +782,14 @@ function samlAttribute(id) {
 	$('#samlAttributeKey').removeAttr('value');
 	$('#samlAttributeName').removeAttr('value');
 	$('#samlAttributeFriendlyName').removeAttr('value');
+	$('#samlAttributeMandatoryOn').removeClass('active');
+	$('#samlAttributeMandatoryOff').removeClass('active');
 
 	// Fill fields
 	if (t[0] == 1) {
-		$('#samlAttributeMandatoryOn').prop('checked', true);
+		$('#samlAttributeMandatoryOn').addClass('active');
 	} else {
-		$('#samlAttributeMandatoryOff').prop('checked', true);
+		$('#samlAttributeMandatoryOff').addClass('active');
 	}
 	$('#samlAttributeKey').val(lmtext(id));
 	$('#samlAttributeName').val(t[1]);
diff --git a/lemonldap-ng-manager/example/skins/default/manager.tpl b/lemonldap-ng-manager/example/skins/default/manager.tpl
index 130f8df8f..511c3c28f 100644
--- a/lemonldap-ng-manager/example/skins/default/manager.tpl
+++ b/lemonldap-ng-manager/example/skins/default/manager.tpl
@@ -567,8 +567,15 @@
        <th><lang en="Name" fr="Nom"/></th>
        <td><input type="text" id="samlAttributeName" class="form-control"/></td>
        <th><lang en="Mandatory" fr="Obligatoire"/></th>
-       <td><input id="samlAttributeMandatoryOn" type="radio" name="samlAttributeMandatoryBoolean" value="1" /><label for="samlAttributeMandatoryOn"><lang en="On" fr="Activé"/></label>
-           <input id="samlAttributeMandatoryOff" type="radio" name="samlAttributeMandatoryBoolean" value="0" /><label for="samlAttributeMandatoryOff"><lang en="Off" fr="Désactivé"/></label>
+       <td>
+        <div class="btn-group" data-toggle="buttons">
+        <label id="samlAttributeMandatoryOn" class="btn btn-info" name="samlAttributeMandatoryBoolean">
+         <input type="radio" value="1" /><lang en="On" fr="Activé"/>
+        </label>
+        <label id="samlAttributeMandatoryOff" class="btn btn-info" name="samlAttributeMandatoryBoolean">
+         <input type="radio" value="0" /><lang en="Off" fr="Désactivé"/>
+        </label>
+        </div>
        </td>
       </tr>
       <tr>
@@ -591,8 +598,15 @@
      <table class="table">
       <tr>
        <th><lang en="Default" fr="Par défaut"/></th>
-       <td><input id="samlAssertionDefaultOn" type="radio" name="samlAssertionDefaultBoolean" value="1" /><label for="samlAssertionDefaultOn"><lang en="On" fr="Activé"/></label>
-           <input id="samlAssertionDefaultOff" type="radio" name="samlAssertionDefaultBoolean" value="0" /><label for="samlAssertionDefaultOff"><lang en="Off" fr="Désactivé"/></label>
+       <td>
+        <div class="btn-group" data-toggle="buttons">
+        <label id="samlAssertionDefaultOn" class="btn btn-info" name="samlAssertionDefaultBoolean">
+         <input type="radio" value="1" /><lang en="On" fr="Activé"/>
+        </label>
+        <label id="samlAssertionDefaultOff" class="btn btn-info" name="samlAssertionDefaultBoolean">
+         <input type="radio" value="0" /><lang en="Off" fr="Désactivé"/>
+        </label>
+        </div>
        </td>
       </tr>
       <tr class="hidden">