Commit e9c440d2215187899ef0515e0e9dd171277b70f1

Authored by Dmitriy Zaporozhets
2 parents 5e20b0a7 4c51619d

Merge branch 'ui-panel-boxes' into 'master'

UI panel boxes

Replace custom ui-box with bootstrap `panels`. No sense to use custom components if we can use bootstrap.

UI different is minimal so no screenshots
Showing 38 changed files with 141 additions and 289 deletions   Show diff stats
app/assets/javascripts/dashboard.js.coffee
@@ -4,7 +4,7 @@ class Dashboard @@ -4,7 +4,7 @@ class Dashboard
4 4
5 $(".dash-filter").keyup -> 5 $(".dash-filter").keyup ->
6 terms = $(this).val() 6 terms = $(this).val()
7 - uiBox = $(this).parents('.ui-box').first() 7 + uiBox = $(this).parents('.panel').first()
8 if terms == "" || terms == undefined 8 if terms == "" || terms == undefined
9 uiBox.find(".dash-list li").show() 9 uiBox.find(".dash-list li").show()
10 else 10 else
app/assets/stylesheets/generic/lists.scss
@@ -72,6 +72,15 @@ @@ -72,6 +72,15 @@
72 font-size: 14px; 72 font-size: 14px;
73 line-height: 18px; 73 line-height: 18px;
74 } 74 }
  75 +
  76 + .row_title {
  77 + font-weight: 500;
  78 + color: #444;
  79 + &:hover {
  80 + color: #444;
  81 + text-decoration: underline;
  82 + }
  83 + }
