Commit 9114cfbb0a27c57d38c520384976cd9f770947df
Exists in
spb-stable
and in
3 other branches
Merge branch 'issue-improve-ui' into 'master'
Issue Improve Ui
Showing
6 changed files
with
83 additions
and
51 deletions
Show diff stats
app/assets/stylesheets/generic/issue_box.scss
@@ -10,9 +10,61 @@ | @@ -10,9 +10,61 @@ | ||
10 | .issue-box { | 10 | .issue-box { |
11 | color: #666; | 11 | color: #666; |
12 | margin:20px 0; | 12 | margin:20px 0; |
13 | - background: #FAFAFA; | 13 | + background: #FFF; |
14 | border: 1px solid #EEE; | 14 | border: 1px solid #EEE; |
15 | 15 | ||
16 | + &.issue-box-closed { | ||
17 | + border-color: #DA4E49; | ||
18 | + .state { | ||
19 | + background-color: #f2dede; | ||
20 | + border-color: #ebccd1; | ||
21 | + color: #a94442; | ||
22 | + .state-label { | ||
23 | + background: #DA4E49; | ||
24 | + color: #FFF; | ||
25 | + } | ||
26 | + } | ||
27 | + } | ||
28 | + | ||
29 | + &.issue-box-merged { | ||
30 | + border-color: #31708f; | ||
31 | + .state { | ||
32 | + background-color: #d9edf7; | ||
33 | + border-color: #bce8f1; | ||
34 | + color: #31708f; | ||
35 | + .state-label { | ||
36 | + background: #31708f; | ||
37 | + color: #FFF; | ||
38 | + } | ||
39 | + } | ||
40 | + } | ||
41 | + | ||
42 | + &.issue-box-open { | ||
43 | + border-color: #4A4; | ||
44 | + .state { | ||
45 | + background-color: #dff0d8; | ||
46 | + border-color: #d6e9c6; | ||
47 | + color: #3c763d; | ||
48 | + .state-label { | ||
49 | + background: #4A4; | ||
50 | + color: #FFF; | ||
51 | + } | ||
52 | + } | ||
53 | + } | ||
54 | + | ||
55 | + &.issue-box-expired { | ||
56 | + border-color: #cea61b; | ||
57 | + .state { | ||
58 | + background-color: #fcf8e3; | ||
59 | + border-color: #faebcc; | ||
60 | + color: #8a6d3b; | ||
61 | + .state-label { | ||
62 | + background: #cea61b; | ||
63 | + color: #FFF; | ||
64 | + } | ||
65 | + } | ||
66 | + } | ||
67 | + | ||
16 | .control-group { | 68 | .control-group { |
17 | margin-bottom: 0; | 69 | margin-bottom: 0; |
18 | } | 70 | } |
@@ -55,20 +107,5 @@ | @@ -55,20 +107,5 @@ | ||
55 | text-align: center; | 107 | text-align: center; |
56 | text-shadow: none; | 108 | text-shadow: none; |
57 | margin-right: 20px; | 109 | margin-right: 20px; |
58 | - | ||
59 | - &.state-label-blue { | ||
60 | - background: #31708f; | ||
61 | - color: #FFF; | ||
62 | - } | ||
63 | - | ||
64 | - &.state-label-green { | ||
65 | - background: #4A4; | ||
66 | - color: #FFF; | ||
67 | - } | ||
68 | - | ||
69 | - &.state-label-red { | ||
70 | - background: #DA4E49; | ||
71 | - color: #FFF; | ||
72 | - } | ||
73 | } | 110 | } |
74 | } | 111 | } |
app/helpers/issues_helper.rb
@@ -85,11 +85,15 @@ module IssuesHelper | @@ -85,11 +85,15 @@ module IssuesHelper | ||
85 | options_from_collection_for_select(@project.milestones.active, 'id', 'title', object.milestone_id) | 85 | options_from_collection_for_select(@project.milestones.active, 'id', 'title', object.milestone_id) |
86 | end | 86 | end |
87 | 87 | ||
88 | - def issue_alert_class(issue) | ||
89 | - if issue.closed? | ||
90 | - 'alert-danger' | 88 | + def issue_box_class(item) |
89 | + if item.respond_to?(:expired?) && item.expired? | ||
90 | + 'issue-box-expired' | ||
91 | + elsif item.respond_to?(:merged?) && item.merged? | ||
92 | + 'issue-box-merged' | ||
93 | + elsif item.closed? | ||
94 | + 'issue-box-closed' | ||
91 | else | 95 | else |
92 | - 'alert-success' | 96 | + 'issue-box-open' |
93 | end | 97 | end |
94 | end | 98 | end |
95 | end | 99 | end |
app/helpers/merge_requests_helper.rb
@@ -42,14 +42,4 @@ module MergeRequestsHelper | @@ -42,14 +42,4 @@ module MergeRequestsHelper | ||
42 | "Branches: #{@merge_request.source_branch} #{separator} #{@merge_request.target_branch}" | 42 | "Branches: #{@merge_request.source_branch} #{separator} #{@merge_request.target_branch}" |
43 | end | 43 | end |
44 | end | 44 | end |
45 | - | ||
46 | - def merge_request_alert_class(merge_request) | ||
47 | - if merge_request.merged? | ||
48 | - 'alert-info' | ||
49 | - elsif merge_request.closed? | ||
50 | - 'alert-danger' | ||
51 | - else | ||
52 | - 'alert-success' | ||
53 | - end | ||
54 | - end | ||
55 | end | 45 | end |
app/views/projects/issues/show.html.haml
@@ -29,12 +29,13 @@ | @@ -29,12 +29,13 @@ | ||
29 | = link_to project_milestone_path(@project, @issue.milestone) do | 29 | = link_to project_milestone_path(@project, @issue.milestone) do |
30 | = @issue.milestone.title | 30 | = @issue.milestone.title |
31 | 31 | ||
32 | -.issue-box | ||
33 | - .state{ class: issue_alert_class(@issue) } | ||
34 | - - if @issue.closed? | ||
35 | - %span.state-label.state-label-red Closed | ||
36 | - - else | ||
37 | - %span.state-label.state-label-green Open | 32 | +.issue-box{ class: issue_box_class(@issue) } |
33 | + .state | ||
34 | + %span.state-label | ||
35 | + - if @issue.closed? | ||
36 | + Closed | ||
37 | + - else | ||
38 | + Open | ||
38 | 39 | ||
39 | %span.creator | 40 | %span.creator |
40 | Created by #{link_to_member(@project, @issue.author)} #{time_ago_with_tooltip(@issue.created_at)} | 41 | Created by #{link_to_member(@project, @issue.author)} #{time_ago_with_tooltip(@issue.created_at)} |
app/views/projects/merge_requests/show/_mr_box.html.haml
1 | -.issue-box | ||
2 | - .state{ class: merge_request_alert_class(@merge_request) } | ||
3 | - - if @merge_request.merged? | ||
4 | - %span.state-label.state-label-blue | 1 | +.issue-box{ class: issue_box_class(@merge_request) } |
2 | + .state | ||
3 | + %span.state-label | ||
4 | + - if @merge_request.merged? | ||
5 | Merged | 5 | Merged |
6 | - - elsif @merge_request.closed? | ||
7 | - %span.state-label.state-label-red | 6 | + - elsif @merge_request.closed? |
8 | Closed | 7 | Closed |
9 | - - else | ||
10 | - %span.state-label.state-label-green | 8 | + - else |
11 | Open | 9 | Open |
10 | + | ||
12 | %span.creator | 11 | %span.creator |
13 | Created by #{link_to_member(@project, @merge_request.author)} #{time_ago_with_tooltip(@merge_request.created_at)} | 12 | Created by #{link_to_member(@project, @merge_request.author)} #{time_ago_with_tooltip(@merge_request.created_at)} |
14 | 13 |
app/views/projects/milestones/show.html.haml
@@ -22,14 +22,15 @@ | @@ -22,14 +22,15 @@ | ||
22 | ← To milestones list | 22 | ← To milestones list |
23 | 23 | ||
24 | 24 | ||
25 | -.issue-box | 25 | +.issue-box{ class: issue_box_class(@milestone) } |
26 | .state | 26 | .state |
27 | - - if @milestone.closed? | ||
28 | - %span.state-label.state-label-red Closed | ||
29 | - - elsif @milestone.expired? | ||
30 | - %span.state-label.state-label-red Expired | ||
31 | - - else | ||
32 | - %span.state-label.state-label-green Open | 27 | + %span.state-label |
28 | + - if @milestone.closed? | ||
29 | + Closed | ||
30 | + - elsif @milestone.expired? | ||
31 | + Expired | ||
32 | + - else | ||
33 | + Open | ||
33 | 34 | ||
34 | %h4.title | 35 | %h4.title |
35 | = gfm escape_once(@milestone.title) | 36 | = gfm escape_once(@milestone.title) |