Commit cd567ee40b660a5ff571d882ad1492f68dc07e23
1 parent
fbd5296e
Exists in
master
and in
4 other branches
Titled dashboard, admin, profile areas. Wider top panel. Restored search input
Showing
8 changed files
with
50 additions
and
25 deletions
Show diff stats
app/assets/stylesheets/common.scss
@@ -97,7 +97,7 @@ $blue_link: "#2fa0bb"; | @@ -97,7 +97,7 @@ $blue_link: "#2fa0bb"; | ||
97 | min-width:$min_app_width; | 97 | min-width:$min_app_width; |
98 | max-width:$max_app_width; | 98 | max-width:$max_app_width; |
99 | margin:auto; | 99 | margin:auto; |
100 | - margin-top:52px; | 100 | + margin-top:62px; |
101 | } | 101 | } |
102 | 102 | ||
103 | .container-fluid > .sidebar { | 103 | .container-fluid > .sidebar { |
app/assets/stylesheets/top_panel.scss
@@ -11,24 +11,25 @@ body header { | @@ -11,24 +11,25 @@ body header { | ||
11 | -moz-box-shadow: 0 -1px 0 white inset; | 11 | -moz-box-shadow: 0 -1px 0 white inset; |
12 | -webkit-box-shadow: 0 -1px 0 white inset; | 12 | -webkit-box-shadow: 0 -1px 0 white inset; |
13 | 13 | ||
14 | - height:50px; | 14 | + height:60px; |
15 | 15 | ||
16 | .wrapper { | 16 | .wrapper { |
17 | margin:auto; | 17 | margin:auto; |
18 | min-width:$min_app_width; | 18 | min-width:$min_app_width; |
19 | max-width:$max_app_width; | 19 | max-width:$max_app_width; |
20 | position:relative; | 20 | position:relative; |
21 | - padding:10px $app_padding; | 21 | + padding:15px $app_padding; |
22 | } | 22 | } |
23 | 23 | ||
24 | .project_name { | 24 | .project_name { |
25 | float:left; | 25 | float:left; |
26 | width:400px; | 26 | width:400px; |
27 | + margin:0; | ||
27 | margin-right:30px; | 28 | margin-right:30px; |
28 | - font-size:16px; | 29 | + font-size:20px; |
30 | + line-height:28px; | ||
29 | font-weight:bold; | 31 | font-weight:bold; |
30 | - padding:8px; | ||
31 | - color:#333; | 32 | + color:#666; |
32 | text-shadow: 0 1px 1px #FFF; | 33 | text-shadow: 0 1px 1px #FFF; |
33 | } | 34 | } |
34 | 35 | ||
@@ -118,7 +119,7 @@ body header { | @@ -118,7 +119,7 @@ body header { | ||
118 | header .account-box{ | 119 | header .account-box{ |
119 | position: absolute; | 120 | position: absolute; |
120 | right: 0; | 121 | right: 0; |
121 | - top: 8px; | 122 | + top: 13px; |
122 | z-index: 10000; | 123 | z-index: 10000; |
123 | width: 128px; | 124 | width: 128px; |
124 | font-size: 11px; | 125 | font-size: 11px; |
app/helpers/application_helper.rb
@@ -71,11 +71,11 @@ module ApplicationHelper | @@ -71,11 +71,11 @@ module ApplicationHelper | ||
71 | 71 | ||
72 | if @project && !@project.new_record? | 72 | if @project && !@project.new_record? |
73 | project_nav = [ | 73 | project_nav = [ |
74 | - { :label => "#{@project.code} / Issues", :url => project_issues_path(@project) }, | ||
75 | - { :label => "#{@project.code} / Wall", :url => wall_project_path(@project) }, | ||
76 | - { :label => "#{@project.code} / Tree", :url => tree_project_ref_path(@project, @project.root_ref) }, | ||
77 | - { :label => "#{@project.code} / Commits", :url => project_commits_path(@project) }, | ||
78 | - { :label => "#{@project.code} / Team", :url => team_project_path(@project) } | 74 | + { :label => "#{@project.name} / Issues", :url => project_issues_path(@project) }, |
75 | + { :label => "#{@project.name} / Wall", :url => wall_project_path(@project) }, | ||
76 | + { :label => "#{@project.name} / Tree", :url => tree_project_ref_path(@project, @project.root_ref) }, | ||
77 | + { :label => "#{@project.name} / Commits", :url => project_commits_path(@project) }, | ||
78 | + { :label => "#{@project.name} / Team", :url => team_project_path(@project) } | ||
79 | ] | 79 | ] |
80 | end | 80 | end |
81 | 81 | ||
@@ -83,11 +83,15 @@ module ApplicationHelper | @@ -83,11 +83,15 @@ module ApplicationHelper | ||
83 | end | 83 | end |
84 | 84 | ||
85 | def project_layout | 85 | def project_layout |
86 | - @project && !@project.new_record? | 86 | + layout == "project" |
87 | + end | ||
88 | + | ||
89 | + def admin_layout | ||
90 | + layout == "admin" | ||
87 | end | 91 | end |
88 | 92 | ||
89 | def profile_layout | 93 | def profile_layout |
90 | - controller.controller_name == "dashboard" || current_page?(projects_path) || controller.controller_name == "profile" || controller.controller_name == "keys" | 94 | + layout == "profile" |
91 | end | 95 | end |
92 | 96 | ||
93 | def help_layout | 97 | def help_layout |
@@ -97,4 +101,8 @@ module ApplicationHelper | @@ -97,4 +101,8 @@ module ApplicationHelper | ||
97 | def ldap_enable? | 101 | def ldap_enable? |
98 | Devise.omniauth_providers.include?(:ldap) | 102 | Devise.omniauth_providers.include?(:ldap) |
99 | end | 103 | end |
104 | + | ||
105 | + def layout | ||
106 | + controller.send :_layout | ||
107 | + end | ||
100 | end | 108 | end |
app/views/layouts/_head_panel.html.haml
@@ -6,9 +6,8 @@ | @@ -6,9 +6,8 @@ | ||
6 | = link_to root_path, :class => "home", :title => "Home" do | 6 | = link_to root_path, :class => "home", :title => "Home" do |
7 | = image_tag "logo.png", :width => 100 | 7 | = image_tag "logo.png", :width => 100 |
8 | 8 | ||
9 | - - if project_layout | ||
10 | - .project_name | ||
11 | - = truncate @project.name, :length => 35 | 9 | + %h1.project_name= title |
10 | + .search= text_field_tag "search", nil, :placeholder => "Search", :class => "search-input xlarge" | ||
12 | 11 | ||
13 | 12 | ||
14 | .account-box | 13 | .account-box |
@@ -18,3 +17,20 @@ | @@ -18,3 +17,20 @@ | ||
18 | = link_to profile_path, :class => "username" do | 17 | = link_to profile_path, :class => "username" do |
19 | My profile | 18 | My profile |
20 | = link_to 'Logout', destroy_user_session_path, :class => "logout", :method => :delete | 19 | = link_to 'Logout', destroy_user_session_path, :class => "logout", :method => :delete |
20 | + | ||
21 | +:javascript | ||
22 | + $(function(){ | ||
23 | + $("#search").autocomplete({ | ||
24 | + source: #{raw search_autocomplete_source}, | ||
25 | + select: function(event, ui) { location.href = ui.item.url } | ||
26 | + }); | ||
27 | + | ||
28 | + $(document).keypress(function(e) { | ||
29 | + if( $(e.target).is(":input") ) return; | ||
30 | + switch(e.which) { | ||
31 | + case 115: focusSearch(); | ||
32 | + e.preventDefault(); | ||
33 | + } | ||
34 | + }); | ||
35 | + }); | ||
36 | + |
app/views/layouts/admin.html.haml
@@ -2,8 +2,8 @@ | @@ -2,8 +2,8 @@ | ||
2 | %html{ :lang => "en"} | 2 | %html{ :lang => "en"} |
3 | = render "layouts/head" | 3 | = render "layouts/head" |
4 | %body.admin | 4 | %body.admin |
5 | - = render :partial => "layouts/flash" | ||
6 | - = render :partial => "layouts/head_panel" | 5 | + = render "layouts/flash" |
6 | + = render "layouts/head_panel", :title => "Admin area" | ||
7 | .container-fluid | 7 | .container-fluid |
8 | .sidebar | 8 | .sidebar |
9 | .fixed | 9 | .fixed |
app/views/layouts/application.html.haml
@@ -2,8 +2,8 @@ | @@ -2,8 +2,8 @@ | ||
2 | %html{ :lang => "en"} | 2 | %html{ :lang => "en"} |
3 | = render "layouts/head" | 3 | = render "layouts/head" |
4 | %body.application | 4 | %body.application |
5 | - = render :partial => "layouts/flash" | ||
6 | - = render :partial => "layouts/head_panel" | 5 | + = render "layouts/flash" |
6 | + = render "layouts/head_panel", :title => "Dashboard" | ||
7 | .container-fluid | 7 | .container-fluid |
8 | .sidebar | 8 | .sidebar |
9 | = render :partial => "layouts/app_side" | 9 | = render :partial => "layouts/app_side" |
app/views/layouts/profile.html.haml
@@ -2,8 +2,8 @@ | @@ -2,8 +2,8 @@ | ||
2 | %html{ :lang => "en"} | 2 | %html{ :lang => "en"} |
3 | = render "layouts/head" | 3 | = render "layouts/head" |
4 | %body.profile | 4 | %body.profile |
5 | - = render :partial => "layouts/flash" | ||
6 | - = render :partial => "layouts/head_panel" | 5 | + = render "layouts/flash" |
6 | + = render "layouts/head_panel", :title => "Profile" | ||
7 | .container-fluid | 7 | .container-fluid |
8 | .sidebar | 8 | .sidebar |
9 | %aside | 9 | %aside |
app/views/layouts/project.html.haml
@@ -2,8 +2,8 @@ | @@ -2,8 +2,8 @@ | ||
2 | %html{ :lang => "en"} | 2 | %html{ :lang => "en"} |
3 | = render "layouts/head" | 3 | = render "layouts/head" |
4 | %body.project | 4 | %body.project |
5 | - = render :partial => "layouts/flash" | ||
6 | - = render :partial => "layouts/head_panel" | 5 | + = render "layouts/flash" |
6 | + = render "layouts/head_panel", :title => @project.name | ||
7 | .container-fluid | 7 | .container-fluid |
8 | .sidebar= render :partial => "layouts/project_side" | 8 | .sidebar= render :partial => "layouts/project_side" |
9 | .content | 9 | .content |