mirror of
https://github.com/wekan/wekan.git
synced 2025-12-24 03:10:12 +01:00
45b662a1dd
This commit uses a new package that I need to document. It tries to solve the long-standing debate in the Meteor community about allow/deny rules versus methods (RPC). This approach gives us both the centralized security rules of allow/deny and the white-list of allowed mutations similarly to Meteor methods. The idea to have static mutation descriptions is also inspired by Facebook's Relay/GraphQL. This will allow the development of a REST API using the high-level methods instead of the MongoDB queries to do the mapping between the HTTP requests and our collections.
101 lines
2.7 KiB
JavaScript
101 lines
2.7 KiB
JavaScript
let labelColors;
|
|
Meteor.startup(() => {
|
|
labelColors = Boards.simpleSchema()._schema['labels.$.color'].allowedValues;
|
|
});
|
|
|
|
BlazeComponent.extendComponent({
|
|
template() {
|
|
return 'formLabel';
|
|
},
|
|
|
|
onCreated() {
|
|
this.currentColor = new ReactiveVar(this.data().color);
|
|
},
|
|
|
|
labels() {
|
|
return _.map(labelColors, (color) => {
|
|
return { color, name: '' };
|
|
});
|
|
},
|
|
|
|
isSelected(color) {
|
|
return this.currentColor.get() === color;
|
|
},
|
|
|
|
events() {
|
|
return [{
|
|
'click .js-palette-color'() {
|
|
this.currentColor.set(this.currentData().color);
|
|
},
|
|
}];
|
|
},
|
|
}).register('formLabel');
|
|
|
|
Template.createLabelPopup.helpers({
|
|
// This is the default color for a new label. We search the first color that
|
|
// is not already used in the board (although it's not a problem if two
|
|
// labels have the same color).
|
|
defaultColor() {
|
|
const labels = Boards.findOne(Session.get('currentBoard')).labels;
|
|
const usedColors = _.pluck(labels, 'color');
|
|
const availableColors = _.difference(labelColors, usedColors);
|
|
return availableColors.length > 1 ? availableColors[0] : labelColors[0];
|
|
},
|
|
});
|
|
|
|
Template.cardLabelsPopup.events({
|
|
'click .js-select-label'(evt) {
|
|
const card = Cards.findOne(Session.get('currentCard'));
|
|
const labelId = this._id;
|
|
card.toggleLabel(labelId);
|
|
evt.preventDefault();
|
|
},
|
|
'click .js-edit-label': Popup.open('editLabel'),
|
|
'click .js-add-label': Popup.open('createLabel'),
|
|
});
|
|
|
|
Template.formLabel.events({
|
|
'click .js-palette-color'(evt) {
|
|
const $this = $(evt.currentTarget);
|
|
|
|
// hide selected ll colors
|
|
$('.js-palette-select').addClass('hide');
|
|
|
|
// show select color
|
|
$this.find('.js-palette-select').removeClass('hide');
|
|
},
|
|
});
|
|
|
|
Template.createLabelPopup.events({
|
|
// Create the new label
|
|
'submit .create-label'(evt, tpl) {
|
|
const board = Boards.findOne(Session.get('currentBoard'));
|
|
const name = tpl.$('#labelName').val().trim();
|
|
const color = Blaze.getData(tpl.find('.fa-check')).color;
|
|
board.addLabel(name, color);
|
|
Popup.back();
|
|
evt.preventDefault();
|
|
},
|
|
});
|
|
|
|
Template.editLabelPopup.events({
|
|
'click .js-delete-label': Popup.afterConfirm('deleteLabel', function() {
|
|
const board = Boards.findOne(Session.get('currentBoard'));
|
|
board.removeLabel(this._id);
|
|
Popup.back(2);
|
|
}),
|
|
'submit .edit-label'(evt, tpl) {
|
|
evt.preventDefault();
|
|
const board = Boards.findOne(Session.get('currentBoard'));
|
|
const name = tpl.$('#labelName').val().trim();
|
|
const color = Blaze.getData(tpl.find('.fa-check')).color;
|
|
board.editLabel(this._id, name, color);
|
|
Popup.back();
|
|
},
|
|
});
|
|
|
|
Template.cardLabelsPopup.helpers({
|
|
isLabelSelected(cardId) {
|
|
return _.contains(Cards.findOne(cardId).labelIds, this._id);
|
|
},
|
|
});
|