<style>
#targetLinking fieldset {
margin-top: 0;
}
#targetLinking .group-field {
float: left !important;
width: 100%;
}
#targetLinking .field label {
text-align: left;
}
#targetLinking .field input,#targetLinking .field select {
clear: both;
}
#targetLinking .field .validation-message {
clear: none !important;
margin-left: 20px !important;
float: left !important;
}
border: 0px;
width: 10px;
}
</style>
<h2 class="header">Role Status Check</h2>
<div class="form-group">
<label class="col-sm-3 control-label" for="RoleName">Role Name</label>
<div class="col-sm-8">
<input class="form-control" type="text" value="{{variables.uidata.rolename}}" name="RoleName" readonly/>
</div>
</div>
<div class="form-group">
<label class="col-sm-3 control-label" for="RoleId">Role ID</label>
<div class="col-sm-8">
<input class="form-control" type="text" value="{{variables.uidata.roleid}}" name="RoleId" readonly/>
</div>
</div>
<div class="form-group">
<label class="col-sm-3 control-label" for="RoleDescription">Role description</label>
<div class="col-sm-8">
<input class="form-control" type="text" value="{{variables.uidata.roledescription}}" name="RoleDescription" readonly/>
</div>
</div>
<table class="table">
<tbody>
{{#each variables.uidata.assignments}}
<tr>
<td><label>Assignment Name</label></td>
<td><label>{{assignmentname}}</label></td>
</tr>
{{#each attributes}}
<tr>
<td>Name</td>
<td>{{name}}</td>
</tr>
<tr>
<td>Assignment Operation</td>
<td>{{assignmentOperation}}</td>
</tr>
<tr>
<td>Unassignment Operation</td>
<td>{{unassignmentOperation}}</td>
</tr>
<tr>
<td>Value</td>
<td>
<ul class="attributeValues" id="{{../assignmentname}}{{name}}List" name="{{../assignmentname}}{{name}}List" contenteditable="true">
{{#each value}}
<li>{{.}}</li>
{{/each}}
</ul>
<input type="text" class="attributeValues" name="{{../assignmentname}}{{name}}Assignments" hidden/>
</td>
</tr>
{{/each}}
{{/each}}
</tbody>
</table>
<div class="form-group">
<label class="col-sm-3 control-label" for="certResults">Certification result:</label>
<div class="col-sm-8">
<select class="form-control" name="decision">
<option value="certify">Certify</option>
<option value="update">Update</option>
</select>
</div>
</div>
<script type="text/javascript">
$(document).ready(function() {
$("#taskDetails #actions input[name=saveButton]").click(function(e) {
$("#taskDetails ul.attributeValues").each(function () {
var input = $(this).parent().find("input.attributeValues"),
list = _.map($("li", this), function (v) { return $(v).text(); });
input.val(JSON.stringify(list));
});
});
});
</script>