Merge branch 'performance-improvements' into 'master'

app/assets/stylesheets/gl_bootstrap.scss

@@ -253,6 +253,12 @@ ul.breadcrumb {
     }
   }
 
+  .panel-footer {
+    .pagination {
+      margin: 0;
+    }
+  }
+
   &.panel-small {
     .panel-heading {
       padding: 6px 15px;

app/controllers/admin/groups_controller.rb

@@ -8,6 +8,8 @@ class Admin::GroupsController < Admin::ApplicationController
   end
 
   def show
+    @members = @group.members.order("group_access DESC").page(params[:members_page]).per(30)
+    @projects = @group.projects.page(params[:projects_page]).per(30)
   end
 
   def new

app/controllers/admin/projects_controller.rb

@@ -17,6 +17,11 @@ class Admin::ProjectsController < Admin::ApplicationController
   end
 
   def show
+    if @group
+      @group_members = @group.members.order("group_access DESC").page(params[:group_members_page]).per(30)
+    end
+
+    @project_members = @project.users_projects.page(params[:project_members_page]).per(30)
   end
 
   def transfer

app/views/admin/groups/show.html.haml

@@ -31,11 +31,12 @@
 
     .panel.panel-default
       .panel-heading
-        Projects
-        %small
-          (#{@group.projects.count})
+        %h3.panel-title
+          Projects
+          %span.badge
+            #{@group.projects.count}
       %ul.well-list
-        - @group.projects.sort_by(&:name).each do |project|
+        - @projects.each do |project|
           %li
             %strong
               = link_to project.name_with_namespace, [:admin, project]
@@ -43,6 +44,8 @@
                 = repository_size(project)
             %span.pull-right.light
               %span.monospace= project.path_with_namespace + ".git"
+      .panel-footer
+        = paginate @projects, param_name: 'projects_page', theme: 'gitlab'
 
   .col-md-6
     .panel.panel-default
@@ -62,12 +65,12 @@
           = submit_tag 'Add users into group', class: "btn btn-create"
     .panel.panel-default
       .panel-heading
-        %strong #{@group.name}
-        Group Members
-        %small
-          (#{@group.users_groups.count})
+        %h3.panel-title
+          Members
+          %span.badge
+            #{@group.users_groups.count}
       %ul.well-list.group-users-list
-        - @group.users_groups.order('group_access DESC').each do |member|
+        - @members.each do |member|
           - user = member.user
           %li{class: dom_class(user)}
             .list-item-name
@@ -77,3 +80,5 @@
               = member.human_access
               = link_to group_users_group_path(@group, member), data: { confirm: remove_user_from_group_message(@group, user) }, method: :delete, remote: true, class: "btn-tiny btn btn-remove", title: 'Remove user from group' do
                 %i.icon-minus.icon-white
+      .panel-footer
+        = paginate @members, param_name: 'members_page', theme: 'gitlab'

app/views/admin/projects/show.html.haml

@@ -100,8 +100,10 @@
             = link_to admin_group_path(@group), class: 'btn btn-small' do
               %i.icon-edit
         %ul.well-list
-          - @group.users_groups.order('group_access DESC').each do |member|
+          - @group_members.each do |member|
             = render 'users_groups/users_group', member: member, show_controls: false
+        .panel-footer
+          = paginate @group_members, param_name: 'group_members_page', theme: 'gitlab'
 
     .panel.panel-default
       .panel-heading
@@ -113,7 +115,7 @@
             %i.icon-edit
             Manage Access
       %ul.well-list.team_members
-        - @project.users_projects.each do |users_project|
+        - @project_members.each do |users_project|
           - user = users_project.user
           %li.users_project
             .list-item-name
@@ -126,3 +128,5 @@
                 %span.light= users_project.human_access
                 = link_to project_team_member_path(@project, user), data: { confirm: remove_from_project_team_message(@project, user)}, method: :delete, remote: true, class: "btn btn-small btn-remove" do
                   %i.icon-remove
+      .panel-footer
+        = paginate @project_members, param_name: 'project_members_page', theme: 'gitlab'