diff --git a/public/css/admin.less b/public/css/admin.less
index 5f862466e5..038df1b848 100644
--- a/public/css/admin.less
+++ b/public/css/admin.less
@@ -144,15 +144,19 @@
}
.groups {
- li {
- list-style-type: none;
- margin-bottom: 1em;
- padding: 1em;
- .zebra;
+ ul {
+ padding-left: 0;
- h2 {
- margin-top: 0;
- font-size: 26px;
+ li {
+ list-style-type: none;
+ margin-bottom: 1em;
+ padding: 1em;
+ .zebra;
+
+ h2 {
+ margin-top: 0;
+ font-size: 26px;
+ }
}
}
diff --git a/public/src/forum/admin/groups.js b/public/src/forum/admin/groups.js
index a6c2c1000a..e9d9a0ad91 100644
--- a/public/src/forum/admin/groups.js
+++ b/public/src/forum/admin/groups.js
@@ -62,14 +62,30 @@ $(document).ready(function() {
case 'members':
socket.emit('api:groups.get', gid, function(err, groupObj) {
var formEl = detailsModal.find('form'),
- nameEl = formEl.find('change-group-name'),
- descEl = formEl.find('change-group-desc'),
- membersEl = formEl.find('ul.members');
+ nameEl = formEl.find('#change-group-name'),
+ descEl = formEl.find('#change-group-desc'),
+ membersEl = formEl.find('ul.members'),
+ memberIcon = document.createElement('li'),
+ numMembers = groupObj.members.length,
+ membersFrag = document.createDocumentFragment(),
+ memberIconImg, x;
- nameEl.val(groupObj.name);
- descEl.cal(groupObj.description);
console.log(groupObj);
+ nameEl.val(groupObj.name);
+ descEl.val(groupObj.description);
+
+ // Member list
+ memberIcon.innerHTML = '
';
+ memberIconImg = memberIcon.querySelector('img');
+ if (numMembers > 0) {
+ for(x=0,x