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
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
|
BlazeComponent.extendComponent({
template() {
return 'listHeader';
},
editTitle(evt) {
evt.preventDefault();
const newTitle = this.componentChildren('inlinedForm')[0].getValue();
const list = this.currentData();
if ($.trim(newTitle)) {
list.rename(newTitle);
}
},
events() {
return [{
'click .js-open-list-menu': Popup.open('listAction'),
submit: this.editTitle,
}];
},
}).register('listHeader');
Template.listActionPopup.events({
'click .js-add-card'() {
const listDom = document.getElementById(`js-list-${this._id}`);
const listComponent = BlazeComponent.getComponentForElement(listDom);
listComponent.openForm({ position: 'top' });
Popup.close();
},
'click .js-list-subscribe'() {},
'click .js-select-cards'() {
const cardIds = this.allCards().map((card) => card._id);
MultiSelection.add(cardIds);
Popup.close();
},
'click .js-import-card': Popup.open('listImportCard'),
'click .js-move-cards': Popup.open('listMoveCards'),
'click .js-archive-cards': Popup.afterConfirm('listArchiveCards', function() {
this.allCards().forEach((card) => {
card.archive();
});
Popup.close();
}),
'click .js-close-list'(evt) {
evt.preventDefault();
this.archive();
Popup.close();
},
});
Template.listImportCardPopup.events({
submit(evt) {
// 1. get the json data out of the form and parse it
evt.preventDefault();
const jsonData = $(evt.currentTarget).find('textarea').val();
const data = JSON.parse(jsonData);
// 2. map all fields for the card to create
const firstCardDom = $(`#js-list-${this._id} .js-minicard:first`).get(0);
const sortIndex = Utils.calculateIndex(null, firstCardDom).base;
const cardToCreate = {
title: data.name,
description: data.desc,
listId: this._id,
boardId: this.boardId,
userId: Meteor.userId(),
sort: sortIndex,
};
// 3. map labels
data.labels.forEach((current) => {
const color = current.color;
const name = current.name;
const existingLabel = this.board().getLabel(name, color);
let labelId = undefined;
if (existingLabel) {
labelId = existingLabel._id;
} else {
let labelCreated = this.board().addLabel(name, color);
// XXX currently mutations return no value so we have to fetch the label we just created
// waiting on https://github.com/mquandalle/meteor-collection-mutations/issues/1 to remove...
labelCreated = this.board().getLabel(name, color);
labelId = labelCreated._id;
}
if(labelId) {
if (!cardToCreate.labelIds) {
cardToCreate.labelIds = [];
}
cardToCreate.labelIds.push(labelId);
}
});
// 4. insert new card into list
const _id = Cards.insert(cardToCreate);
// 5. parse actions and add comments
data.actions.forEach((current) => {
if(current.type === 'commentCard') {
const commentToCreate = {
boardId: this.boardId,
cardId: _id,
userId: Meteor.userId(),
text: current.data.text,
};
CardComments.insert(commentToCreate);
}
// XXX add other type of activities?
Popup.close();
});
// In case the filter is active we need to add the newly inserted card in
// the list of exceptions -- cards that are not filtered. Otherwise the
// card will disappear instantly.
// See https://github.com/wekan/wekan/issues/80
Filter.addException(_id);
},
});
Template.listMoveCardsPopup.events({
'click .js-select-list'() {
const fromList = Template.parentData(2).data;
const toList = this._id;
fromList.allCards().forEach((card) => {
card.move(toList);
});
Popup.close();
},
});
|