wekan/client/components/swimlanes/swimlaneHeader.js

import { TAPi18n } from '/imports/i18n';
import { ReactiveCache } from '/imports/reactiveCache';
const { calculateIndexData } = Utils;

let swimlaneColors;
Meteor.startup(() => {
  swimlaneColors = Swimlanes.simpleSchema()._schema.color.allowedValues;
});

function swimlaneHeaderCollapsed(check = undefined) {
  const swimlane = Template.currentData();
  const status = Utils.getSwimlaneCollapseState(swimlane);
  if (check === undefined) {
    return status;
  } else {
    const next = typeof check === 'boolean' ? check : !status;
    Utils.setSwimlaneCollapseState(swimlane, next);
    return next;
  }
}

Template.swimlaneHeader.events({
  'click .js-collapse-swimlane'(event) {
    event.preventDefault();
    swimlaneHeaderCollapsed(!swimlaneHeaderCollapsed());
  },
  'click .js-open-swimlane-menu': Popup.open('swimlaneAction'),
  'click .js-open-add-swimlane-menu': Popup.open('swimlaneAdd'),
  async submit(event, tpl) {
    event.preventDefault();
    const newTitle = tpl.$('.list-name-input').val().trim();
    const swimlane = Template.currentData();
    if (newTitle) {
      await swimlane.rename(newTitle.trim());
    }
  },
});

Template.swimlaneFixedHeader.helpers({
  isBoardAdmin() {
    return ReactiveCache.getCurrentUser().isBoardAdmin();
  },
  collapseSwimlane() {
    const swimlane = Template.currentData();
    return Utils.getSwimlaneCollapseState(swimlane);
  },
  isTitleDefault(title) {
    // https://github.com/wekan/wekan/issues/4763
    // https://github.com/wekan/wekan/issues/4742
    // Translation text for "default" does not work, it returns an object.
    // When that happens, try use translation "defaultdefault" that has same content of default, or return text "Default".
    // This can happen, if swimlane does not have name.
    // Yes, this is fixing the symptom (Swimlane title does not have title)
    // instead of fixing the problem (Add Swimlane title when creating swimlane)
    // because there could be thousands of swimlanes, adding name Default to all of them
    // would be very slow.
    if (title.startsWith("key 'default") && title.endsWith('returned an object instead of string.')) {
      if (`${TAPi18n.__('defaultdefault')}`.startsWith("key 'default") && `${TAPi18n.__('defaultdefault')}`.endsWith('returned an object instead of string.')) {
        return 'Default';
      } else  {
        return `${TAPi18n.__('defaultdefault')}`;
      }
    } else if (title === 'Default') {
      return `${TAPi18n.__('defaultdefault')}`;
    } else  {
      return title;
    }
  },
});

Template.editSwimlaneTitleForm.helpers({
  isTitleDefault(title) {
    // https://github.com/wekan/wekan/issues/4763
    // https://github.com/wekan/wekan/issues/4742
    // Translation text for "default" does not work, it returns an object.
    // When that happens, try use translation "defaultdefault" that has same content of default, or return text "Default".
    // This can happen, if swimlane does not have name.
    // Yes, this is fixing the symptom (Swimlane title does not have title)
    // instead of fixing the problem (Add Swimlane title when creating swimlane)
    // because there could be thousands of swimlanes, adding name Default to all of them
    // would be very slow.
    if (title.startsWith("key 'default") && title.endsWith('returned an object instead of string.')) {
      if (`${TAPi18n.__('defaultdefault')}`.startsWith("key 'default") && `${TAPi18n.__('defaultdefault')}`.endsWith('returned an object instead of string.')) {
        return 'Default';
      } else  {
        return `${TAPi18n.__('defaultdefault')}`;
      }
    } else if (title === 'Default') {
      return `${TAPi18n.__('defaultdefault')}`;
    } else  {
      return title;
    }
  },
});

