Filter projects on dashboard

Dmitriy Zaporozhets
1 parent fcccf762
Showing 4 changed files with 35 additions and 8 deletions Show diff stats
app/assets/javascripts/dashboard.js.coffee
app/assets/stylesheets/sections/dashboard.scss
app/views/dashboard/_projects.html.haml
app/views/dashboard/_sidebar.html.haml
@@ -8,6 +8,21 @@ class Dashboard
       @toggleFilter($(event.currentTarget))
       @reloadActivities()
+    $(".dash-projects-filter").keyup ->
+      terms = $(this).val()
+      if terms == "" || terms == undefined
+        $(".dash-projects-list li").show()
+      else
+        $(".dash-projects-list li").each (index) ->
+          name = $(this).find(".well-title").text()
+
+          if name.search(terms) == -1
+            $(this).hide()
+          else
+            $(this).show()
+
+
+
   reloadActivities: ->
     $(".content_list").html ''
     Pager.init 20, true
@@ -46,3 +46,13 @@
   }
 }
+.dashboard {
+  .dash-projects-filter {
+    margin: 0;
+    padding: 4px 6px;
+    width: 202px;
+    float: left;
+    margin-top: 3px;
+    margin-left: -2px;
+  }
+}
 .ui-box
-  %h5.title
-    Projects
-    %span.light
-      (#{@projects_count})
+  %h5.title.clearfix
+    = search_field_tag :filter_projects, nil, placeholder: 'Filter by name', class: 'dash-projects-filter'
     - if current_user.can_create_project?
       %span.pull-right
-        = link_to new_project_path, class: "btn btn-small" do
+        = link_to new_project_path, class: "btn" do
           %i.icon-plus
           New Project
-  %ul.well-list
+  %ul.well-list.dash-projects-list
     - projects.each do |project|
       %li
         = link_to project_path(project), class: dom_class(project) do
 %ul.nav.nav-tabs.dash-sidebar-tabs
   %li.active
-    = link_to 'Projects', '#projects', 'data-toggle' => 'tab', id: 'sidebar-projects-tab'
+    = link_to '#projects', 'data-toggle' => 'tab', id: 'sidebar-projects-tab' do
+      Projects
+      %span.badge= @projects_count
   %li
-    = link_to 'Groups', '#groups', 'data-toggle' => 'tab', id: 'sidebar-groups-tab'
+    = link_to '#groups', 'data-toggle' => 'tab', id: 'sidebar-groups-tab' do
+      Groups
+      %span.badge= @groups.count
 .tab-content
   .tab-pane.active#projects
	@@ -8,6 +8,21 @@ class Dashboard		@@ -8,6 +8,21 @@ class Dashboard
8	@toggleFilter($(event.currentTarget))	8	@toggleFilter($(event.currentTarget))
9	@reloadActivities()	9	@reloadActivities()
10		10
		11	+ $(".dash-projects-filter").keyup ->
		12	+ terms = $(this).val()
		13	+ if terms == "" \|\| terms == undefined
		14	+ $(".dash-projects-list li").show()
		15	+ else
		16	+ $(".dash-projects-list li").each (index) ->
		17	+ name = $(this).find(".well-title").text()
		18	+
		19	+ if name.search(terms) == -1
		20	+ $(this).hide()
		21	+ else
		22	+ $(this).show()
		23	+
		24	+
		25	+
11	reloadActivities: ->	26	reloadActivities: ->
12	$(".content_list").html ''	27	$(".content_list").html ''
13	Pager.init 20, true	28	Pager.init 20, true
	@@ -46,3 +46,13 @@		@@ -46,3 +46,13 @@
46	}	46	}
47	}	47	}
48		48
		49	+.dashboard {
		50	+ .dash-projects-filter {
		51	+ margin: 0;
		52	+ padding: 4px 6px;
		53	+ width: 202px;
		54	+ float: left;
		55	+ margin-top: 3px;
		56	+ margin-left: -2px;
		57	+ }
		58	+}