mirror of
https://github.com/wekan/wekan.git
synced 2025-09-22 01:50:48 +02:00
351d4767d7
immediate. Only on public board use cookies. Comment out Collapse CSS that is not in use. Thanks to xet7 !
710 lines
19 KiB
JavaScript
710 lines
19 KiB
JavaScript
Sidebar = null;
|
|
|
|
const defaultView = 'home';
|
|
const MCB = '.materialCheckBox';
|
|
const CKCLS = 'is-checked';
|
|
|
|
const viewTitles = {
|
|
filter: 'filter-cards',
|
|
search: 'search-cards',
|
|
multiselection: 'multi-selection',
|
|
customFields: 'custom-fields',
|
|
archives: 'archives',
|
|
};
|
|
|
|
BlazeComponent.extendComponent({
|
|
mixins() {
|
|
return [Mixins.InfiniteScrolling, Mixins.PerfectScrollbar];
|
|
},
|
|
|
|
onCreated() {
|
|
this._isOpen = new ReactiveVar(false);
|
|
this._view = new ReactiveVar(defaultView);
|
|
Sidebar = this;
|
|
},
|
|
|
|
onDestroyed() {
|
|
Sidebar = null;
|
|
},
|
|
|
|
isOpen() {
|
|
return this._isOpen.get();
|
|
},
|
|
|
|
open() {
|
|
if (!this._isOpen.get()) {
|
|
this._isOpen.set(true);
|
|
EscapeActions.executeUpTo('detailsPane');
|
|
}
|
|
},
|
|
|
|
hide() {
|
|
if (this._isOpen.get()) {
|
|
this._isOpen.set(false);
|
|
}
|
|
},
|
|
|
|
toggle() {
|
|
this._isOpen.set(!this._isOpen.get());
|
|
},
|
|
|
|
calculateNextPeak() {
|
|
const sidebarElement = this.find('.js-board-sidebar-content');
|
|
if (sidebarElement) {
|
|
const altitude = sidebarElement.scrollHeight;
|
|
this.callFirstWith(this, 'setNextPeak', altitude);
|
|
}
|
|
},
|
|
|
|
reachNextPeak() {
|
|
const activitiesComponent = this.childComponents('activities')[0];
|
|
activitiesComponent.loadNextPage();
|
|
},
|
|
|
|
isTongueHidden() {
|
|
return this.isOpen() && this.getView() !== defaultView;
|
|
},
|
|
|
|
scrollTop() {
|
|
this.$('.js-board-sidebar-content').scrollTop(0);
|
|
},
|
|
|
|
getView() {
|
|
return this._view.get();
|
|
},
|
|
|
|
setView(view) {
|
|
view = _.isString(view) ? view : defaultView;
|
|
if (this._view.get() !== view) {
|
|
this._view.set(view);
|
|
this.scrollTop();
|
|
EscapeActions.executeUpTo('detailsPane');
|
|
}
|
|
this.open();
|
|
},
|
|
|
|
isDefaultView() {
|
|
return this.getView() === defaultView;
|
|
},
|
|
|
|
getViewTemplate() {
|
|
return `${this.getView()}Sidebar`;
|
|
},
|
|
|
|
getViewTitle() {
|
|
return TAPi18n.__(viewTitles[this.getView()]);
|
|
},
|
|
|
|
showTongueTitle() {
|
|
if (this.isOpen()) return `${TAPi18n.__('sidebar-close')}`;
|
|
else return `${TAPi18n.__('sidebar-open')}`;
|
|
},
|
|
|
|
events() {
|
|
return [
|
|
{
|
|
'click .js-hide-sidebar': this.hide,
|
|
'click .js-toggle-sidebar': this.toggle,
|
|
'click .js-back-home': this.setView,
|
|
'click .js-toggle-minicard-label-text'() {
|
|
currentUser = Meteor.user();
|
|
if (currentUser) {
|
|
Meteor.call('toggleMinicardLabelText');
|
|
} else {
|
|
import { Cookies } from 'meteor/ostrio:cookies';
|
|
const cookies = new Cookies();
|
|
if (cookies.has('hiddenMinicardLabelText')) {
|
|
cookies.remove('hiddenMinicardLabelText');
|
|
} else {
|
|
cookies.set('hiddenMinicardLabelText', 'true');
|
|
}
|
|
}
|
|
},
|
|
'click .js-shortcuts'() {
|
|
FlowRouter.go('shortcuts');
|
|
},
|
|
},
|
|
];
|
|
},
|
|
}).register('sidebar');
|
|
|
|
Blaze.registerHelper('Sidebar', () => Sidebar);
|
|
|
|
Template.homeSidebar.helpers({
|
|
hiddenMinicardLabelText() {
|
|
currentUser = Meteor.user();
|
|
if (currentUser) {
|
|
return (currentUser.profile || {}).hiddenMinicardLabelText;
|
|
} else {
|
|
import { Cookies } from 'meteor/ostrio:cookies';
|
|
const cookies = new Cookies();
|
|
if (cookies.has('hiddenMinicardLabelText')) {
|
|
return true;
|
|
} else {
|
|
return false;
|
|
}
|
|
}
|
|
},
|
|
});
|
|
|
|
EscapeActions.register(
|
|
'sidebarView',
|
|
() => {
|
|
Sidebar.setView(defaultView);
|
|
},
|
|
() => {
|
|
return Sidebar && Sidebar.getView() !== defaultView;
|
|
},
|
|
);
|
|
|
|
Template.memberPopup.helpers({
|
|
user() {
|
|
return Users.findOne(this.userId);
|
|
},
|
|
memberType() {
|
|
const type = Users.findOne(this.userId).isBoardAdmin() ? 'admin' : 'normal';
|
|
if (type === 'normal') {
|
|
const currentBoard = Boards.findOne(Session.get('currentBoard'));
|
|
const commentOnly = currentBoard.hasCommentOnly(this.userId);
|
|
const noComments = currentBoard.hasNoComments(this.userId);
|
|
if (commentOnly) {
|
|
return TAPi18n.__('comment-only').toLowerCase();
|
|
} else if (noComments) {
|
|
return TAPi18n.__('no-comments').toLowerCase();
|
|
} else {
|
|
return TAPi18n.__(type).toLowerCase();
|
|
}
|
|
} else {
|
|
return TAPi18n.__(type).toLowerCase();
|
|
}
|
|
},
|
|
isInvited() {
|
|
return Users.findOne(this.userId).isInvitedTo(Session.get('currentBoard'));
|
|
},
|
|
});
|
|
|
|
Template.boardMenuPopup.events({
|
|
'click .js-rename-board': Popup.open('boardChangeTitle'),
|
|
'click .js-custom-fields'() {
|
|
Sidebar.setView('customFields');
|
|
Popup.close();
|
|
},
|
|
'click .js-open-archives'() {
|
|
Sidebar.setView('archives');
|
|
Popup.close();
|
|
},
|
|
'click .js-change-board-color': Popup.open('boardChangeColor'),
|
|
'click .js-change-language': Popup.open('changeLanguage'),
|
|
'click .js-archive-board ': Popup.afterConfirm('archiveBoard', function() {
|
|
const currentBoard = Boards.findOne(Session.get('currentBoard'));
|
|
currentBoard.archive();
|
|
// XXX We should have some kind of notification on top of the page to
|
|
// confirm that the board was successfully archived.
|
|
FlowRouter.go('home');
|
|
}),
|
|
'click .js-delete-board': Popup.afterConfirm('deleteBoard', function() {
|
|
const currentBoard = Boards.findOne(Session.get('currentBoard'));
|
|
Popup.close();
|
|
Boards.remove(currentBoard._id);
|
|
FlowRouter.go('home');
|
|
}),
|
|
'click .js-outgoing-webhooks': Popup.open('outgoingWebhooks'),
|
|
'click .js-import-board': Popup.open('chooseBoardSource'),
|
|
'click .js-subtask-settings': Popup.open('boardSubtaskSettings'),
|
|
});
|
|
|
|
Template.boardMenuPopup.helpers({
|
|
exportUrl() {
|
|
const params = {
|
|
boardId: Session.get('currentBoard'),
|
|
};
|
|
const queryParams = {
|
|
authToken: Accounts._storedLoginToken(),
|
|
};
|
|
return FlowRouter.path('/api/boards/:boardId/export', params, queryParams);
|
|
},
|
|
exportFilename() {
|
|
const boardId = Session.get('currentBoard');
|
|
return `wekan-export-board-${boardId}.json`;
|
|
},
|
|
});
|
|
|
|
Template.memberPopup.events({
|
|
'click .js-filter-member'() {
|
|
Filter.members.toggle(this.userId);
|
|
Popup.close();
|
|
},
|
|
'click .js-change-role': Popup.open('changePermissions'),
|
|
'click .js-remove-member': Popup.afterConfirm('removeMember', function() {
|
|
const boardId = Session.get('currentBoard');
|
|
const memberId = this.userId;
|
|
Cards.find({ boardId, members: memberId }).forEach(card => {
|
|
card.unassignMember(memberId);
|
|
});
|
|
Boards.findOne(boardId).removeMember(memberId);
|
|
Popup.close();
|
|
}),
|
|
'click .js-leave-member': Popup.afterConfirm('leaveBoard', () => {
|
|
const boardId = Session.get('currentBoard');
|
|
Meteor.call('quitBoard', boardId, () => {
|
|
Popup.close();
|
|
FlowRouter.go('home');
|
|
});
|
|
}),
|
|
});
|
|
|
|
Template.removeMemberPopup.helpers({
|
|
user() {
|
|
return Users.findOne(this.userId);
|
|
},
|
|
board() {
|
|
return Boards.findOne(Session.get('currentBoard'));
|
|
},
|
|
});
|
|
|
|
Template.leaveBoardPopup.helpers({
|
|
board() {
|
|
return Boards.findOne(Session.get('currentBoard'));
|
|
},
|
|
});
|
|
|
|
Template.membersWidget.helpers({
|
|
isInvited() {
|
|
const user = Meteor.user();
|
|
return user && user.isInvitedTo(Session.get('currentBoard'));
|
|
},
|
|
});
|
|
|
|
Template.membersWidget.events({
|
|
'click .js-member': Popup.open('member'),
|
|
'click .js-open-board-menu': Popup.open('boardMenu'),
|
|
'click .js-manage-board-members': Popup.open('addMember'),
|
|
'click .js-import': Popup.open('boardImportBoard'),
|
|
submit: this.onSubmit,
|
|
'click .js-import-board': Popup.open('chooseBoardSource'),
|
|
'click .js-open-archived-board'() {
|
|
Modal.open('archivedBoards');
|
|
},
|
|
'click .sandstorm-powerbox-request-identity'() {
|
|
window.sandstormRequestIdentity();
|
|
},
|
|
'click .js-member-invite-accept'() {
|
|
const boardId = Session.get('currentBoard');
|
|
Meteor.user().removeInvite(boardId);
|
|
},
|
|
'click .js-member-invite-decline'() {
|
|
const boardId = Session.get('currentBoard');
|
|
Meteor.call('quitBoard', boardId, (err, ret) => {
|
|
if (!err && ret) {
|
|
Meteor.user().removeInvite(boardId);
|
|
FlowRouter.go('home');
|
|
}
|
|
});
|
|
},
|
|
});
|
|
|
|
BlazeComponent.extendComponent({
|
|
boardId() {
|
|
return Session.get('currentBoard') || Integrations.Const.GLOBAL_WEBHOOK_ID;
|
|
},
|
|
integrations() {
|
|
const boardId = this.boardId();
|
|
return Integrations.find({ boardId: `${boardId}` }).fetch();
|
|
},
|
|
types() {
|
|
return Integrations.Const.WEBHOOK_TYPES;
|
|
},
|
|
integration(cond) {
|
|
const boardId = this.boardId();
|
|
const condition = { boardId, ...cond };
|
|
for (const k in condition) {
|
|
if (!condition[k]) delete condition[k];
|
|
}
|
|
return Integrations.findOne(condition);
|
|
},
|
|
onCreated() {
|
|
this.disabled = new ReactiveVar(false);
|
|
},
|
|
events() {
|
|
return [
|
|
{
|
|
'click a.flex'(evt) {
|
|
this.disabled.set(!this.disabled.get());
|
|
$(evt.target).toggleClass(CKCLS, this.disabled.get());
|
|
},
|
|
submit(evt) {
|
|
evt.preventDefault();
|
|
const url = evt.target.url.value;
|
|
const boardId = this.boardId();
|
|
let id = null;
|
|
let integration = null;
|
|
const title = evt.target.title.value;
|
|
const token = evt.target.token.value;
|
|
const type = evt.target.type.value;
|
|
const enabled = !this.disabled.get();
|
|
let remove = false;
|
|
const values = {
|
|
url,
|
|
type,
|
|
token,
|
|
title,
|
|
enabled,
|
|
};
|
|
if (evt.target.id) {
|
|
id = evt.target.id.value;
|
|
integration = this.integration({ _id: id });
|
|
remove = !url;
|
|
} else if (url) {
|
|
integration = this.integration({ url, token });
|
|
}
|
|
if (remove) {
|
|
Integrations.remove(integration._id);
|
|
} else if (integration && integration._id) {
|
|
Integrations.update(integration._id, {
|
|
$set: values,
|
|
});
|
|
} else if (url) {
|
|
Integrations.insert({
|
|
...values,
|
|
userId: Meteor.userId(),
|
|
enabled: true,
|
|
boardId,
|
|
activities: ['all'],
|
|
});
|
|
}
|
|
Popup.close();
|
|
},
|
|
},
|
|
];
|
|
},
|
|
}).register('outgoingWebhooksPopup');
|
|
|
|
BlazeComponent.extendComponent({
|
|
template() {
|
|
return 'chooseBoardSource';
|
|
},
|
|
}).register('chooseBoardSourcePopup');
|
|
|
|
Template.labelsWidget.events({
|
|
'click .js-label': Popup.open('editLabel'),
|
|
'click .js-add-label': Popup.open('createLabel'),
|
|
});
|
|
|
|
// Board members can assign people or labels by drag-dropping elements from the
|
|
// sidebar to the cards on the board. In order to re-initialize the jquery-ui
|
|
// plugin any time a draggable member or label is modified or removed we use a
|
|
// autorun function and register a dependency on the both members and labels
|
|
// fields of the current board document.
|
|
function draggableMembersLabelsWidgets() {
|
|
this.autorun(() => {
|
|
const currentBoardId = Tracker.nonreactive(() => {
|
|
return Session.get('currentBoard');
|
|
});
|
|
Boards.findOne(currentBoardId, {
|
|
fields: {
|
|
members: 1,
|
|
labels: 1,
|
|
},
|
|
});
|
|
Tracker.afterFlush(() => {
|
|
const $draggables = this.$('.js-member,.js-label');
|
|
$draggables.draggable({
|
|
appendTo: 'body',
|
|
helper: 'clone',
|
|
revert: 'invalid',
|
|
revertDuration: 150,
|
|
snap: false,
|
|
snapMode: 'both',
|
|
start() {
|
|
EscapeActions.executeUpTo('popup-back');
|
|
},
|
|
});
|
|
|
|
function userIsMember() {
|
|
return Meteor.user() && Meteor.user().isBoardMember();
|
|
}
|
|
|
|
this.autorun(() => {
|
|
$draggables.draggable('option', 'disabled', !userIsMember());
|
|
});
|
|
});
|
|
});
|
|
}
|
|
|
|
Template.membersWidget.onRendered(draggableMembersLabelsWidgets);
|
|
Template.labelsWidget.onRendered(draggableMembersLabelsWidgets);
|
|
|
|
BlazeComponent.extendComponent({
|
|
backgroundColors() {
|
|
return Boards.simpleSchema()._schema.color.allowedValues;
|
|
},
|
|
|
|
isSelected() {
|
|
const currentBoard = Boards.findOne(Session.get('currentBoard'));
|
|
return currentBoard.color === this.currentData().toString();
|
|
},
|
|
|
|
events() {
|
|
return [
|
|
{
|
|
'click .js-select-background'(evt) {
|
|
const currentBoard = Boards.findOne(Session.get('currentBoard'));
|
|
const newColor = this.currentData().toString();
|
|
currentBoard.setColor(newColor);
|
|
evt.preventDefault();
|
|
},
|
|
},
|
|
];
|
|
},
|
|
}).register('boardChangeColorPopup');
|
|
|
|
BlazeComponent.extendComponent({
|
|
onCreated() {
|
|
this.currentBoard = Boards.findOne(Session.get('currentBoard'));
|
|
},
|
|
|
|
allowsSubtasks() {
|
|
return this.currentBoard.allowsSubtasks;
|
|
},
|
|
|
|
isBoardSelected() {
|
|
return this.currentBoard.subtasksDefaultBoardId === this.currentData()._id;
|
|
},
|
|
|
|
isNullBoardSelected() {
|
|
return (
|
|
this.currentBoard.subtasksDefaultBoardId === null ||
|
|
this.currentBoard.subtasksDefaultBoardId === undefined
|
|
);
|
|
},
|
|
|
|
boards() {
|
|
return Boards.find(
|
|
{
|
|
archived: false,
|
|
'members.userId': Meteor.userId(),
|
|
},
|
|
{
|
|
sort: ['title'],
|
|
},
|
|
);
|
|
},
|
|
|
|
lists() {
|
|
return Lists.find(
|
|
{
|
|
boardId: this.currentBoard._id,
|
|
archived: false,
|
|
},
|
|
{
|
|
sort: ['title'],
|
|
},
|
|
);
|
|
},
|
|
|
|
hasLists() {
|
|
return this.lists().count() > 0;
|
|
},
|
|
|
|
isListSelected() {
|
|
return this.currentBoard.subtasksDefaultBoardId === this.currentData()._id;
|
|
},
|
|
|
|
presentParentTask() {
|
|
let result = this.currentBoard.presentParentTask;
|
|
if (result === null || result === undefined) {
|
|
result = 'no-parent';
|
|
}
|
|
return result;
|
|
},
|
|
|
|
events() {
|
|
return [
|
|
{
|
|
'click .js-field-has-subtasks'(evt) {
|
|
evt.preventDefault();
|
|
this.currentBoard.allowsSubtasks = !this.currentBoard.allowsSubtasks;
|
|
this.currentBoard.setAllowsSubtasks(this.currentBoard.allowsSubtasks);
|
|
$(`.js-field-has-subtasks ${MCB}`).toggleClass(
|
|
CKCLS,
|
|
this.currentBoard.allowsSubtasks,
|
|
);
|
|
$('.js-field-has-subtasks').toggleClass(
|
|
CKCLS,
|
|
this.currentBoard.allowsSubtasks,
|
|
);
|
|
$('.js-field-deposit-board').prop(
|
|
'disabled',
|
|
!this.currentBoard.allowsSubtasks,
|
|
);
|
|
},
|
|
'change .js-field-deposit-board'(evt) {
|
|
let value = evt.target.value;
|
|
if (value === 'null') {
|
|
value = null;
|
|
}
|
|
this.currentBoard.setSubtasksDefaultBoardId(value);
|
|
evt.preventDefault();
|
|
},
|
|
'change .js-field-deposit-list'(evt) {
|
|
this.currentBoard.setSubtasksDefaultListId(evt.target.value);
|
|
evt.preventDefault();
|
|
},
|
|
'click .js-field-show-parent-in-minicard'(evt) {
|
|
const value =
|
|
evt.target.id ||
|
|
$(evt.target).parent()[0].id ||
|
|
$(evt.target)
|
|
.parent()[0]
|
|
.parent()[0].id;
|
|
const options = [
|
|
'prefix-with-full-path',
|
|
'prefix-with-parent',
|
|
'subtext-with-full-path',
|
|
'subtext-with-parent',
|
|
'no-parent',
|
|
];
|
|
options.forEach(function(element) {
|
|
if (element !== value) {
|
|
$(`#${element} ${MCB}`).toggleClass(CKCLS, false);
|
|
$(`#${element}`).toggleClass(CKCLS, false);
|
|
}
|
|
});
|
|
$(`#${value} ${MCB}`).toggleClass(CKCLS, true);
|
|
$(`#${value}`).toggleClass(CKCLS, true);
|
|
this.currentBoard.setPresentParentTask(value);
|
|
evt.preventDefault();
|
|
},
|
|
},
|
|
];
|
|
},
|
|
}).register('boardSubtaskSettingsPopup');
|
|
|
|
BlazeComponent.extendComponent({
|
|
onCreated() {
|
|
this.error = new ReactiveVar('');
|
|
this.loading = new ReactiveVar(false);
|
|
},
|
|
|
|
onRendered() {
|
|
this.find('.js-search-member input').focus();
|
|
this.setLoading(false);
|
|
},
|
|
|
|
isBoardMember() {
|
|
const userId = this.currentData()._id;
|
|
const user = Users.findOne(userId);
|
|
return user && user.isBoardMember();
|
|
},
|
|
|
|
isValidEmail(email) {
|
|
return SimpleSchema.RegEx.Email.test(email);
|
|
},
|
|
|
|
setError(error) {
|
|
this.error.set(error);
|
|
},
|
|
|
|
setLoading(w) {
|
|
this.loading.set(w);
|
|
},
|
|
|
|
isLoading() {
|
|
return this.loading.get();
|
|
},
|
|
|
|
inviteUser(idNameEmail) {
|
|
const boardId = Session.get('currentBoard');
|
|
this.setLoading(true);
|
|
const self = this;
|
|
Meteor.call('inviteUserToBoard', idNameEmail, boardId, (err, ret) => {
|
|
self.setLoading(false);
|
|
if (err) self.setError(err.error);
|
|
else if (ret.email) self.setError('email-sent');
|
|
else Popup.close();
|
|
});
|
|
},
|
|
|
|
events() {
|
|
return [
|
|
{
|
|
'keyup input'() {
|
|
this.setError('');
|
|
},
|
|
'click .js-select-member'() {
|
|
const userId = this.currentData()._id;
|
|
const currentBoard = Boards.findOne(Session.get('currentBoard'));
|
|
if (!currentBoard.hasMember(userId)) {
|
|
this.inviteUser(userId);
|
|
}
|
|
},
|
|
'click .js-email-invite'() {
|
|
const idNameEmail = $('.js-search-member input').val();
|
|
if (idNameEmail.indexOf('@') < 0 || this.isValidEmail(idNameEmail)) {
|
|
this.inviteUser(idNameEmail);
|
|
} else this.setError('email-invalid');
|
|
},
|
|
},
|
|
];
|
|
},
|
|
}).register('addMemberPopup');
|
|
|
|
Template.changePermissionsPopup.events({
|
|
'click .js-set-admin, click .js-set-normal, click .js-set-no-comments, click .js-set-comment-only'(
|
|
event,
|
|
) {
|
|
const currentBoard = Boards.findOne(Session.get('currentBoard'));
|
|
const memberId = this.userId;
|
|
const isAdmin = $(event.currentTarget).hasClass('js-set-admin');
|
|
const isCommentOnly = $(event.currentTarget).hasClass(
|
|
'js-set-comment-only',
|
|
);
|
|
const isNoComments = $(event.currentTarget).hasClass('js-set-no-comments');
|
|
currentBoard.setMemberPermission(
|
|
memberId,
|
|
isAdmin,
|
|
isNoComments,
|
|
isCommentOnly,
|
|
);
|
|
Popup.back(1);
|
|
},
|
|
});
|
|
|
|
Template.changePermissionsPopup.helpers({
|
|
isAdmin() {
|
|
const currentBoard = Boards.findOne(Session.get('currentBoard'));
|
|
return currentBoard.hasAdmin(this.userId);
|
|
},
|
|
|
|
isNormal() {
|
|
const currentBoard = Boards.findOne(Session.get('currentBoard'));
|
|
return (
|
|
!currentBoard.hasAdmin(this.userId) &&
|
|
!currentBoard.hasNoComments(this.userId) &&
|
|
!currentBoard.hasCommentOnly(this.userId)
|
|
);
|
|
},
|
|
|
|
isNoComments() {
|
|
const currentBoard = Boards.findOne(Session.get('currentBoard'));
|
|
return (
|
|
!currentBoard.hasAdmin(this.userId) &&
|
|
currentBoard.hasNoComments(this.userId)
|
|
);
|
|
},
|
|
|
|
isCommentOnly() {
|
|
const currentBoard = Boards.findOne(Session.get('currentBoard'));
|
|
return (
|
|
!currentBoard.hasAdmin(this.userId) &&
|
|
currentBoard.hasCommentOnly(this.userId)
|
|
);
|
|
},
|
|
|
|
isLastAdmin() {
|
|
const currentBoard = Boards.findOne(Session.get('currentBoard'));
|
|
return (
|
|
currentBoard.hasAdmin(this.userId) && currentBoard.activeAdmins() === 1
|
|
);
|
|
},
|
|
});
|