Template.swimlaneActionPopup.events({
  'click .js-add-swimlane': Popup.open('swimlaneAdd'),
  'click .js-add-list-from-swimlane': Popup.open('addList'),
  'click .js-set-swimlane-color': Popup.open('setSwimlaneColor'),
  'click .js-set-swimlane-height': Popup.open('setSwimlaneHeight'),
  async 'click .js-close-swimlane'(event) {
    event.preventDefault();
    await this.archive();
    Popup.back();
  },
  'click .js-move-swimlane': Popup.open('moveSwimlane'),
  'click .js-copy-swimlane': Popup.open('copySwimlane'),
});

Template.swimlaneActionPopup.events({
  isCommentOnly() {
    return ReactiveCache.getCurrentUser().isCommentOnly();
  },
});

Template.swimlaneAddPopup.onCreated(function () {
  this.currentSwimlane = Template.currentData();
});

Template.swimlaneAddPopup.events({
  submit(event, tpl) {
    event.preventDefault();
    const currentBoard = Utils.getCurrentBoard();
    const nextSwimlane = currentBoard.nextSwimlane(tpl.currentSwimlane);
    const titleInput = tpl.find('.swimlane-name-input');
    const title = titleInput.value.trim();
    const sortValue = calculateIndexData(
      tpl.currentSwimlane,
      nextSwimlane,
      1,
    );
    const swimlaneType = currentBoard.isTemplatesBoard()
      ? 'template-swimlane'
      : 'swimlane';

    if (title) {
      Swimlanes.insert({
        title,
        boardId: Session.get('currentBoard'),
        sort: sortValue.base || 0,
        type: swimlaneType,
      });

      titleInput.value = '';
      titleInput.focus();
    }
    // XXX ideally, we should move the popup to the newly
    // created swimlane so a user can add more than one swimlane
    // with a minimum of interactions
    Popup.back();
  },
  'click .js-swimlane-template': Popup.open('searchElement'),
});

Template.setSwimlaneColorPopup.onCreated(function () {
  this.currentSwimlane = Template.currentData();
  this.currentColor = new ReactiveVar(this.currentSwimlane.color);
});

Template.setSwimlaneColorPopup.helpers({
  colors() {
    return swimlaneColors.map(color => ({ color, name: '' }));
  },
  isSelected(color) {
    return Template.instance().currentColor.get() === color;
  },
});

Template.setSwimlaneColorPopup.events({
  async 'submit form'(event, tpl) {
    event.preventDefault();
    await tpl.currentSwimlane.setColor(tpl.currentColor.get());
    Popup.back();
  },
  'click .js-palette-color'(event, tpl) {
    tpl.currentColor.set(Template.currentData().color);
  },
  async 'click .js-submit'(event, tpl) {
    await tpl.currentSwimlane.setColor(tpl.currentColor.get());
    Popup.back();
  },
  async 'click .js-remove-color'(event, tpl) {
    await tpl.currentSwimlane.setColor(null);
    Popup.back();
  },
});

Template.setSwimlaneHeightPopup.onCreated(function () {
  this.currentSwimlane = Template.currentData();
});

Template.setSwimlaneHeightPopup.helpers({
  swimlaneHeightValue() {
    const swimlane = Template.currentData();
    const board = swimlane.boardId;
    return ReactiveCache.getCurrentUser().getSwimlaneHeight(board, swimlane._id);
  },
});

Template.setSwimlaneHeightPopup.events({
  'click .swimlane-height-apply'(event, tpl) {
    const swimlane = Template.currentData();
    const board = swimlane.boardId;
    const height = parseInt(
      tpl.$('.swimlane-height-value').val(),
      10,
    );

    if (height != -1 && (height < 100 || !height)) {
      tpl.$('.swimlane-height-error').click();
    } else {
      Meteor.call('applySwimlaneHeight', board, swimlane._id, height);
      Popup.back();
    }
  },
  'click .swimlane-height-error': Popup.open('swimlaneHeightError'),
});