75 } 84 }
76 } 85 }
77 86
app/assets/stylesheets/generic/ui_box.scss
@@ -1,173 +0,0 @@ @@ -1,173 +0,0 @@
1 -/**  
2 - * UI box:  
3 - * Block element for separating information on page.  
4 - * Used for storing issues lists, grouped data.  
5 - * You can have multiple ui boxes on one page  
6 - *  
7 - * Classes:  
8 - * .ui-box - for any block & widgets  
9 - * .ui-box.ui-box-small - same but with smaller title  
10 - * .ui-box.ui-box-danger - with red title  
11 - *  
12 - * Ex. 1: List  
13 - * .ui-box  
14 - * .title  
15 - * # title here  
16 - * %ul  
17 - * # content here  
18 - *  
19 - * Ex. 2: Block data  
20 - * .ui-box  
21 - * .title  
22 - * # title here  
23 - * .body  
24 - * # content here  
25 - *  
26 - */  
27 -  
28 -.ui-box {  
29 - background: #FFF;  
30 - margin-bottom: 20px;  
31 - border: 1px solid #DDD;  
32 - word-wrap: break-word;  
33 -  
34 - img {  
35 - max-width: 100%;  
36 - }  
37 -  
38 - pre {  
39 - code {  
40 - background: none !important;  
41 - }  
42 - }  
43 -  
44 - ul {  
45 - margin: 0;  
46 - padding: 0;  
47 - }  
48 -  
49 - .title {  
50 - background-color: #EEE;  
51 - border-bottom: 1px solid #DDD;  
52 - color: #666;  
53 - font-size: 16px;  
54 - text-shadow: 0 1px 1px #fff;  
55 - padding: 0 10px;  
56 - font-size: 14px;  
57 - line-height: 40px;  
58 - font-weight: normal;  
59 - margin: 0;  
60 -  
61 - > a {  
62 - text-shadow: 0 1px 1px #fff;  
63 - }  
64 -  
65 - form {  
66 - margin-bottom: 0;  
67 - margin-top: 0;  
68 - }  
69 -  
70 - .btn {  
71 - vertical-align: middle;  
72 - padding: 4px 12px;  
73 - @include box-shadow(0 0px 1px 1px #f2f2f2);  
74 - }  
75 -  
76 - .nav-pills {  
77 - > li {  
78 - > a {  
79 - padding: 13px;  
80 - margin: 0;  
81 - font-size: 13px;  
82 - }  
83 - &.active {  
84 - > a {  
85 - background: #D5D5D5;  
86 - color: $style_color;  
87 - @include border-radius(0);  
88 - border-radius: 0;  
89 - border-left: 1px solid #CCC;  
90 - border-right: 1px solid #CCC;  
91 - }  
92 - }  
93 - }  
94 - }  
95 - }  
96 -  
97 - .body {  
98 - padding: 10px;  
99 - }  
100 -  
101 - &.padded {  
102 - h5, .title {  
103 - margin: -20px;  
104 - margin-bottom: 0;  
105 - padding: 5px 20px;  
106 - }  
107 - }  
108 -  
109 - .row_title {  
110 - font-weight: 500;  
111 - color: #444;  
112 - &:hover {  
113 - color: #444;  
114 - text-decoration: underline;  
115 - }  
116 - }  
117 -  
118 - .form-holder {  
119 - padding-top: 20px;  
120 - form {  
121 - margin-bottom: 0;  
122 - legend {  
123 - text-indent: 10px;  
124 - }  
125 - .form-actions {  
126 - margin-bottom: 0;  
127 - }  
128 - }  
129 - }  
130 -}  
131 -  
132 -/*  
133 - * Small box  
134 - */  
135 -.ui-box.ui-box-small {  
136 - margin-bottom: 10px;  
137 -  
138 - .title {  
139 - font-size: 13px;  
140 - line-height: 30px;  
141 -  
142 - a {  
143 - color: #666;  
144 - &:hover {  
145 - text-decoration: underline;  
146 - }  
147 - }  
148 - }  
149 -}  
150 -  
151 -/*  
152 - * Danger box  
153 - */  
154 -.ui-box.ui-box-danger {  
155 - background: #f7f7f7;  
156 - border: none;  
157 -  
158 - .title {  
159 - background: #D65;  
160 - color: #fff;  
161 - text-shadow: none;  
162 - font-weight: 500;  
163 - }  
164 -}  
165 -  
166 -/*  
167 - * Block under tw-bootstrap tabs  
168 - */  
169 -.tab-pane {  
170 - .ui-box {  
171 - margin: 3px 3px 25px 3px;  
172 - }  
173 -}  
app/assets/stylesheets/gl_bootstrap.scss
@@ -221,3 +221,20 @@ ul.breadcrumb { @@ -221,3 +221,20 @@ ul.breadcrumb {
221 position: relative; 221 position: relative;
222 white-space: nowrap; 222 white-space: nowrap;
223 } 223 }
  224 +
  225 +/**
  226 + * Add some extra stuff to panels
  227 + *
  228 + */
  229 +.panel {
  230 + .panel-heading {
  231 + font-size: 14px;
  232 + line-height: 18px;
  233 +
  234 + .panel-head-actions {
  235 + position: relative;
  236 + top: -7px;
  237 + float: right;
  238 + }
  239 + }
  240 +}
app/assets/stylesheets/sections/dashboard.scss
1 .dashboard { 1 .dashboard {
2 .side { 2 .side {
3 - .ui-box {  
4 - margin: 0px;  
5 - box-shadow: none;  
6 -  
7 - .nav-projects-tabs li { padding: 0; } 3 + .panel {
  4 + .panel-heading {
  5 + background: #EEE;
  6 + border-top-left-radius: 0;
  7 + }
  8 + border-top-left-radius: 0;
8 } 9 }
9 } 10 }
10 } 11 }
@@ -24,9 +25,7 @@ @@ -24,9 +25,7 @@
24 25
25 .dashboard { 26 .dashboard {
26 .dash-filter { 27 .dash-filter {
27 - margin: 7px 0;  
28 - padding: 4px 6px;  
29 - width: 220px; 28 + width: 205px;
30 float: left; 29 float: left;
31 height: inherit; 30 height: inherit;
32 } 31 }
@@ -34,7 +33,7 @@ @@ -34,7 +33,7 @@
34 33
35 @media (max-width: 1200px) { 34 @media (max-width: 1200px) {
36 .dashboard .dash-filter { 35 .dashboard .dash-filter {
37 - width: 150px; 36 + width: 140px;
38 } 37 }
39 } 38 }
40 39
app/views/admin/background_jobs/show.html.haml
@@ -3,9 +3,9 @@ @@ -3,9 +3,9 @@
3 3
4 %hr 4 %hr
5 5
6 -.ui-box  
7 - .title Sidekiq running processes  
8 - .body 6 +.panel.panel-default
  7 + .panel-heading Sidekiq running processes
  8 + .panel-body
9 - if @sidekiq_processes.empty? 9 - if @sidekiq_processes.empty?
10 %h4.cred 10 %h4.cred
11 %i.icon-warning-sign 11 %i.icon-warning-sign
@@ -40,5 +40,5 @@ @@ -40,5 +40,5 @@
40 40
41 41
42 42
43 -.ui-box 43 +.panel.panel-default
44 %iframe{src: sidekiq_path, width: '100%', height: 900, style: "border: none"} 44 %iframe{src: sidekiq_path, width: '100%', height: 900, style: "border: none"}
app/views/admin/groups/show.html.haml
@@ -7,8 +7,8 @@ @@ -7,8 +7,8 @@
7 %hr 7 %hr
8 .row 8 .row
9 .col-md-6 9 .col-md-6
10 - .ui-box  
11 - .title 10 + .panel.panel-default
  11 + .panel-heading
12 Group info: 12 Group info:
13 %ul.well-list 13 %ul.well-list
14 %li 14 %li
@@ -29,8 +29,8 @@ @@ -29,8 +29,8 @@
29 %strong 29 %strong
30 = @group.created_at.stamp("March 1, 1999") 30 = @group.created_at.stamp("March 1, 1999")
31 31
32 - .ui-box  
33 - .title 32 + .panel.panel-default
  33 + .panel-heading
34 Projects 34 Projects
35 %small 35 %small
36 (#{@group.projects.count}) 36 (#{@group.projects.count})
@@ -45,10 +45,10 @@ @@ -45,10 +45,10 @@
45 %span.monospace= project.path_with_namespace + ".git" 45 %span.monospace= project.path_with_namespace + ".git"
46 46
47 .col-md-6 47 .col-md-6
48 - .ui-box  
49 - .title 48 + .panel.panel-default
  49 + .panel-heading
50 Add user(s) to the group: 50 Add user(s) to the group:
51 - .body.form-holder 51 + .panel-body.form-holder
52 %p.light 52 %p.light
53 Read more about project permissions 53 Read more about project permissions
54 %strong= link_to "here", help_page_path("permissions", "permissions"), class: "vlink" 54 %strong= link_to "here", help_page_path("permissions", "permissions"), class: "vlink"
@@ -60,8 +60,8 @@ @@ -60,8 +60,8 @@
60 = select_tag :group_access, options_for_select(UsersGroup.group_access_roles), class: "project-access-select select2" 60 = select_tag :group_access, options_for_select(UsersGroup.group_access_roles), class: "project-access-select select2"
61 %hr 61 %hr
62 = submit_tag 'Add users into group', class: "btn btn-create" 62 = submit_tag 'Add users into group', class: "btn btn-create"
63 - .ui-box  
64 - .title 63 + .panel.panel-default
  64 + .panel-heading
65 %strong #{@group.name} 65 %strong #{@group.name}
66 Group Members 66 Group Members
67 %small 67 %small
app/views/admin/hooks/index.html.haml
@@ -22,8 +22,8 @@ @@ -22,8 +22,8 @@
22 %hr 22 %hr
23 23
24 -if @hooks.any? 24 -if @hooks.any?
25 - .ui-box  
26 - .title 25 + .panel.panel-default
  26 + .panel-heading
27 System hooks (#{@hooks.count}) 27 System hooks (#{@hooks.count})
28 %ul.well-list 28 %ul.well-list
29 - @hooks.each do |hook| 29 - @hooks.each do |hook|
app/views/admin/projects/index.html.haml
@@ -37,10 +37,10 @@ @@ -37,10 +37,10 @@
37 = link_to "Reset", admin_projects_path, class: "btn" 37 = link_to "Reset", admin_projects_path, class: "btn"
38 38
39 .col-md-8 39 .col-md-8
40 - .ui-box  
41 - .title 40 + .panel.panel-default
  41 + .panel-heading
42 Projects (#{@projects.total_count}) 42 Projects (#{@projects.total_count})
43 - .pull-right 43 + .panel-head-actions
44 .dropdown.inline 44 .dropdown.inline
45 %a.dropdown-toggle.btn{href: '#', "data-toggle" => "dropdown"} 45 %a.dropdown-toggle.btn{href: '#', "data-toggle" => "dropdown"}
46 %span.light sort: 46 %span.light sort:
app/views/admin/projects/show.html.haml
@@ -6,8 +6,8 @@ @@ -6,8 +6,8 @@
6 %hr 6 %hr
7 .row 7 .row
8 .col-md-6 8 .col-md-6
9 - .ui-box  
10 - .title 9 + .panel.panel-default
  10 + .panel-heading
11 Project info: 11 Project info:
12 %ul.well-list 12 %ul.well-list
13 %li 13 %li
@@ -75,10 +75,10 @@ @@ -75,10 +75,10 @@
75 = visibility_level_icon(@project.visibility_level) 75 = visibility_level_icon(@project.visibility_level)
76 = visibility_level_label(@project.visibility_level) 76 = visibility_level_label(@project.visibility_level)
77 77
78 - .ui-box  
79 - .title 78 + .panel.panel-default
  79 + .panel-heading
80 Transfer project 80 Transfer project
81 - .body 81 + .panel-body
82 = form_for @project, url: transfer_admin_project_path(@project), method: :put, html: { class: 'form-horizontal' } do |f| 82 = form_for @project, url: transfer_admin_project_path(@project), method: :put, html: { class: 'form-horizontal' } do |f|
83 .form-group 83 .form-group
84 = f.label :namespace_id, "Namespace", class: 'control-label' 84 = f.label :namespace_id, "Namespace", class: 'control-label'
@@ -92,8 +92,8 @@ @@ -92,8 +92,8 @@
92 92
93 .col-md-6 93 .col-md-6
94 - if @group 94 - if @group
95 - .ui-box  
96 - .title 95 + .panel.panel-default
  96 + .panel-heading
97 %strong #{@group.name} 97 %strong #{@group.name}
98 group members (#{@group.users_groups.count}) 98 group members (#{@group.users_groups.count})
99 .pull-right 99 .pull-right
@@ -103,8 +103,8 @@ @@ -103,8 +103,8 @@
103 - @group.users_groups.order('group_access DESC').each do |member| 103 - @group.users_groups.order('group_access DESC').each do |member|
104 = render 'users_groups/users_group', member: member, show_controls: false 104 = render 'users_groups/users_group', member: member, show_controls: false
105 105
106 - .ui-box  
107 - .title 106 + .panel.panel-default
  107 + .panel-heading
108 Project members 108 Project members
109 %small 109 %small
110 (#{@project.users.count}) 110 (#{@project.users.count})
app/views/admin/users/index.html.haml
@@ -28,10 +28,10 @@ @@ -28,10 +28,10 @@
28 = link_to 'Reset', admin_users_path, class: "btn btn-cancel" 28 = link_to 'Reset', admin_users_path, class: "btn btn-cancel"
29 29
30 .col-md-9 30 .col-md-9
31 - .ui-box  
32 - .title 31 + .panel.panel-default
  32 + .panel-heading
33 Users (#{@users.total_count}) 33 Users (#{@users.total_count})
34 - .pull-right 34 + .panel-head-actions
35 = link_to 'New User', new_admin_user_path, class: "btn btn-new" 35 = link_to 'New User', new_admin_user_path, class: "btn btn-new"
36 %ul.well-list 36 %ul.well-list
37 - @users.each do |user| 37 - @users.each do |user|
app/views/admin/users/show.html.haml
@@ -14,8 +14,8 @@ @@ -14,8 +14,8 @@
14 14
15 .row 15 .row
16 .col-md-6 16 .col-md-6
17 - .ui-box  
18 - .title 17 + .panel.panel-default
  18 + .panel-heading
19 Account: 19 Account:
20 .pull-right 20 .pull-right
21 = image_tag avatar_icon(@user.email, 32), class: "avatar s32" 21 = image_tag avatar_icon(@user.email, 32), class: "avatar s32"
@@ -118,8 +118,8 @@ @@ -118,8 +118,8 @@
118 118
119 .col-md-6 119 .col-md-6
120 - if @user.users_groups.present? 120 - if @user.users_groups.present?
121 - .ui-box  
122 - .title Groups: 121 + .panel.panel-default
  122 + .panel-heading Groups:
123 %ul.well-list 123 %ul.well-list
124 - @user.users_groups.each do |user_group| 124 - @user.users_groups.each do |user_group|
125 - group = user_group.group 125 - group = user_group.group
@@ -132,8 +132,8 @@ @@ -132,8 +132,8 @@
132 = link_to group_users_group_path(group, user_group), 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 132 = link_to group_users_group_path(group, user_group), 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
133 %i.icon-remove.icon-white 133 %i.icon-remove.icon-white
134 134
135 - .ui-box  
136 - .title Projects (#{@projects.count}) 135 + .panel.panel-default
  136 + .panel-heading Projects (#{@projects.count})
137 %ul.well-list 137 %ul.well-list
138 - @projects.sort_by(&:name_with_namespace).each do |project| 138 - @projects.sort_by(&:name_with_namespace).each do |project|
139 - tm = project.team.find_tm(@user.id) 139 - tm = project.team.find_tm(@user.id)
app/views/dashboard/_groups.html.haml
1 -.ui-box  
2 - .title.clearfix 1 +.panel.panel-default
  2 + .panel-heading.clearfix
3 = search_field_tag :filter_group, nil, placeholder: 'Filter by name', class: 'dash-filter form-control' 3 = search_field_tag :filter_group, nil, placeholder: 'Filter by name', class: 'dash-filter form-control'
4 - if current_user.can_create_group? 4 - if current_user.can_create_group?
5 %span.pull-right 5 %span.pull-right
app/views/dashboard/_projects.html.haml
1 -.ui-box  
2 - .title.clearfix 1 +.panel.panel-default
  2 + .panel-heading.clearfix
3 = search_field_tag :filter_projects, nil, placeholder: 'Filter by name', class: 'dash-filter form-control' 3 = search_field_tag :filter_projects, nil, placeholder: 'Filter by name', class: 'dash-filter form-control'
4 - if current_user.can_create_project? 4 - if current_user.can_create_project?
5 %span.pull-right 5 %span.pull-right
app/views/groups/_projects.html.haml
1 -.ui-box  
2 - .title 1 +.panel.panel-default
  2 + .panel-heading
3 Projects (#{projects.count}) 3 Projects (#{projects.count})
4 - if can? current_user, :create_projects, @group 4 - if can? current_user, :create_projects, @group
5 - %span.pull-right 5 + .panel-head-actions
6 = link_to new_project_path(namespace_id: @group.id), class: "btn btn-new" do 6 = link_to new_project_path(namespace_id: @group.id), class: "btn btn-new" do
7 %i.icon-plus 7 %i.icon-plus
8 New project 8 New project
app/views/groups/edit.html.haml
@@ -17,8 +17,8 @@ @@ -17,8 +17,8 @@
17 .col-md-10 17 .col-md-10
18 .tab-content 18 .tab-content
19 .tab-pane.active#tab-edit 19 .tab-pane.active#tab-edit
20 - .ui-box  
21 - .title 20 + .panel.panel-default
  21 + .panel-heading
22 %strong= @group.name 22 %strong= @group.name
23 group settings: 23 group settings:
24 %div.form-holder 24 %div.form-holder
@@ -61,8 +61,8 @@ @@ -61,8 +61,8 @@
61 = f.submit 'Save group', class: "btn btn-save" 61 = f.submit 'Save group', class: "btn btn-save"
62 62
63 .tab-pane#tab-projects 63 .tab-pane#tab-projects
64 - .ui-box  
65 - .title 64 + .panel.panel-default
  65 + .panel-heading
66 %strong= @group.name 66 %strong= @group.name
67 projects: 67 projects:
68 - if can? current_user, :manage_group, @group 68 - if can? current_user, :manage_group, @group
@@ -84,9 +84,9 @@ @@ -84,9 +84,9 @@
84 .nothing-here-block This group has no projects yet 84 .nothing-here-block This group has no projects yet
85 85
86 .tab-pane#tab-remove 86 .tab-pane#tab-remove
87 - .ui-box.ui-box-danger  
88 - .title Remove group  
89 - .body 87 + .panel.panel-default.panel.panel-danger
  88 + .panel-heading Remove group
  89 + .panel-body
90 %p 90 %p
91 Removing group will cause all child projects and resources to be removed. 91 Removing group will cause all child projects and resources to be removed.
92 %p 92 %p
app/views/groups/members.html.haml
@@ -24,8 +24,8 @@ @@ -24,8 +24,8 @@
24 .js-toggle-content.hide.new-group-member-holder 24 .js-toggle-content.hide.new-group-member-holder
25 = render "new_group_member" 25 = render "new_group_member"
26 26
27 -.ui-box.prepend-top-20  
28 - .title 27 +.panel.panel-default.prepend-top-20
  28 + .panel-heading
29 %strong #{@group.name} 29 %strong #{@group.name}
30 group members 30 group members
31 %small 31 %small
app/views/help/index.html.haml
@@ -18,8 +18,8 @@ @@ -18,8 +18,8 @@
18 18
19 .row 19 .row
20 .col-md-4 20 .col-md-4
21 - .ui-box  
22 - .title 21 + .panel.panel-default
  22 + .panel-heading
23 Quick help 23 Quick help
24 %ul.well-list 24 %ul.well-list
25 %li 25 %li
@@ -34,8 +34,8 @@ @@ -34,8 +34,8 @@
34 = link_to "shortcuts", '#', onclick: "new Shortcuts()" 34 = link_to "shortcuts", '#', onclick: "new Shortcuts()"
35 35
36 .col-md-8 36 .col-md-8
37 - .ui-box.documentation  
38 - .title Documentation 37 + .panel.panel-default.documentation
  38 + .panel-heading Documentation
39 39
40 = preserve do 40 = preserve do
41 - readme_text = File.read(Rails.root.join("doc", "README.md")) 41 - readme_text = File.read(Rails.root.join("doc", "README.md"))
app/views/profiles/emails/index.html.haml
@@ -9,8 +9,8 @@ @@ -9,8 +9,8 @@
9 9
10 %hr 10 %hr
11 11
12 -.ui-box  
13 - .title 12 +.panel.panel-default
  13 + .panel-heading
14 Emails (#{@emails.count + 1}) 14 Emails (#{@emails.count + 1})
15 %ul.well-list#emails-table 15 %ul.well-list#emails-table
16 %li 16 %li
app/views/profiles/groups/index.html.haml
@@ -8,8 +8,8 @@ @@ -8,8 +8,8 @@
8 %p.light 8 %p.light
9 Group members have access to all a group's projects 9 Group members have access to all a group's projects
10 %hr 10 %hr
11 -.ui-box  
12 - .title 11 +.panel.panel-default
  12 + .panel-heading
13 %strong Groups 13 %strong Groups
14 (#{@user_groups.count}) 14 (#{@user_groups.count})
15 %ul.well-list 15 %ul.well-list
app/views/profiles/keys/index.html.haml
@@ -10,8 +10,8 @@ @@ -10,8 +10,8 @@
10 %hr 10 %hr
11 11
12 12
13 -.ui-box  
14 - .title 13 +.panel.panel-default
  14 + .panel-heading
15 SSH Keys (#{@keys.count}) 15 SSH Keys (#{@keys.count})
16 %ul.well-list#keys-table 16 %ul.well-list#keys-table
17 = render @keys 17 = render @keys
app/views/profiles/keys/show.html.haml
1 .row 1 .row
2 .col-md-4 2 .col-md-4
3 - .ui-box  
4 - .title 3 + .panel.panel-default
  4 + .panel-heading
5 SSH Key 5 SSH Key
6 %ul.well-list 6 %ul.well-list
7 %li 7 %li
app/views/projects/compare/show.html.haml
@@ -6,8 +6,8 @@ @@ -6,8 +6,8 @@
6 = render "form" 6 = render "form"
7 7
8 - if @commits.present? 8 - if @commits.present?
9 - %div.ui-box  
10 - .title 9 + %div.panel.panel-default
  10 + .panel-heading
11 Commits (#{@commits.count}) 11 Commits (#{@commits.count})
12 - if @commits.size > MergeRequestDiff::COMMITS_SAFE_SIZE 12 - if @commits.size > MergeRequestDiff::COMMITS_SAFE_SIZE
13 %ul.well-list 13 %ul.well-list
app/views/projects/edit.html.haml
@@ -6,7 +6,7 @@ @@ -6,7 +6,7 @@
6 Project settings: 6 Project settings:
7 %p.light Some settings, such as "Transfer Project", are hidden inside the danger area below 7 %p.light Some settings, such as "Transfer Project", are hidden inside the danger area below
8 %hr 8 %hr
9 - .form-holder 9 + .panel-body
10 = form_for @project, remote: true, html: { class: "edit_project form-horizontal" } do |f| 10 = form_for @project, remote: true, html: { class: "edit_project form-horizontal" } do |f|
11 %fieldset 11 %fieldset
12 .form-group.project_name_holder 12 .form-group.project_name_holder
@@ -106,13 +106,13 @@ @@ -106,13 +106,13 @@
106 106
107 .js-toggle-content.hide 107 .js-toggle-content.hide
108 - if can? current_user, :archive_project, @project 108 - if can? current_user, :archive_project, @project
109 - .ui-box.ui-box-danger  
110 - .title 109 + .panel.panel-default.panel.panel-danger
  110 + .panel-heading
111 - if @project.archived? 111 - if @project.archived?
112 Unarchive project 112 Unarchive project
113 - else 113 - else
114 Archive project 114 Archive project
115 - .body 115 + .panel-body
116 - if @project.archived? 116 - if @project.archived?
117 %p 117 %p
118 Unarchiving the project will mark its repository as active. 118 Unarchiving the project will mark its repository as active.
@@ -137,10 +137,10 @@ @@ -137,10 +137,10 @@
137 .nothing-here-block Only the project owner can archive a project 137 .nothing-here-block Only the project owner can archive a project
138 138
139 - if can?(current_user, :change_namespace, @project) 139 - if can?(current_user, :change_namespace, @project)
140 - .ui-box.ui-box-danger  
141 - .title Transfer project 140 + .panel.panel-default.panel.panel-danger
  141 + .panel-heading Transfer project
142 .errors-holder 142 .errors-holder
143 - .form-holder 143 + .panel-body
144 = form_for(@project, url: transfer_project_path(@project), method: :put, remote: true, html: { class: 'transfer-project form-horizontal' }) do |f| 144 = form_for(@project, url: transfer_project_path(@project), method: :put, remote: true, html: { class: 'transfer-project form-horizontal' }) do |f|
145 .form-group 145 .form-group
146 = f.label :namespace_id, class: 'control-label' do 146 = f.label :namespace_id, class: 'control-label' do
@@ -157,10 +157,10 @@ @@ -157,10 +157,10 @@
157 - else 157 - else
158 .nothing-here-block Only the project owner can transfer a project 158 .nothing-here-block Only the project owner can transfer a project
159 159
160 - .ui-box.ui-box-danger  
161 - .title Rename repository 160 + .panel.panel-default.panel.panel-danger
  161 + .panel-heading Rename repository
162 .errors-holder 162 .errors-holder
163 - .form-holder 163 + .panel-body
164 = form_for(@project, html: { class: 'form-horizontal' }) do |f| 164 = form_for(@project, html: { class: 'form-horizontal' }) do |f|
165 .form-group 165 .form-group
166 = f.label :path, class: 'control-label' do 166 = f.label :path, class: 'control-label' do
@@ -177,9 +177,9 @@ @@ -177,9 +177,9 @@
177 = f.submit 'Rename', class: "btn btn-remove" 177 = f.submit 'Rename', class: "btn btn-remove"
178 178
179 - if can?(current_user, :remove_project, @project) 179 - if can?(current_user, :remove_project, @project)
180 - .ui-box.ui-box-danger  
181 - .title Remove project  
182 - .body 180 + .panel.panel-default.panel.panel-danger
  181 + .panel-heading Remove project
  182 + .panel-body
183 %p 183 %p
184 Removing the project will delete its repository and all related resources including issues, merge requests etc. 184 Removing the project will delete its repository and all related resources including issues, merge requests etc.
185 %br 185 %br
app/views/projects/hooks/index.html.haml
@@ -51,8 +51,8 @@ @@ -51,8 +51,8 @@
51 = f.submit "Add Web Hook", class: "btn btn-create" 51 = f.submit "Add Web Hook", class: "btn btn-create"
52 52
53 -if @hooks.any? 53 -if @hooks.any?
54 - .ui-box  
55 - .title 54 + .panel.panel-default
  55 + .panel-heading
56 Web hooks (#{@hooks.count}) 56 Web hooks (#{@hooks.count})
57 %ul.well-list 57 %ul.well-list
58 - @hooks.each do |hook| 58 - @hooks.each do |hook|
app/views/projects/issues/_issues.html.haml
@@ -61,7 +61,7 @@ @@ -61,7 +61,7 @@
61 = hidden_field_tag :status, params[:status] 61 = hidden_field_tag :status, params[:status]
62 = button_tag "Update issues", class: "btn update_selected_issues btn-save" 62 = button_tag "Update issues", class: "btn update_selected_issues btn-save"
63 63
64 -.ui-box 64 +.panel.panel-default
65 %ul.well-list.issues-list 65 %ul.well-list.issues-list
66 = render @issues 66 = render @issues
67 - if @issues.blank? 67 - if @issues.blank?
app/views/projects/merge_requests/_new_submit.html.haml
@@ -58,8 +58,8 @@ @@ -58,8 +58,8 @@
58 = f.submit 'Submit merge request', class: "btn btn-create" 58 = f.submit 'Submit merge request', class: "btn btn-create"
59 59
60 .mr-compare 60 .mr-compare
61 - %div.ui-box  
62 - .title 61 + %div.panel.panel-default
  62 + .panel-heading
63 Commits (#{@commits.count}) 63 Commits (#{@commits.count})
64 - if @commits.size > MergeRequestDiff::COMMITS_SAFE_SIZE 64 - if @commits.size > MergeRequestDiff::COMMITS_SAFE_SIZE
65 %ul.well-list 65 %ul.well-list
app/views/projects/merge_requests/index.html.haml
@@ -61,7 +61,7 @@ @@ -61,7 +61,7 @@
61 .pull-right 61 .pull-right
62 = render 'shared/sort_dropdown' 62 = render 'shared/sort_dropdown'
63 63
64 - .ui-box 64 + .panel.panel-default
65 %ul.well-list.mr-list 65 %ul.well-list.mr-list
66 = render @merge_requests 66 = render @merge_requests
67 - if @merge_requests.blank? 67 - if @merge_requests.blank?
app/views/projects/merge_requests/show/_commits.html.haml
1 - if @commits.present? 1 - if @commits.present?
2 - .ui-box  
3 - .title 2 + .panel.panel-default
  3 + .panel-heading
4 %i.icon-list 4 %i.icon-list
5 Commits (#{@commits.count}) 5 Commits (#{@commits.count})
6 .commits 6 .commits
app/views/projects/milestones/_issues.html.haml
1 -.ui-box  
2 - .title= title 1 +.panel.panel-default
  2 + .panel-heading= title
3 %ul.well-list 3 %ul.well-list
4 - issues.each do |issue| 4 - issues.each do |issue|
5 %li 5 %li
app/views/projects/milestones/index.html.haml
@@ -20,7 +20,7 @@ @@ -20,7 +20,7 @@
20 = link_to project_milestones_path(@project, f: "all") do 20 = link_to project_milestones_path(@project, f: "all") do
21 All 21 All
22 .col-md-9 22 .col-md-9
23 - .ui-box 23 + .panel.panel-default
24 %ul.well-list 24 %ul.well-list
25 = render @milestones 25 = render @milestones
26 26
app/views/projects/milestones/show.html.haml
@@ -84,14 +84,14 @@ @@ -84,14 +84,14 @@
84 .tab-pane#tab-merge-requests 84 .tab-pane#tab-merge-requests
85 .row 85 .row
86 .col-md-6 86 .col-md-6
87 - .ui-box  
88 - .title Open 87 + .panel.panel-default
  88 + .panel-heading Open
89 %ul.well-list 89 %ul.well-list
90 - @merge_requests.opened.each do |merge_request| 90 - @merge_requests.opened.each do |merge_request|
91 = render 'merge_request', merge_request: merge_request 91 = render 'merge_request', merge_request: merge_request
92 .col-md-6 92 .col-md-6
93 - .ui-box  
94 - .title Closed 93 + .panel.panel-default
  94 + .panel-heading Closed
95 %ul.well-list 95 %ul.well-list
96 - @merge_requests.closed.each do |merge_request| 96 - @merge_requests.closed.each do |merge_request|
97 = render 'merge_request', merge_request: merge_request 97 = render 'merge_request', merge_request: merge_request
app/views/projects/team_members/_group_members.html.haml
1 - group_users_count = @group.users_groups.count 1 - group_users_count = @group.users_groups.count
2 -.ui-box  
3 - .title 2 +.panel.panel-default
  3 + .panel-heading
4 %strong #{@group.name} 4 %strong #{@group.name}
5 group members (#{group_users_count}) 5 group members (#{group_users_count})
6 .pull-right 6 .pull-right
app/views/projects/team_members/_team.html.haml
1 .team-table 1 .team-table
2 - can_admin_project = (can? current_user, :admin_project, @project) 2 - can_admin_project = (can? current_user, :admin_project, @project)
3 - .ui-box  
4 - .title 3 + .panel.panel-default
  4 + .panel-heading
5 %strong #{@project.name} 5 %strong #{@project.name}
6 project members (#{members.count}) 6 project members (#{members.count})
7 %ul.well-list 7 %ul.well-list
app/views/shared/_issues.html.haml
1 - if @issues.any? 1 - if @issues.any?
2 - @issues.group_by(&:project).each do |group| 2 - @issues.group_by(&:project).each do |group|
3 - .ui-box.ui-box-small 3 + .panel.panel-default.panel.panel-default-small
4 - project = group[0] 4 - project = group[0]
5 - .title 5 + .panel-heading
6 = link_to_project project 6 = link_to_project project
7 = link_to 'show all', project_issues_path(project), class: 'pull-right' 7 = link_to 'show all', project_issues_path(project), class: 'pull-right'
8 8
app/views/shared/_merge_requests.html.haml
1 - if @merge_requests.any? 1 - if @merge_requests.any?
2 - @merge_requests.group_by(&:target_project).each do |group| 2 - @merge_requests.group_by(&:target_project).each do |group|
3 - .ui-box.ui-box-small 3 + .panel.panel-default.panel.panel-default-small
4 - project = group[0] 4 - project = group[0]
5 - .title 5 + .panel-heading
6 = link_to_project project 6 = link_to_project project
7 = link_to 'show all', project_merge_requests_path(project), class: 'pull-right' 7 = link_to 'show all', project_merge_requests_path(project), class: 'pull-right'
8 %ul.well-list.mr-list 8 %ul.well-list.mr-list
app/views/users/_profile.html.haml
1 -.ui-box  
2 - .title 1 +.panel.panel-default
  2 + .panel-heading
3 Profile 3 Profile
4 %ul.well-list 4 %ul.well-list
5 %li 5 %li
app/views/users/_projects.html.haml
1 -.ui-box  
2 - .title Projects 1 +.panel.panel-default
  2 + .panel-heading Projects
3 %ul.well-list 3 %ul.well-list
4 - @projects.each do |project| 4 - @projects.each do |project|
5 %li 5 %li