Commit 336d50d008e8efcaef89ce5656620cbe068aa064
1 parent
868629dc
Exists in
spb-stable
and in
2 other branches
Merge request drag-n-drop on milestone page
Allows moving milestone between 3 columns: unassigned, assigned, declined Signed-off-by: Dmitriy Zaporozhets <dmitriy.zaporozhets@gmail.com>
Showing
4 changed files
with
56 additions
and
19 deletions
Show diff stats
app/assets/javascripts/milestone.js.coffee
... | ... | @@ -11,10 +11,23 @@ class Milestone |
11 | 11 | new Flash("Issue update failed", 'alert') |
12 | 12 | dataType: "json" |
13 | 13 | |
14 | + @updateMergeRequest: (li, merge_request_url, data) -> | |
15 | + $.ajax | |
16 | + type: "PUT" | |
17 | + url: merge_request_url | |
18 | + data: data | |
19 | + success: (data) -> | |
20 | + if data.saved == true | |
21 | + $(li).effect 'highlight' | |
22 | + else | |
23 | + new Flash("Issue update failed", 'alert') | |
24 | + dataType: "json" | |
25 | + | |
14 | 26 | constructor: -> |
15 | - @bindSorting() | |
27 | + @bindIssuesSorting() | |
28 | + @bindMergeRequestSorting() | |
16 | 29 | |
17 | - bindSorting: -> | |
30 | + bindIssuesSorting: -> | |
18 | 31 | $("#issues-list-unassigned, #issues-list-ongoing, #issues-list-closed").sortable( |
19 | 32 | connectWith: ".issues-sortable-list", |
20 | 33 | dropOnEmpty: true, |
... | ... | @@ -38,4 +51,28 @@ class Milestone |
38 | 51 | |
39 | 52 | ).disableSelection() |
40 | 53 | |
54 | + bindMergeRequestSorting: -> | |
55 | + $("#merge_requests-list-unassigned, #merge_requests-list-ongoing, #merge_requests-list-closed").sortable( | |
56 | + connectWith: ".merge_requests-sortable-list", | |
57 | + dropOnEmpty: true, | |
58 | + receive: (event, ui) -> | |
59 | + new_state = $(this).data('state') | |
60 | + merge_request_id = ui.item.data('iid') | |
61 | + merge_request_url = ui.item.data('url') | |
62 | + | |
63 | + data = switch new_state | |
64 | + when 'ongoing' | |
65 | + "merge_request[assignee_id]=" + gon.current_user_id | |
66 | + when 'unassigned' | |
67 | + "merge_request[assignee_id]=" | |
68 | + when 'closed' | |
69 | + "merge_request[state_event]=close" | |
70 | + | |
71 | + if $(ui.sender).data('state') == "closed" | |
72 | + data += "&merge_request[state_event]=reopen" | |
73 | + | |
74 | + Milestone.updateMergeRequest(ui.item, merge_request_url, data) | |
75 | + | |
76 | + ).disableSelection() | |
77 | + | |
41 | 78 | @Milestone = Milestone | ... | ... |
app/views/projects/milestones/_merge_request.html.haml
1 | -%li | |
2 | - = link_to [@project, merge_request] do | |
3 | - %span.label.label-info ##{merge_request.iid} | |
4 | - – | |
5 | - = link_to_gfm truncate(merge_request.title, length: 60), [@project, merge_request] | |
1 | +%li{ class: 'mr-row', 'data-iid' => merge_request.iid, 'data-url' => project_merge_request_path(@project, merge_request) } | |
2 | + %span.str-truncated | |
3 | + = link_to [@project, merge_request] do | |
4 | + %span.cgray ##{merge_request.iid} | |
5 | + = link_to_gfm truncate(merge_request.title, length: 60), [@project, merge_request] | ... | ... |
... | ... | @@ -0,0 +1,6 @@ |
1 | +.panel.panel-default | |
2 | + .panel-heading= title | |
3 | + %ul{ class: "well-list merge_requests-sortable-list", id: "merge_requests-list-#{id}", "data-state" => id } | |
4 | + - merge_requests.each do |merge_request| | |
5 | + = render 'merge_request', merge_request: merge_request | |
6 | + %li.light Drag and drop available | ... | ... |
app/views/projects/milestones/show.html.haml
... | ... | @@ -84,18 +84,12 @@ |
84 | 84 | |
85 | 85 | .tab-pane#tab-merge-requests |
86 | 86 | .row |
87 | - .col-md-6 | |
88 | - .panel.panel-default | |
89 | - .panel-heading Open | |
90 | - %ul.well-list | |
91 | - - @merge_requests.opened.each do |merge_request| | |
92 | - = render 'merge_request', merge_request: merge_request | |
93 | - .col-md-6 | |
94 | - .panel.panel-default | |
95 | - .panel-heading Closed | |
96 | - %ul.well-list | |
97 | - - @merge_requests.closed.each do |merge_request| | |
98 | - = render 'merge_request', merge_request: merge_request | |
87 | + .col-md-4 | |
88 | + = render('merge_requests', title: 'Work in progress (open and unassigned)', merge_requests: @merge_requests.opened.unassigned, id: 'unassigned') | |
89 | + .col-md-4 | |
90 | + = render('merge_requests', title: 'Assigned (open and assigned)', merge_requests: @merge_requests.opened.assigned, id: 'ongoing') | |
91 | + .col-md-4 | |
92 | + = render('merge_requests', title: 'Declined (closed)', merge_requests: @merge_requests.closed, id: 'closed') | |
99 | 93 | |
100 | 94 | .tab-pane#tab-participants |
101 | 95 | %ul.bordered-list | ... | ... |