openstack/horizon
Code Issues Proposed changes

Merge "Make NG Users table details drawer responsive"

Browse Source
This commit is contained in:
Jenkins 2015-09-14 06:08:07 +00:00 committed by Gerrit Code Review
commit a1fe344c3a
2 changed files with 32 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

46
openstack_dashboard/dashboards/identity/static/dashboard/identity/users/table/table.html
View File

@ -69,26 +69,33 @@
-->
<tr ng-repeat-end class="detail-row">
<td class="detail" colspan="100">
<dl class="dl-horizontal">
<!--
The responsive columns that disappear typically should reappear here
with the same responsive priority that they disappear.
E.g. table header with rsp-p2 should be here with rsp-alt-p2
The layout should minimize vertical space to reduce scrolling.
-->
<div class="row">
<dl ng-if="user.domain_id" class="col-sm-2">
<dt translate>Domain ID</dt>
<dd>{$ user.domain_id $}</dd>
</dl>
<dl class="col-sm-2">
<dt translate>Project ID</dt>
<dd>{$ user.tenantId || user.default_project_id || '-'$}</dd>
</dl>
<dt ng-if="user.domain_id" translate>Domain ID</dt>
<dd ng-if="user.domain_id" translate>{$ user.domain_id $}</dd>
<dt translate>Project ID</dt>
<dd>{$ user.tenantId || user.default_project_id $}</dd>
<dt translate>User Name</dt>
<dd>{$ user.name $}</dd>
<dt translate>Email</dt>
<dd>{$ user.email || '-' $}</dd>
<dt translate>User ID</dt>
<dd>{$ user.id $}</dd>
<dt translate>Enabled</dt>
<dd>{$ user.enabled | yesno $}</dd>
</dl>
<span class="rsp-alt-p2">
<dl class="col-sm-2">
<dt translate>Email</dt>
<dd>{$ user.email || '-' $}</dd>
</dl>
<dl class="col-sm-2">
<dt translate>Enabled</dt>
<dd>{$ user.enabled | yesno $}</dd>
</dl>
</span>
</div>
</td>
</tr>
</tbody>
@ -96,7 +103,6 @@
<!--
Table-footer:
This is where we display number of items and pagination controls.
Ensure colspan is greater or equal to number of column-headers.
-->
<tfoot hz-table-footer items="table.iusers"></tfoot>

7
openstack_dashboard/dashboards/identity/static/dashboard/identity/users/users.scss
View File

@ -1,6 +1,11 @@
table[ng-controller="identityUsersTableController as table"] {
.detail-expanded dl.dl-horizontal {
.detail-expanded .row {
background: none;
padding-left: 2em;
}
&.table-rsp .action-col {
min-width: 12em;
}
}