Skeleton of the group milestone index page.

app/helpers/groups_helper.rb

@@ -31,6 +31,18 @@ module GroupsHelper
             end
 
     title
+  end
+
+  def group_filter_path(entity, options={})
+    exist_opts = {
+      state: params[:state],
+      scope: params[:scope]
+    }
+
+    options = exist_opts.merge(options)
 
+    path = request.path
+    path << "?#{options.to_param}"
+    path
   end
 end

app/views/groups/_filter.html.haml

+= form_tag group_filter_path(entity), method: 'get' do
+  %fieldset
+    %ul.nav.nav-pills.nav-stacked
+      %li{class: ("active" if !params[:status])}
+        = link_to group_filter_path(entity, status: nil) do
+          Active
+      %li{class: ("active" if params[:status] == 'closed')}
+        = link_to group_filter_path(entity, status: 'closed') do
+          Closed
+      %li{class: ("active" if params[:status] == 'all')}
+        = link_to group_filter_path(entity, status: 'all') do
+          All

app/views/groups/milestones/_milestone.html.haml

+- if @milestones.any?
+  - @issues.group_by(&:project).each do |group|
+    .panel.panel-default.panel-small
+      - project = group[0]
+      .panel-heading
+        = link_to_project project
+        = link_to 'show all', project_issues_path(project), class: 'pull-right'
+
+      %ul.well-list.issues-list
+        - group[1].each do |issue|
+          = render 'projects/issues/issue', issue: issue
+  = paginate @issues, theme: "gitlab"
+

app/views/groups/milestones/index.html.haml

+%h3.page-title
+  Milestones
+  %span.pull-right milestones
+
+%p.light
+  Only milestones from
+  %strong #{@group.name}
+  group are listed here.
+
+%hr
+
+.row
+  .fixed.sidebar-expand-button.hidden-lg.hidden-md
+    %i.icon-list.icon-2x
+  .col-md-3.responsive-side
+    = render 'groups/filter', entity: 'milestones'
+  .col-md-9
+    - if @milestones.blank?
+      .nothing-here-block No milestones to show
+    - else
+      = render 'groups/milestones/milestone'