libre.sh/keycloak-scim
4
0
Fork 0
Code Issues 15 Pull requests Releases 1 Activity Actions

KEYCLOAK-147: Create onoffswitch directive and use it where applicable.

Browse source
This commit is contained in:
ammendonca 2013-11-06 13:31:36 +00:00
parent 116c0fb88a
commit f578d2a3ab
4 changed files with 46 additions and 126 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

36
admin-ui/src/main/resources/META-INF/resources/admin/js/app.js
View file

@ -368,10 +368,42 @@ module.directive('collapsed', function() {
} }
}); });
/**
* Directive for presenting an ON-OFF switch for checkbox.
* Usage: <input ng-model="mmm" name="nnn" id="iii" onoffswitch [on-text="ooo" off-text="fff"] />
*/
module.directive('onoffswitch', function() {
return {
restrict: "EA",
require: 'ngModel',
replace: true,
scope: {
ngModel: '=',
ngBind: '=',
name: '=',
id: '=',
onText: '@onText',
offText: '@offText'
},
compile: function(element, attrs) {
if (!attrs.onText) { attrs.onText = "ON"; }
if (!attrs.offText) { attrs.offText = "OFF"; }
var html = "<div class=\"onoffswitch\">" +
"<input type=\"checkbox\" data-ng-model=\"ngModel\" class=\"onoffswitch-checkbox\" name=\"" + attrs.name + "\" id=\"" + attrs.id + "\">" +
"<label for=\"" + attrs.id + "\" class=\"onoffswitch-label\">" +
"<span class=\"onoffswitch-inner\">" +
"<span class=\"onoffswitch-active\">{{onText}}</span>" +
"<span class=\"onoffswitch-inactive\">{{offText}}</span>" +
"</span>" +
"<span class=\"onoffswitch-switch\"></span>" +
"</label>" +
"</div>";
element.replaceWith($(html));
}
}
});
module.directive('kcInput', function() { module.directive('kcInput', function() {

12
admin-ui/src/main/resources/META-INF/resources/admin/partials/application-detail.html
View file

@ -44,17 +44,7 @@
<div class="form-group clearfix block"> <div class="form-group clearfix block">
<label for="enabled" class="control-label">Enabled</label> <label for="enabled" class="control-label">Enabled</label>
<div class="onoffswitch"> <input ng-model="application.enabled" name="enabled" id="enabled" onoffswitch />
<input type="checkbox" data-ng-model="application.enabled" class="onoffswitch-checkbox"
name="enabled" id="enabled">
<label for="enabled" class="onoffswitch-label">
<span class="onoffswitch-inner">
<span class="onoffswitch-active">ON</span>
<span class="onoffswitch-inactive">OFF</span>
</span>
<span class="onoffswitch-switch"></span>
</label>
</div>
</div> </div>
<div class="form-group"> <div class="form-group">
<label for="baseUrl" class="control-label">Base URL</label> <label for="baseUrl" class="control-label">Base URL</label>

91
admin-ui/src/main/resources/META-INF/resources/admin/partials/realm-detail.html
View file

@ -34,113 +34,38 @@
</div> </div>
<div class="form-group"> <div class="form-group">
<label for="enabled" class="control-label">Enabled</label> <label for="enabled" class="control-label">Enabled</label>
<input ng-model="realm.enabled" name="enabled" id="enabled" onoffswitch />
<div class="onoffswitch">
<input type="checkbox" data-ng-model="realm.enabled" class="onoffswitch-checkbox"
name="enabled" id="enabled">
<label for="enabled" class="onoffswitch-label">
<span class="onoffswitch-inner">
<span class="onoffswitch-active">ON</span>
<span class="onoffswitch-inactive">OFF</span>
</span>
<span class="onoffswitch-switch"></span>
</label>
</div>
</div> </div>
</fieldset> </fieldset>
<fieldset> <fieldset>
<legend uncollapsed><span class="text">Login Options</span></legend> <legend uncollapsed><span class="text">Login Options</span></legend>
<div class="form-group clearfix block"> <div class="form-group clearfix block">
<label for="social" class="control-label">Social login</label> <label for="social" class="control-label">Social login</label>
<div class="onoffswitch"> <input ng-model="realm.social" name="social" id="social" onoffswitch />
<input type="checkbox" data-ng-model="realm.social" class="onoffswitch-checkbox" name="social" id="social">
<label for="social" class="onoffswitch-label">
<span class="onoffswitch-inner">
<span class="onoffswitch-active">ON</span>
<span class="onoffswitch-inactive">OFF</span>
</span>
<span class="onoffswitch-switch"></span>
</label>
</div>
</div> </div>
<div class="form-group clearfix block"> <div class="form-group clearfix block">
<label for="registrationAllowed" class="control-label">User registration</label> <label for="registrationAllowed" class="control-label">User registration</label>
<div class="onoffswitch"> <input ng-model="realm.registrationAllowed" name="registrationAllowed" id="registrationAllowed" onoffswitch />
<input type="checkbox" data-ng-model="realm.registrationAllowed" class="onoffswitch-checkbox" name="registrationAllowed" id="registrationAllowed">
<label for="registrationAllowed" class="onoffswitch-label">
<span class="onoffswitch-inner">
<span class="onoffswitch-active">ON</span>
<span class="onoffswitch-inactive">OFF</span>
</span>
<span class="onoffswitch-switch"></span>
</label>
</div>
</div> </div>
<div class="form-group clearfix block"> <div class="form-group clearfix block">
<label for="resetPasswordAllowed" class="control-label">Reset password</label> <label for="resetPasswordAllowed" class="control-label">Reset password</label>
<div class="onoffswitch"> <input ng-model="realm.resetPasswordAllowed" name="resetPasswordAllowed" id="resetPasswordAllowed" onoffswitch />
<input type="checkbox" data-ng-model="realm.resetPasswordAllowed" class="onoffswitch-checkbox" name="resetPasswordAllowed" id="resetPasswordAllowed">
<label for="resetPasswordAllowed" class="onoffswitch-label">
<span class="onoffswitch-inner">
<span class="onoffswitch-active">ON</span>
<span class="onoffswitch-inactive">OFF</span>
</span>
<span class="onoffswitch-switch"></span>
</label>
</div>
</div> </div>
<div class="form-group clearfix block"> <div class="form-group clearfix block">
<label for="verifyEmail" class="control-label">Verify email</label> <label for="verifyEmail" class="control-label">Verify email</label>
<div class="onoffswitch"> <input ng-model="realm.verifyEmail" name="verifyEmail" id="verifyEmail" onoffswitch />
<input type="checkbox" data-ng-model="realm.verifyEmail" class="onoffswitch-checkbox" name="verifyEmail" id="verifyEmail">
<label for="verifyEmail" class="onoffswitch-label">
<span class="onoffswitch-inner">
<span class="onoffswitch-active">ON</span>
<span class="onoffswitch-inactive">OFF</span>
</span>
<span class="onoffswitch-switch"></span>
</label>
</div>
</div> </div>
<div class="form-group clearfix block"> <div class="form-group clearfix block">
<label for="accountManagement" class="control-label two-lines">User account management</label> <label for="accountManagement" class="control-label two-lines">User account management</label>
<div class="onoffswitch"> <input ng-model="realm.accountManagement" name="accountManagement" id="accountManagement" onoffswitch />
<input type="checkbox" data-ng-model="realm.accountManagement" class="onoffswitch-checkbox"
name="accountManagement" id="accountManagement">
<label for="accountManagement" class="onoffswitch-label">
<span class="onoffswitch-inner">
<span class="onoffswitch-active">ON</span>
<span class="onoffswitch-inactive">OFF</span>
</span>
<span class="onoffswitch-switch"></span>
</label>
</div>
</div> </div>
<div class="form-group clearfix block"> <div class="form-group clearfix block">
<label for="requireSsl" class="control-label">Require SSL</label> <label for="requireSsl" class="control-label">Require SSL</label>
<div class="onoffswitch"> <input ng-model="realm.requireSsl" name="requireSsl" id="requireSsl" onoffswitch />
<input type="checkbox" data-ng-model="realm.requireSsl" class="onoffswitch-checkbox" name="requireSsl" id="requireSsl">
<label for="requireSsl" class="onoffswitch-label">
<span class="onoffswitch-inner">
<span class="onoffswitch-active">ON</span>
<span class="onoffswitch-inactive">OFF</span>
</span>
<span class="onoffswitch-switch"></span>
</label>
</div>
</div> </div>
<div class="form-group"> <div class="form-group">
<label for="cookieLoginAllowed" class="control-label">Cookie login allowed</label> <label for="cookieLoginAllowed" class="control-label">Cookie login allowed</label>
<div class="onoffswitch"> <input ng-model="realm.cookieLoginAllowed" name="cookieLoginAllowed" id="cookieLoginAllowed" onoffswitch />
<input type="checkbox" data-ng-model="realm.cookieLoginAllowed" class="onoffswitch-checkbox" name="cookieLoginAllowed" id="cookieLoginAllowed">
<label for="cookieLoginAllowed" class="onoffswitch-label">
<span class="onoffswitch-inner">
<span class="onoffswitch-active">ON</span>
<span class="onoffswitch-inactive">OFF</span>
</span>
<span class="onoffswitch-switch"></span>
</label>
</div>
</div> </div>
</fieldset> </fieldset>
<div class="form-actions" data-ng-show="createRealm"> <div class="form-actions" data-ng-show="createRealm">

33
admin-ui/src/main/resources/META-INF/resources/admin/partials/realm-smtp.html
View file

@ -42,45 +42,18 @@
</div> </div>
<div class="form-group clearfix"> <div class="form-group clearfix">
<label for="smtpSSL" class="control-label">Enable SSL</label> <label for="smtpSSL" class="control-label">Enable SSL</label>
<div class="onoffswitch"> <input ng-model="realm.smtpServer.ssl" name="smtpSSL" id="smtpSSL" onoffswitch />
<input type="checkbox" data-ng-model="realm.smtpServer.ssl" class="onoffswitch-checkbox" name="smtpSSL" id="smtpSSL">
<label for="smtpSSL" class="onoffswitch-label">
<span class="onoffswitch-inner">
<span class="onoffswitch-active">ON</span>
<span class="onoffswitch-inactive">OFF</span>
</span>
<span class="onoffswitch-switch"></span>
</label>
</div>
</div> </div>
<div class="form-group clearfix"> <div class="form-group clearfix">
<label for="smtpStartTLS" class="control-label">Enable StartTLS</label> <label for="smtpStartTLS" class="control-label">Enable StartTLS</label>
<div class="onoffswitch"> <input ng-model="realm.smtpServer.starttls" name="smtpStartTLS" id="smtpStartTLS" onoffswitch />
<input type="checkbox" data-ng-model="realm.smtpServer.starttls" class="onoffswitch-checkbox" name="smtpStartTLS" id="smtpStartTLS">
<label for="smtpStartTLS" class="onoffswitch-label">
<span class="onoffswitch-inner">
<span class="onoffswitch-active">ON</span>
<span class="onoffswitch-inactive">OFF</span>
</span>
<span class="onoffswitch-switch"></span>
</label>
</div>
</div> </div>
</fieldset> </fieldset>
<fieldset> <fieldset>
<legend collapsed><span class="text">Authentication</span></legend> <legend collapsed><span class="text">Authentication</span></legend>
<div class="form-group clearfix"> <div class="form-group clearfix">
<label for="smtpAuth" class="control-label">Enabled</label> <label for="smtpAuth" class="control-label">Enabled</label>
<div class="onoffswitch"> <input ng-model="realm.smtpServer.auth" name="smtpAuth" id="smtpAuth" onoffswitch />
<input type="checkbox" data-ng-model="realm.smtpServer.auth" class="onoffswitch-checkbox" name="smtpAuth" id="smtpAuth">
<label for="smtpAuth" class="onoffswitch-label">
<span class="onoffswitch-inner">
<span class="onoffswitch-active">ON</span>
<span class="onoffswitch-inactive">OFF</span>
</span>
<span class="onoffswitch-switch"></span>
</label>
</div>
</div> </div>
<div class="form-group clearfix"> <div class="form-group clearfix">
<label for="smtpUsername" class="control-label">Username <span class="required" ng-show="realm.smtpServer.auth">*</span></label> <label for="smtpUsername" class="control-label">Username <span class="required" ng-show="realm.smtpServer.auth">*</span></label>