Draft improvements to search layout

app/controllers/search_controller.rb

@@ -4,6 +4,8 @@ class SearchController < ApplicationController
   def show
     return if params[:search].nil? || params[:search].blank?
 
+    @search_term = params[:search]
+
     if params[:project_id].present?
       @project = Project.find_by(id: params[:project_id])
       @project = nil unless can?(current_user, :download_code, @project)
@@ -37,6 +39,7 @@ class SearchController < ApplicationController
         end
         Search::GlobalService.new(current_user, params).execute
       end
+
     @objects = @search_results.objects(@scope, params[:page])
   end
 

app/views/layouts/_search.html.haml

 .search
   = form_tag search_path, method: :get, class: 'navbar-form pull-left' do |f|
-    = search_field_tag "search", nil, placeholder: search_placeholder, class: "search-input"
+    = search_field_tag "search", @search_term, placeholder: search_placeholder, class: "search-input"
     = hidden_field_tag :group_id, @group.try(:id)
     - if @project && @project.persisted?
       = hidden_field_tag :project_id, @project.id

app/views/search/_global_filter.html.haml → app/views/layouts/nav/_search.html.haml

-%ul.nav.nav-pills.nav-stacked.search-filter
+%ul.nav.nav-sidebar.search-filter
+  - if @project
+    = render 'layouts/nav/search/project'
+
+  - elsif @show_snippets
+    = render 'layouts/nav/search/snippet'
+
+  - else
     %li{class: ("active" if @scope == 'projects')}
       = link_to search_filter_path(scope: 'projects') do
+        = icon('bookmark fw')
+        %span
           Projects
-      .pull-right
+          %span.count
             = @search_results.projects_count
     %li{class: ("active" if @scope == 'issues')}
       = link_to search_filter_path(scope: 'issues') do
+        = icon('exclamation-circle fw')
+        %span
           Issues
-      .pull-right
+          %span.count
             = @search_results.issues_count
     %li{class: ("active" if @scope == 'merge_requests')}
       = link_to search_filter_path(scope: 'merge_requests') do
+        = icon('tasks fw')
+        %span
           Merge requests
-      .pull-right
+          %span.count
             = @search_results.merge_requests_count
+

app/views/search/_project_filter.html.haml → app/views/layouts/nav/search/_project.html.haml

-%ul.nav.nav-pills.nav-stacked.search-filter
-  %li{class: ("active" if @scope == 'blobs')}
+%li{class: ("active" if @scope == 'blobs')}
   = link_to search_filter_path(scope: 'blobs') do
-      %i.fa.fa-code
+    = icon('code fw')
+    %span
       Code
-      .pull-right
+      %span.count
         = @search_results.blobs_count
-  %li{class: ("active" if @scope == 'issues')}
+%li{class: ("active" if @scope == 'issues')}
   = link_to search_filter_path(scope: 'issues') do
-      %i.fa.fa-exclamation-circle
+    = icon('exclamation-circle fw')
+    %span
       Issues
-      .pull-right
+      %span.count
         = @search_results.issues_count
-  %li{class: ("active" if @scope == 'merge_requests')}
+%li{class: ("active" if @scope == 'merge_requests')}
   = link_to search_filter_path(scope: 'merge_requests') do
-      %i.fa.fa-code-fork
+    = icon('tasks fw')
+    %span
       Merge requests
-      .pull-right
+      %span.count
         = @search_results.merge_requests_count
-  %li{class: ("active" if @scope == 'notes')}
+%li{class: ("active" if @scope == 'notes')}
   = link_to search_filter_path(scope: 'notes') do
-      %i.fa.fa-comments
+    = icon('comments fw')
+    %span
       Comments
-      .pull-right
+      %span.count
         = @search_results.notes_count
-  %li{class: ("active" if @scope == 'wiki_blobs')}
+%li{class: ("active" if @scope == 'wiki_blobs')}
   = link_to search_filter_path(scope: 'wiki_blobs') do
-      %i.fa.fa-book
+    = icon('book fw')
+    %span
       Wiki
-      .pull-right
+      %span.count
         = @search_results.wiki_blobs_count
-

app/views/search/_snippet_filter.html.haml → app/views/layouts/nav/search/_snippet.html.haml

-%ul.nav.nav-pills.nav-stacked.search-filter
-  %li{class: ("active" if @scope == 'snippet_blobs')}
+%li{class: ("active" if @scope == 'snippet_blobs')}
   = link_to search_filter_path(scope: 'snippet_blobs', snippets: true, group_id: nil, project_id: nil) do
-      %i.fa.fa-code
+    = icon('code fw')
+    %span
       Snippet Contents
-      .pull-right
+      %span.count
         = @search_results.snippet_blobs_count
-  %li{class: ("active" if @scope == 'snippet_titles')}
+%li{class: ("active" if @scope == 'snippet_titles')}
   = link_to search_filter_path(scope: 'snippet_titles', snippets: true, group_id: nil, project_id: nil) do
-      %i.fa.fa-book
+    = icon('book fw')
+    %span
       Titles and Filenames
-      .pull-right
+      %span.count
         = @search_results.snippet_titles_count

app/views/layouts/search.html.haml

@@ -2,9 +2,5 @@
 %html{ lang: "en"}
   = render "layouts/head", title: "Search"
   %body{class: "#{app_theme}  application", :'data-page' => body_data_page}
-    = render "layouts/broadcast"
     = render "layouts/head_panel", title: link_to("Search", search_path)
-    .container.navless-container
-      .content
-        = render "layouts/flash"
-        = yield
+    = render 'layouts/page', sidebar: 'layouts/nav/search'

app/views/search/_results.html.haml

-%h4
-  #{@search_results.total_count} results found
-  - unless @show_snippets
-    - if @project
-      for #{link_to @project.name_with_namespace, [@project.namespace.becomes(Namespace), @project]}
-    - elsif @group
-      for #{link_to @group.name, @group}
-
-%hr
-
-.row
-  .col-sm-3
-    - if @project
-      = render "project_filter"
-    - elsif @show_snippets
-      = render 'snippet_filter'
-    - else
-      = render "global_filter"
-  .col-sm-9
-    .search-results
+.search-results
   - if @search_results.empty?
     = render partial: "search/results/empty", locals: { message: "We couldn't find any matching results" }
   - else

app/views/search/show.html.haml

-= form_tag search_path, method: :get, class: 'form-horizontal' do |f|
-  .search-holder.clearfix
-    .form-group
-      = label_tag :search, class: 'control-label' do
-        %span Looking for
-      .col-sm-6
-        = search_field_tag :search, params[:search], placeholder: "issue 143", class: "form-control search-text-input", id: "dashboard_search"
-      .col-sm-4
-        = button_tag 'Search', class: "btn btn-create"
-    .form-group
-      .col-sm-2
-      - unless params[:snippets].eql? 'true'
-        .col-sm-10
-          = render 'filter', f: f
-      = hidden_field_tag :project_id, params[:project_id]
-      = hidden_field_tag :group_id, params[:group_id]
-      = hidden_field_tag :snippets, params[:snippets]
-      = hidden_field_tag :scope, params[:scope]
+- if @search_term
+  .lead
+    Search for
+    %code
+      = @search_term
+    - unless @show_snippets
+      - if @project
+        in project #{link_to @project.name_with_namespace, [@project.namespace.becomes(Namespace), @project]}
+      - elsif @group
+        in group #{link_to @group.name, @group}
 
+    .pull-right
+      = render 'filter'
+  %hr
   .results.prepend-top-10
-    - if params[:search].present?
     = render 'search/results'
+- else
+  wow