apache/cloudstack
1
0
Fork 0
mirror of https://github.com/apache/cloudstack.git synced 2025-10-26 08:42:29 +01:00
Code Issues Packages Projects Releases Wiki Activity

LDAP Account Wizard: cleanup layout

Browse Source 
-Fix table column sizing
-Add ellipses/alt tags to fields to help overflow
This commit is contained in:
Brian Federle 2014-02-28 08:36:25 -08:00
parent 100a911229
commit d896aedccd
3 changed files with 55 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

27
ui/css/cloudstack3.css
View File

@ -12450,10 +12450,37 @@ div.ui-dialog div.autoscaler div.field-group div.form-container form div.form-it
display: inline-block;
}
.accounts-wizard .content td {
white-space: nowrap;
text-overflow: ellipsis;
}
.accounts-wizard .content td.select,
.accounts-wizard .content th.select {
background: none;
border-right: 1px solid #BFBFBF;
width: 60px !important;
min-width: 60px !important;
max-width: 60px !important;
}
.accounts-wizard .content .select input {
padding: 0;
width: auto;
height: auto;
margin: 18px 0 0 24px;
}
.accounts-wizard .content:last-child {
margin-left: 14px;
}
.accounts-wizard table thead th:first-child {
width: 50px;
min-width: 50px;
max-width: 50px;
}
.accounts-wizard .input-area {
width: 320px;
font-size: 13px;

8
ui/index.jsp
View File

@ -516,10 +516,10 @@
<table>
<thead>
<tr>
<th style="width:40px">Select</th>
<th style="width:110px">Realname</th>
<th style="width:70px">Username</th>
<th>Email</th>
<th><fmt:message key="label.select"/></th>
<th><fmt:message key="label.name"/></th>
<th><fmt:message key="label.username"/></th>
<th><fmt:message key="label.email"/></th>
</tr>
</thead>
<tbody>

33
ui/scripts/ui-custom/accountsWizard.js
View File

@ -132,17 +132,32 @@
success: function(json) {
if (json.ldapuserresponse.count > 0) {
$(json.ldapuserresponse.LdapUser).each(function() {
var result = $("<tr>");
result.append("<td><input type=\"checkbox\" name=\"username\" value=\"" + this.username + "\"></td>");
result.append("<td>" + this.firstname + " " + this.lastname + "</td>");
result.append("<td>" + this.username + "</td>");
result.append("<td>" + this.email + "</td>");
$table.append(result);
var $result = $('<tr>');
$result.append(
$('<td>').addClass('select').append(
$('<input>').attr({
type: 'checkbox', name: 'username', value: this.username
})
),
$('<td>').addClass('name').html(this.firstname + ' ' + this.lastname)
.attr('title', this.firstname + ' ' + this.lastname),
$('<td>').addClass('username').html(this.username)
.attr('title', this.username),
$('<td>').addClass('email').html(this.email)
.attr('title', this.email)
)
$table.append($result);
});
} else {
var result = $("<tr>");
result.append("<td colspan=\"4\">No data to show</td>");
$table.append(result);
var $result = $('<tr>');
$result.append(
$('<td>').attr('colspan', 4).html(_l('label.no.data'))
);
$table.append($result);
}
}
});