Remove Drag and drop and sorting from milestone view
This commit is contained in:
parent
5f42009f8d
commit
ff7fe2d12d
9 changed files with 87 additions and 153 deletions
|
@ -84,7 +84,6 @@
|
|||
this.issuesSortEndpoint = $('#tab-issues').data('sort-endpoint');
|
||||
this.mergeRequestsSortEndpoint = $('#tab-merge-requests').data('sort-endpoint');
|
||||
|
||||
this.bindIssuesSorting();
|
||||
this.bindTabsSwitching();
|
||||
|
||||
// Load merge request tab if it is active
|
||||
|
@ -94,22 +93,6 @@
|
|||
this.loadInitialTab();
|
||||
}
|
||||
|
||||
Milestone.prototype.bindIssuesSorting = function() {
|
||||
if (!this.issuesSortEndpoint) return;
|
||||
|
||||
$('#issues-list-unassigned, #issues-list-ongoing, #issues-list-closed').each(function (i, el) {
|
||||
this.createSortable(el, {
|
||||
group: 'issue-list',
|
||||
listEls: $('.issues-sortable-list'),
|
||||
fieldName: 'issue',
|
||||
sortCallback: (data) => {
|
||||
Milestone.sortIssues(this.issuesSortEndpoint, data);
|
||||
},
|
||||
updateCallback: Milestone.updateIssue,
|
||||
});
|
||||
}.bind(this));
|
||||
};
|
||||
|
||||
Milestone.prototype.bindTabsSwitching = function() {
|
||||
return $('a[data-toggle="tab"]').on('show.bs.tab', (e) => {
|
||||
const $target = $(e.target);
|
||||
|
|
|
@ -111,8 +111,8 @@
|
|||
}
|
||||
}
|
||||
|
||||
.issues-sortable-list,
|
||||
.merge_requests-sortable-list {
|
||||
.milestone-issues-list,
|
||||
.milestone-merge_requests-list {
|
||||
.issuable-detail {
|
||||
display: block;
|
||||
margin-top: 7px;
|
||||
|
@ -197,6 +197,4 @@
|
|||
|
||||
.issuable-row {
|
||||
background-color: $white-light;
|
||||
cursor: -webkit-grab;
|
||||
cursor: grab;
|
||||
}
|
||||
|
|
|
@ -2,7 +2,7 @@ class Projects::MilestonesController < Projects::ApplicationController
|
|||
include MilestoneActions
|
||||
|
||||
before_action :module_enabled
|
||||
before_action :milestone, only: [:edit, :update, :destroy, :show, :sort_issues, :sort_merge_requests, :merge_requests, :participants, :labels]
|
||||
before_action :milestone, only: [:edit, :update, :destroy, :show, :merge_requests, :participants, :labels]
|
||||
|
||||
# Allow read any milestone
|
||||
before_action :authorize_read_milestone!
|
||||
|
@ -85,22 +85,6 @@ class Projects::MilestonesController < Projects::ApplicationController
|
|||
end
|
||||
end
|
||||
|
||||
def sort_issues
|
||||
@milestone.sort_issues(params['sortable_issue'].map(&:to_i))
|
||||
|
||||
render json: { saved: true }
|
||||
end
|
||||
|
||||
def sort_merge_requests
|
||||
@merge_requests = @milestone.merge_requests.where(id: params['sortable_merge_request'])
|
||||
@merge_requests.each do |merge_request|
|
||||
merge_request.position = params['sortable_merge_request'].index(merge_request.id.to_s) + 1
|
||||
merge_request.save
|
||||
end
|
||||
|
||||
render json: { saved: true }
|
||||
end
|
||||
|
||||
protected
|
||||
|
||||
def milestone
|
||||
|
|
|
@ -67,7 +67,6 @@ module Issuable
|
|||
|
||||
scope :authored, ->(user) { where(author_id: user) }
|
||||
scope :recent, -> { reorder(id: :desc) }
|
||||
scope :order_position_asc, -> { reorder(position: :asc) }
|
||||
scope :of_projects, ->(ids) { where(project_id: ids) }
|
||||
scope :of_milestones, ->(ids) { where(milestone_id: ids) }
|
||||
scope :with_milestone, ->(title) { left_joins_milestones.where(milestones: { title: title }) }
|
||||
|
@ -139,7 +138,6 @@ module Issuable
|
|||
when 'upvotes_desc' then order_upvotes_desc
|
||||
when 'label_priority' then order_labels_priority(excluded_labels: excluded_labels)
|
||||
when 'priority' then order_due_date_and_labels_priority(excluded_labels: excluded_labels)
|
||||
when 'position_asc' then order_position_asc
|
||||
else
|
||||
order_by(method)
|
||||
end
|
||||
|
|
|
@ -164,38 +164,6 @@ class Milestone < ActiveRecord::Base
|
|||
write_attribute(:title, sanitize_title(value)) if value.present?
|
||||
end
|
||||
|
||||
# Sorts the issues for the given IDs.
|
||||
#
|
||||
# This method runs a single SQL query using a CASE statement to update the
|
||||
# position of all issues in the current milestone (scoped to the list of IDs).
|
||||
#
|
||||
# Given the ids [10, 20, 30] this method produces a SQL query something like
|
||||
# the following:
|
||||
#
|
||||
# UPDATE issues
|
||||
# SET position = CASE
|
||||
# WHEN id = 10 THEN 1
|
||||
# WHEN id = 20 THEN 2
|
||||
# WHEN id = 30 THEN 3
|
||||
# ELSE position
|
||||
# END
|
||||
# WHERE id IN (10, 20, 30);
|
||||
#
|
||||
# This method expects that the IDs given in `ids` are already Fixnums.
|
||||
def sort_issues(ids)
|
||||
pairs = []
|
||||
|
||||
ids.each_with_index do |id, index|
|
||||
pairs << id
|
||||
pairs << index + 1
|
||||
end
|
||||
|
||||
conditions = 'WHEN id = ? THEN ? ' * ids.length
|
||||
|
||||
issues.where(id: ids).
|
||||
update_all(["position = CASE #{conditions} ELSE position END", *pairs])
|
||||
end
|
||||
|
||||
private
|
||||
|
||||
def milestone_format_reference(format = :iid)
|
||||
|
|
|
@ -11,8 +11,8 @@
|
|||
= number_with_delimiter(issuables.size)
|
||||
|
||||
- class_prefix = dom_class(issuables).pluralize
|
||||
%ul{ class: "well-list #{class_prefix}-sortable-list", id: "#{class_prefix}-list-#{id}", "data-state" => id }
|
||||
%ul{ class: "well-list milestone-#{class_prefix}-list", id: "#{class_prefix}-list-#{id}" }
|
||||
= render partial: 'shared/milestones/issuable',
|
||||
collection: issuables.order_position_asc,
|
||||
collection: issuables.recent,
|
||||
as: :issuable,
|
||||
locals: { show_project_name: show_project_name, show_full_project_name: show_full_project_name }
|
||||
|
|
4
changelogs/unreleased/issue_20900.yml
Normal file
4
changelogs/unreleased/issue_20900.yml
Normal file
|
@ -0,0 +1,4 @@
|
|||
---
|
||||
title: Remove Drag and drop and sorting from milestone view
|
||||
merge_request:
|
||||
author:
|
|
@ -117,7 +117,7 @@ module API
|
|||
finder_params = {
|
||||
project_id: user_project.id,
|
||||
milestone_title: milestone.title,
|
||||
sort: 'position_asc'
|
||||
sort: 'created_desc'
|
||||
}
|
||||
|
||||
issues = IssuesFinder.new(current_user, finder_params).execute
|
||||
|
@ -140,7 +140,7 @@ module API
|
|||
finder_params = {
|
||||
project_id: user_project.id,
|
||||
milestone_title: milestone.title,
|
||||
sort: 'position_asc'
|
||||
sort: 'created_desc'
|
||||
}
|
||||
|
||||
merge_requests = MergeRequestsFinder.new(current_user, finder_params).execute
|
||||
|
|
|
@ -1,109 +1,108 @@
|
|||
require 'rails_helper'
|
||||
# require 'rails_helper'
|
||||
|
||||
describe 'Milestone draggable', feature: true, js: true do
|
||||
include DragTo
|
||||
# describe 'Milestone draggable', feature: true, js: true do
|
||||
# include DragTo
|
||||
|
||||
let(:milestone) { create(:milestone, project: project, title: 8.14) }
|
||||
let(:project) { create(:empty_project, :public) }
|
||||
let(:user) { create(:user) }
|
||||
# let(:milestone) { create(:milestone, project: project, title: 8.14) }
|
||||
# let(:project) { create(:empty_project, :public) }
|
||||
# let(:user) { create(:user) }
|
||||
|
||||
context 'issues' do
|
||||
let(:issue) { page.find_by_id('issues-list-unassigned').find('li') }
|
||||
let(:issue_target) { page.find_by_id('issues-list-ongoing') }
|
||||
# context 'issues' do
|
||||
# let(:issue) { page.find_by_id('issues-list-unassigned').find('li') }
|
||||
# let(:issue_target) { page.find_by_id('issues-list-ongoing') }
|
||||
|
||||
it 'does not allow guest to drag issue' do
|
||||
create_and_drag_issue
|
||||
# it 'does not allow guest to drag issue' do
|
||||
# create_and_drag_issue
|
||||
|
||||
expect(issue_target).not_to have_selector('.issuable-row')
|
||||
end
|
||||
# expect(issue_target).not_to have_selector('.issuable-row')
|
||||
# end
|
||||
|
||||
it 'does not allow authorized user to drag issue' do
|
||||
login_as(user)
|
||||
create_and_drag_issue
|
||||
# it 'does not allow authorized user to drag issue' do
|
||||
# login_as(user)
|
||||
# create_and_drag_issue
|
||||
|
||||
expect(issue_target).not_to have_selector('.issuable-row')
|
||||
end
|
||||
# expect(issue_target).not_to have_selector('.issuable-row')
|
||||
# end
|
||||
|
||||
it 'allows author to drag issue' do
|
||||
login_as(user)
|
||||
create_and_drag_issue(author: user)
|
||||
# it 'allows author to drag issue' do
|
||||
# login_as(user)
|
||||
# create_and_drag_issue(author: user)
|
||||
|
||||
expect(issue_target).to have_selector('.issuable-row')
|
||||
end
|
||||
# expect(issue_target).to have_selector('.issuable-row')
|
||||
# end
|
||||
|
||||
it 'allows admin to drag issue' do
|
||||
login_as(:admin)
|
||||
create_and_drag_issue
|
||||
# it 'allows admin to drag issue' do
|
||||
# login_as(:admin)
|
||||
|
||||
expect(issue_target).to have_selector('.issuable-row')
|
||||
end
|
||||
# create_and_drag_issue
|
||||
|
||||
it 'assigns issue when it has been dragged to ongoing list' do
|
||||
login_as(:admin)
|
||||
create_and_drag_issue
|
||||
# expect(issue_target).to have_selector('.issuable-row')
|
||||
# end
|
||||
# end
|
||||
>>>>>>> Remove Drag and drop and sorting from milestone view
|
||||
|
||||
expect(@issue.reload.assignees).not_to be_empty
|
||||
expect(page).to have_selector("#sortable_issue_#{@issue.iid} .assignee-icon img", count: 1)
|
||||
end
|
||||
end
|
||||
# context 'merge requests' do
|
||||
# let(:merge_request) { page.find_by_id('merge_requests-list-unassigned').find('li') }
|
||||
# let(:merge_request_target) { page.find_by_id('merge_requests-list-ongoing') }
|
||||
|
||||
context 'merge requests' do
|
||||
let(:merge_request) { page.find_by_id('merge_requests-list-unassigned').find('li') }
|
||||
let(:merge_request_target) { page.find_by_id('merge_requests-list-ongoing') }
|
||||
# it 'does not allow guest to drag merge request' do
|
||||
# create_and_drag_merge_request
|
||||
|
||||
it 'does not allow guest to drag merge request' do
|
||||
create_and_drag_merge_request
|
||||
# expect(merge_request_target).not_to have_selector('.issuable-row')
|
||||
# end
|
||||
|
||||
expect(merge_request_target).not_to have_selector('.issuable-row')
|
||||
end
|
||||
# it 'does not allow authorized user to drag merge request' do
|
||||
# login_as(user)
|
||||
# create_and_drag_merge_request
|
||||
|
||||
it 'does not allow authorized user to drag merge request' do
|
||||
login_as(user)
|
||||
create_and_drag_merge_request
|
||||
# expect(merge_request_target).not_to have_selector('.issuable-row')
|
||||
# end
|
||||
|
||||
expect(merge_request_target).not_to have_selector('.issuable-row')
|
||||
end
|
||||
# it 'allows author to drag merge request' do
|
||||
# login_as(user)
|
||||
# create_and_drag_merge_request(author: user)
|
||||
|
||||
it 'allows author to drag merge request' do
|
||||
login_as(user)
|
||||
create_and_drag_merge_request(author: user)
|
||||
# expect(merge_request_target).to have_selector('.issuable-row')
|
||||
# end
|
||||
|
||||
expect(merge_request_target).to have_selector('.issuable-row')
|
||||
end
|
||||
# it 'allows admin to drag merge request' do
|
||||
# login_as(:admin)
|
||||
# create_and_drag_merge_request
|
||||
|
||||
it 'allows admin to drag merge request' do
|
||||
login_as(:admin)
|
||||
create_and_drag_merge_request
|
||||
|
||||
expect(merge_request_target).to have_selector('.issuable-row')
|
||||
end
|
||||
end
|
||||
# expect(merge_request_target).to have_selector('.issuable-row')
|
||||
# end
|
||||
# end
|
||||
|
||||
<<<<<<< 5f42009f8dcc29d559ee415e92c88858e361f063
|
||||
def create_and_drag_issue(params = {})
|
||||
@issue = create(:issue, params.merge(title: 'Foo', project: project, milestone: milestone))
|
||||
=======
|
||||
# def create_and_drag_issue(params = {})
|
||||
# create(:issue, params.merge(title: 'Foo', project: project, milestone: milestone))
|
||||
>>>>>>> Remove Drag and drop and sorting from milestone view
|
||||
|
||||
visit namespace_project_milestone_path(project.namespace, project, milestone)
|
||||
scroll_into_view('.milestone-content')
|
||||
drag_to(selector: '.issues-sortable-list', list_to_index: 1)
|
||||
# visit namespace_project_milestone_path(project.namespace, project, milestone)
|
||||
# scroll_into_view('.milestone-content')
|
||||
# drag_to(selector: '.issues-sortable-list', list_to_index: 1)
|
||||
|
||||
wait_for_requests
|
||||
end
|
||||
# wait_for_requests
|
||||
# end
|
||||
|
||||
def create_and_drag_merge_request(params = {})
|
||||
create(:merge_request, params.merge(title: 'Foo', source_project: project, target_project: project, milestone: milestone))
|
||||
# def create_and_drag_merge_request(params = {})
|
||||
# create(:merge_request, params.merge(title: 'Foo', source_project: project, target_project: project, milestone: milestone))
|
||||
|
||||
visit namespace_project_milestone_path(project.namespace, project, milestone)
|
||||
page.find("a[href='#tab-merge-requests']").click
|
||||
# visit namespace_project_milestone_path(project.namespace, project, milestone)
|
||||
# page.find("a[href='#tab-merge-requests']").click
|
||||
|
||||
wait_for_requests
|
||||
# wait_for_requests
|
||||
|
||||
scroll_into_view('.milestone-content')
|
||||
drag_to(selector: '.merge_requests-sortable-list', list_to_index: 1)
|
||||
# scroll_into_view('.milestone-content')
|
||||
# drag_to(selector: '.merge_requests-sortable-list', list_to_index: 1)
|
||||
|
||||
wait_for_requests
|
||||
end
|
||||
# wait_for_requests
|
||||
# end
|
||||
|
||||
def scroll_into_view(selector)
|
||||
page.evaluate_script("document.querySelector('#{selector}').scrollIntoView();")
|
||||
end
|
||||
end
|
||||
# def scroll_into_view(selector)
|
||||
# page.evaluate_script("document.querySelector('#{selector}').scrollIntoView();")
|
||||
# end
|
||||
# end
|
||||
|
|
Loading…
Reference in a new issue