use collapse/accordion to prevent too long screen

git-svn-id: https://svn.apache.org/repos/asf/archiva/trunk@1293970 13f79535-47bb-0310-9956-ffa450edef68
This commit is contained in:
Olivier Lamy 2012-02-26 23:52:50 +00:00
parent 89ca2d1902
commit 5dd0f10668
2 changed files with 139 additions and 126 deletions

View File

@ -145,6 +145,7 @@ $(function() {
activateRoleEditTab();
mainContent.find("#role-view-users").tabs("show");
mainContent.find("#role-edit-users-tabs-content #role-view-users").addClass("active");
mainContent.find("#role-edit").collapse("show");
}
}
);

View File

@ -46,9 +46,14 @@
</script>
<script id="editRoleTab" type="text/x-jquery-tmpl">
<div class="page-header">
<h3>${$.i18n.prop('role')}</h3>
<div class="accordion" id="edit-role-accordion">
<div class="accordion-group">
<div class="accordion-heading">
<h3>
<a class="accordion-toggle" href="#role-collapse" data-parent="#edit-role-accordion" data-toggle="collapse">${$.i18n.prop('role')}</a>
</h3>
</div>
<div id="role-collapse" class="accordion-body collapse in">
<table class="table table-bordered" id="editRoleTable">
<tbody>
<tr>
@ -77,7 +82,6 @@
{{each $data.parentRoleNames}}
<li>${$value}</li>
{{/each}}
</ul>
{{/if}}
@ -123,10 +127,15 @@
</tbody>
</table>
{{/if}}
<div class="page-header">
<h2>${$.i18n.prop('role.edit.section.users')}</h2>
</div>
</div>
<div class="accordion-group>">
<div class="accordion-heading">
<h3>
<a class="accordion-toggle" href="#role-users-collapse" data-parent="#edit-role-accordion" data-toggle="collapse">${$.i18n.prop('role.edit.section.users')}</a>
</h3>
</div>
<div id="role-users-collapse" class="accordion-body collapse">
{{if $data.parentsRolesUsers}}
<div class="page-header">
<h3>${$.i18n.prop('role.edit.users.defined.in.parent.roles')}</h3>
@ -182,6 +191,9 @@
<button class="btn" id="role-edit-users-save" data-bind="click: saveUsers">${$.i18n.prop('save')}</button>
</div>
</div>
</div>
</div>
</div>
</script>
<script id='ko_rolesGrid' type='text/x-jquery-tmpl'>