1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
|
Vue.component('task-move-position', {
props: ['board', 'saveUrl'],
template: '#template-task-move-position',
data: function () {
return {
swimlaneId: 0,
columnId: 0,
position: 1,
columns: [],
tasks: [],
positionChoice: 'before',
errorMessage: ''
}
},
ready: function () {
this.columns = this.board[0].columns;
this.columnId = this.columns[0].id;
this.tasks = this.columns[0].tasks;
this.errorMessage = '';
},
methods: {
onChangeSwimlane: function () {
var self = this;
this.columnId = 0;
this.position = 1;
this.columns = [];
this.tasks = [];
this.positionChoice = 'before';
this.board.forEach(function(swimlane) {
if (swimlane.id === self.swimlaneId) {
self.columns = swimlane.columns;
self.tasks = self.columns[0].tasks;
self.columnId = self.columns[0].id;
}
});
},
onChangeColumn: function () {
var self = this;
this.position = 1;
this.tasks = [];
this.positionChoice = 'before';
this.columns.forEach(function(column) {
if (column.id == self.columnId) {
self.tasks = column.tasks;
if (self.tasks.length > 0) {
self.position = parseInt(self.tasks[0]['position']);
}
}
});
},
onSubmit: function () {
var self = this;
if (this.positionChoice == 'after') {
this.position++;
}
$.ajax({
cache: false,
url: this.saveUrl,
contentType: "application/json",
type: "POST",
processData: false,
data: JSON.stringify({
"column_id": this.columnId,
"swimlane_id": this.swimlaneId,
"position": this.position
}),
statusCode: {
200: function() {
window.location.reload(true);
},
403: function(jqXHR) {
var response = JSON.parse(jqXHR.responseText);
self.errorMessage = response.message;
self.$broadcast('submitCancelled');
}
}
});
}
}
});
|
