dashboard: make group list prettier

circle/dashboard/static/dashboard/dashboard.css

@@ -216,7 +216,7 @@ html {
 }
 }
 
 
 #vm-list-rename-name, #node-list-rename-name, #group-list-rename-name {
 #vm-list-rename-name, #node-list-rename-name, #group-list-rename-name {
-  max-width: 100px;
+  max-width: 150px;
 }
 }
 
 
 .label-tag {
 .label-tag {
@@ -1016,3 +1016,12 @@ textarea[name="new_members"] {
 #vm-migrate-node-list li {
 #vm-migrate-node-list li {
   cursor: pointer;
   cursor: pointer;
 }
 }
+
+.group-list-table .actions,
+.group-list-table .admin,
+.group-list-table .number_of_users,
+.group-list-table .pk {
+  width: 1px;
+  white-space: nowrap;
+  text-align: center;
+}

circle/dashboard/static/dashboard/group-list.js

@@ -3,6 +3,7 @@ $(function() {
   $("#group-list-rename-button, .group-details-rename-button").click(function() {
   $("#group-list-rename-button, .group-details-rename-button").click(function() {
     $("#group-list-column-name", $(this).closest("tr")).hide();
     $("#group-list-column-name", $(this).closest("tr")).hide();
     $("#group-list-rename", $(this).closest("tr")).css('display', 'inline');
     $("#group-list-rename", $(this).closest("tr")).css('display', 'inline');
+    $("#group-list-rename").find("input").select();
   });
   });
 
 
   /* rename ajax */
   /* rename ajax */

circle/dashboard/tables.py

@@ -88,18 +88,21 @@ class GroupListTable(Table):
 
 
     number_of_users = TemplateColumn(
     number_of_users = TemplateColumn(
         orderable=False,
         orderable=False,
+        verbose_name=_("Number of users"),
         template_name='dashboard/group-list/column-users.html',
         template_name='dashboard/group-list/column-users.html',
         attrs={'th': {'class': 'group-list-table-admin'}},
         attrs={'th': {'class': 'group-list-table-admin'}},
     )
     )
 
 
     admin = TemplateColumn(
     admin = TemplateColumn(
         orderable=False,
         orderable=False,
+        verbose_name=_("Admin"),
         template_name='dashboard/group-list/column-admin.html',
         template_name='dashboard/group-list/column-admin.html',
         attrs={'th': {'class': 'group-list-table-admin'}},
         attrs={'th': {'class': 'group-list-table-admin'}},
     )
     )
 
 
     actions = TemplateColumn(
     actions = TemplateColumn(
         orderable=False,
         orderable=False,
+        verbose_name=_("Actions"),
         attrs={'th': {'class': 'group-list-table-thin'}},
         attrs={'th': {'class': 'group-list-table-thin'}},
         template_code=('{% include "dashboard/group-list/column-'
         template_code=('{% include "dashboard/group-list/column-'
                        'actions.html" with btn_size="btn-xs" %}'),
                        'actions.html" with btn_size="btn-xs" %}'),

circle/dashboard/templates/dashboard/group-list.html

@@ -10,7 +10,7 @@
   <div class="col-md-12">
   <div class="col-md-12">
     <div class="panel panel-default">
     <div class="panel panel-default">
       <div class="panel-heading">
       <div class="panel-heading">
-        <h3 class="no-margin"><i class="fa fa-group"></i> Your groups</h3>
+        <h3 class="no-margin"><i class="fa fa-group"></i> {% trans "Groups" %}</h3>
       </div>
       </div>
       <div class="panel-body">
       <div class="panel-body">
 	<div id="table_container">
 	<div id="table_container">