KEYCLOAK-283 role forms fixes
This commit is contained in:
parent
3601b6779b
commit
7bfbf69beb
7 changed files with 69 additions and 50 deletions
|
@ -555,7 +555,7 @@ legend .kc-icon-collapse {
|
||||||
line-height: 30px;
|
line-height: 30px;
|
||||||
margin-left: -2px;
|
margin-left: -2px;
|
||||||
margin-top: -2px;
|
margin-top: -2px;
|
||||||
padding: 5px 0.545455em;
|
padding: 5px .496em;
|
||||||
width: 150%;
|
width: 150%;
|
||||||
}
|
}
|
||||||
.select-kc option {
|
.select-kc option {
|
||||||
|
|
|
@ -59,7 +59,7 @@
|
||||||
</fieldset>
|
</fieldset>
|
||||||
|
|
||||||
<fieldset data-ng-show="!create && (compositeSwitch || role.composite)">
|
<fieldset data-ng-show="!create && (compositeSwitch || role.composite)">
|
||||||
<legend collapsed><span class="text">Composite Realm Roles</span> </legend>
|
<legend uncollapsed><span class="text">Composite Realm Roles</span> </legend>
|
||||||
<div class="form-group col-sm-10">
|
<div class="form-group col-sm-10">
|
||||||
<div class="controls changing-selectors">
|
<div class="controls changing-selectors">
|
||||||
<div class="select-title">
|
<div class="select-title">
|
||||||
|
@ -91,7 +91,7 @@
|
||||||
</fieldset>
|
</fieldset>
|
||||||
|
|
||||||
<fieldset ng-show="applications.length > 0 && !create && (compositeSwitch || role.composite)">
|
<fieldset ng-show="applications.length > 0 && !create && (compositeSwitch || role.composite)">
|
||||||
<legend collapsed><span class="text">Composite Application Roles</span> </legend>
|
<legend uncollapsed><span class="text">Composite Application Roles</span> </legend>
|
||||||
<div class="form-group input-select">
|
<div class="form-group input-select">
|
||||||
<label class="col-sm-2 control-label" for="applications">Application</label>
|
<label class="col-sm-2 control-label" for="applications">Application</label>
|
||||||
<div class="col-sm-4">
|
<div class="col-sm-4">
|
||||||
|
|
|
@ -54,16 +54,20 @@
|
||||||
|
|
||||||
<fieldset ng-show="applications.length > 0">
|
<fieldset ng-show="applications.length > 0">
|
||||||
<legend><span class="text">Application Roles</span> </legend>
|
<legend><span class="text">Application Roles</span> </legend>
|
||||||
<div class="form-group input-select col-sm-10">
|
<div class="form-group input-select">
|
||||||
<label class="control-label" for="applications">Application</label>
|
<label class="col-sm-2 control-label" for="applications">Application</label>
|
||||||
<div class="input-group">
|
<div class="col-sm-4">
|
||||||
<div class="select-kc">
|
<div class="input-group">
|
||||||
<select id="applications" name="applications" ng-change="changeApplication()" ng-model="targetApp" ng-options="a.name for a in (applications|remove:application:'id')">
|
<div class="select-kc">
|
||||||
<option value="" selected> Select an Application </option>
|
<select id="applications" name="applications" ng-change="changeApplication()" ng-model="targetApp" ng-options="a.name for a in (applications|remove:application:'id')">
|
||||||
</select>
|
<option value="" selected> Select an Application </option>
|
||||||
|
</select>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="controls changing-selectors" ng-show="targetApp">
|
</div>
|
||||||
|
<div class="form-group" ng-show="targetApp">
|
||||||
|
<div class="controls changing-selectors col-sm-10">
|
||||||
<div class="select-title">
|
<div class="select-title">
|
||||||
<label class="control-label" for="app-available">Available Roles</label>
|
<label class="control-label" for="app-available">Available Roles</label>
|
||||||
<select id="app-available" class="form-control" multiple size="5"
|
<select id="app-available" class="form-control" multiple size="5"
|
||||||
|
|
|
@ -52,16 +52,20 @@
|
||||||
|
|
||||||
<fieldset ng-show="applications.length > 0">
|
<fieldset ng-show="applications.length > 0">
|
||||||
<legend><span class="text">Application Roles</span> </legend>
|
<legend><span class="text">Application Roles</span> </legend>
|
||||||
<div class="form-group input-select col-sm-10">
|
<div class="form-group input-select">
|
||||||
<label class="control-label" for="applications">Application</label>
|
<label class="col-sm-2 control-label" for="applications">Application</label>
|
||||||
<div class="input-group">
|
<div class="col-sm-4">
|
||||||
<div class="select-kc">
|
<div class="input-group">
|
||||||
<select id="applications" name="applications" ng-change="changeApplication()" ng-model="targetApp" ng-options="a.name for a in (applications)">
|
<div class="select-kc">
|
||||||
<option value="" selected> Select an Application </option>
|
<select id="applications" name="applications" ng-change="changeApplication()" ng-model="targetApp" ng-options="a.name for a in (applications)">
|
||||||
</select>
|
<option value="" selected> Select an Application </option>
|
||||||
|
</select>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="controls changing-selectors" data-ng-show="targetApp">
|
</div>
|
||||||
|
<div class="form-group" data-ng-show="targetApp">
|
||||||
|
<div class="controls changing-selectors col-sm-10">
|
||||||
<div class="select-title">
|
<div class="select-title">
|
||||||
<label class="control-label" for="app-available">Available Roles</label>
|
<label class="control-label" for="app-available">Available Roles</label>
|
||||||
<select id="app-available" class="form-control" multiple size="5"
|
<select id="app-available" class="form-control" multiple size="5"
|
||||||
|
|
|
@ -7,7 +7,7 @@
|
||||||
<li><a href="#/realms/{{realm.realm}}">Settings</a></li>
|
<li><a href="#/realms/{{realm.realm}}">Settings</a></li>
|
||||||
<li class="active">Registration</li>
|
<li class="active">Registration</li>
|
||||||
</ol>
|
</ol>
|
||||||
<h2><span>{{realm.realm}}</span> Registration Settings</h2>
|
<h2><span>{{realm.realm}}</span> Default Roles</h2>
|
||||||
<form class="form-horizontal" name="realmForm" novalidate>
|
<form class="form-horizontal" name="realmForm" novalidate>
|
||||||
<fieldset>
|
<fieldset>
|
||||||
<legend><span class="text">Realm Default Roles</span> </legend>
|
<legend><span class="text">Realm Default Roles</span> </legend>
|
||||||
|
@ -46,13 +46,17 @@
|
||||||
<div class="form-group input-select">
|
<div class="form-group input-select">
|
||||||
<label class="col-sm-2 control-label" for="applications">Application</label>
|
<label class="col-sm-2 control-label" for="applications">Application</label>
|
||||||
<div class="col-sm-4">
|
<div class="col-sm-4">
|
||||||
<div class="select-kc">
|
<div class="input-group">
|
||||||
<select id="applications" name="applications" ng-change="changeApplication()" ng-model="application" ng-options="a.name for a in applications">
|
<div class="select-kc">
|
||||||
<option value="" selected> Select an Application...</option>
|
<select id="applications" name="applications" ng-change="changeApplication()" ng-model="application" ng-options="a.name for a in applications">
|
||||||
</select>
|
<option value="" selected> Select an Application...</option>
|
||||||
|
</select>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="controls changing-selectors" ng-show="application">
|
</div>
|
||||||
|
<div class="form-group" ng-show="application">
|
||||||
|
<div class="controls changing-selectors col-sm-10">
|
||||||
<div class="select-title">
|
<div class="select-title">
|
||||||
<label class="control-label" for="available-app">Available Roles</label>
|
<label class="control-label" for="available-app">Available Roles</label>
|
||||||
<select id="available-app" class="form-control" multiple size="5"
|
<select id="available-app" class="form-control" multiple size="5"
|
||||||
|
@ -80,7 +84,6 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</fieldset>
|
</fieldset>
|
||||||
|
|
||||||
</form>
|
</form>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
|
@ -62,7 +62,7 @@
|
||||||
<div class="form-group">
|
<div class="form-group">
|
||||||
<div class="controls changing-selectors col-sm-10">
|
<div class="controls changing-selectors col-sm-10">
|
||||||
<div class="select-title">
|
<div class="select-title">
|
||||||
<label for="available">Available Roles</label>
|
<label class="control-label" for="available">Available Roles</label>
|
||||||
<select id="available" class="form-control" multiple size="5"
|
<select id="available" class="form-control" multiple size="5"
|
||||||
ng-multiple="true"
|
ng-multiple="true"
|
||||||
ng-model="selectedRealmRoles"
|
ng-model="selectedRealmRoles"
|
||||||
|
@ -78,7 +78,7 @@
|
||||||
</button>
|
</button>
|
||||||
</div>
|
</div>
|
||||||
<div class="select-title">
|
<div class="select-title">
|
||||||
<label for="assigned">Assigned Roles</label>
|
<label class="control-label" for="assigned">Assigned Roles</label>
|
||||||
<select id="assigned" class="form-control" multiple size=5
|
<select id="assigned" class="form-control" multiple size=5
|
||||||
ng-multiple="true"
|
ng-multiple="true"
|
||||||
ng-model="selectedRealmMappings"
|
ng-model="selectedRealmMappings"
|
||||||
|
@ -91,16 +91,20 @@
|
||||||
|
|
||||||
<fieldset ng-show="applications.length > 0 && !create && (compositeSwitch || role.composite)">
|
<fieldset ng-show="applications.length > 0 && !create && (compositeSwitch || role.composite)">
|
||||||
<legend uncollapsed><span class="text">Composite Application Roles</span> </legend>
|
<legend uncollapsed><span class="text">Composite Application Roles</span> </legend>
|
||||||
<div class="form-group input-select col-sm-10">
|
<div class="form-group input-select">
|
||||||
<label for="applications">Application</label>
|
<label class="col-sm-2 control-label" for="applications">Application</label>
|
||||||
<div class="input-group">
|
<div class="col-sm-4">
|
||||||
<div class="select-kc">
|
<div class="input-group">
|
||||||
<select id="applications" name="applications" ng-change="changeApplication()" ng-model="compositeApp" ng-options="a.name for a in applications">
|
<div class="select-kc">
|
||||||
<option value="" selected> Select an Application...</option>
|
<select id="applications" name="applications" ng-change="changeApplication()" ng-model="compositeApp" ng-options="a.name for a in applications">
|
||||||
</select>
|
<option value="" selected> Select an Application...</option>
|
||||||
|
</select>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="controls changing-selectors" ng-show="compositeApp">
|
</div>
|
||||||
|
<div class="form-group" ng-show="compositeApp">
|
||||||
|
<div class="controls changing-selectors col-sm-10">
|
||||||
<div class="select-title">
|
<div class="select-title">
|
||||||
<label class="control-label" for="available-app">Available Roles</label>
|
<label class="control-label" for="available-app">Available Roles</label>
|
||||||
<select id="available-app" class="form-control" multiple size="5"
|
<select id="available-app" class="form-control" multiple size="5"
|
||||||
|
|
|
@ -17,10 +17,10 @@
|
||||||
|
|
||||||
<fieldset>
|
<fieldset>
|
||||||
<legend><span class="text">Realm Roles</span> </legend>
|
<legend><span class="text">Realm Roles</span> </legend>
|
||||||
<div class="form-group">
|
<div class="form-group col-sm-10">
|
||||||
<div class="controls changing-selectors col-sm-10">
|
<div class="controls changing-selectors">
|
||||||
<div class="select-title">
|
<div class="select-title">
|
||||||
<label for="available">Available Roles</label>
|
<label class="control-label" for="available">Available Roles</label>
|
||||||
<select id="available" class="form-control" multiple size="5"
|
<select id="available" class="form-control" multiple size="5"
|
||||||
ng-multiple="true"
|
ng-multiple="true"
|
||||||
ng-model="selectedRealmRoles"
|
ng-model="selectedRealmRoles"
|
||||||
|
@ -36,7 +36,7 @@
|
||||||
</button>
|
</button>
|
||||||
</div>
|
</div>
|
||||||
<div class="select-title">
|
<div class="select-title">
|
||||||
<label for="assigned">Assigned Roles</label>
|
<label class="control-label" for="assigned">Assigned Roles</label>
|
||||||
<select id="assigned" class="form-control" multiple size=5
|
<select id="assigned" class="form-control" multiple size=5
|
||||||
ng-multiple="true"
|
ng-multiple="true"
|
||||||
ng-model="selectedRealmMappings"
|
ng-model="selectedRealmMappings"
|
||||||
|
@ -49,18 +49,22 @@
|
||||||
|
|
||||||
<fieldset ng-show="applications.length > 0">
|
<fieldset ng-show="applications.length > 0">
|
||||||
<legend><span class="text">Application Roles</span> </legend>
|
<legend><span class="text">Application Roles</span> </legend>
|
||||||
<div class="form-group input-select col-sm-10">
|
<div class="form-group input-select">
|
||||||
<label for="applications">Application</label>
|
<label class="col-sm-2 control-label" for="applications">Application</label>
|
||||||
<div class="input-group">
|
<div class="col-sm-4">
|
||||||
<div class="select-kc">
|
<div class="input-group">
|
||||||
<select id="applications" name="applications" ng-change="changeApplication()" ng-model="application" ng-options="a.name for a in applications">
|
<div class="select-kc">
|
||||||
<option value="" selected> Select an Application...</option>
|
<select id="applications" name="applications" ng-change="changeApplication()" ng-model="application" ng-options="a.name for a in applications">
|
||||||
</select>
|
<option value="" selected> Select an Application...</option>
|
||||||
|
</select>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="controls changing-selectors" ng-show="application">
|
</div>
|
||||||
|
<div class="form-group" ng-show="application">
|
||||||
|
<div class="controls changing-selectors col-sm-10">
|
||||||
<div class="select-title">
|
<div class="select-title">
|
||||||
<label for="available-app">Available Roles</label>
|
<label class="control-label" for="available-app">Available Roles</label>
|
||||||
<select id="available-app" class="form-control" multiple size="5"
|
<select id="available-app" class="form-control" multiple size="5"
|
||||||
ng-multiple="true"
|
ng-multiple="true"
|
||||||
ng-model="selectedApplicationRoles"
|
ng-model="selectedApplicationRoles"
|
||||||
|
@ -76,7 +80,7 @@
|
||||||
</button>
|
</button>
|
||||||
</div>
|
</div>
|
||||||
<div class="select-title">
|
<div class="select-title">
|
||||||
<label for="assigned-app">Assigned Roles</label>
|
<label class="control-label" for="assigned-app">Assigned Roles</label>
|
||||||
<select id="assigned-app" class="form-control" multiple size=5
|
<select id="assigned-app" class="form-control" multiple size=5
|
||||||
ng-multiple="true"
|
ng-multiple="true"
|
||||||
ng-model="selectedApplicationMappings"
|
ng-model="selectedApplicationMappings"
|
||||||
|
|
Loading…
Reference in a new issue