minicard.js 3.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112
  1. // Template.cards.events({
  2. // 'click .member': Popup.open('cardMember')
  3. // });
  4. BlazeComponent.extendComponent({
  5. template() {
  6. return 'minicard';
  7. },
  8. formattedCurrencyCustomFieldValue(definition) {
  9. const customField = this.data()
  10. .customFieldsWD()
  11. .find(f => f._id === definition._id);
  12. const customFieldTrueValue =
  13. customField && customField.trueValue ? customField.trueValue : '';
  14. const locale = TAPi18n.getLanguage();
  15. return new Intl.NumberFormat(locale, {
  16. style: 'currency',
  17. currency: definition.settings.currencyCode,
  18. }).format(customFieldTrueValue);
  19. },
  20. formattedStringtemplateCustomFieldValue(definition) {
  21. const customField = this.data()
  22. .customFieldsWD()
  23. .find(f => f._id === definition._id);
  24. const customFieldTrueValue =
  25. customField && customField.trueValue ? customField.trueValue : [];
  26. return customFieldTrueValue
  27. .filter(value => !!value.trim())
  28. .map(value =>
  29. definition.settings.stringtemplateFormat.replace(/%\{value\}/gi, value),
  30. )
  31. .join(definition.settings.stringtemplateSeparator ?? '');
  32. },
  33. showCreator() {
  34. if (this.data().board()) {
  35. return (
  36. this.data().board.allowsCreator === null ||
  37. this.data().board().allowsCreator === undefined ||
  38. this.data().board().allowsCreator
  39. );
  40. // return this.data().board().allowsCreator;
  41. }
  42. return false;
  43. },
  44. events() {
  45. return [
  46. {
  47. 'click .js-linked-link'() {
  48. if (this.data().isLinkedCard()) Utils.goCardId(this.data().linkedId);
  49. else if (this.data().isLinkedBoard())
  50. Utils.goBoardId(this.data().linkedId);
  51. },
  52. 'click .js-toggle-minicard-label-text'() {
  53. if (window.localStorage.getItem('hiddenMinicardLabelText')) {
  54. window.localStorage.removeItem('hiddenMinicardLabelText'); //true
  55. } else {
  56. window.localStorage.setItem('hiddenMinicardLabelText', 'true'); //true
  57. }
  58. },
  59. 'click span.badge-icon.fa.fa-sort, click span.badge-text.check-list-sort' : Popup.open("editCardSortOrder"),
  60. 'click .minicard-labels' : Popup.open("cardLabels"),
  61. }
  62. ];
  63. },
  64. }).register('minicard');
  65. Template.minicard.helpers({
  66. hiddenMinicardLabelText() {
  67. currentUser = Meteor.user();
  68. if (currentUser) {
  69. return (currentUser.profile || {}).hiddenMinicardLabelText;
  70. } else if (window.localStorage.getItem('hiddenMinicardLabelText')) {
  71. return true;
  72. } else {
  73. return false;
  74. }
  75. },
  76. });
  77. BlazeComponent.extendComponent({
  78. events() {
  79. return [
  80. {
  81. 'keydown input.js-edit-card-sort-popup'(evt) {
  82. // enter = save
  83. if (evt.keyCode === 13) {
  84. this.find('button[type=submit]').click();
  85. }
  86. },
  87. 'click button.js-submit-edit-card-sort-popup'(event) {
  88. // save button pressed
  89. event.preventDefault();
  90. const sort = this.$('.js-edit-card-sort-popup')[0]
  91. .value
  92. .trim();
  93. if (!Number.isNaN(sort)) {
  94. let card = this.data();
  95. card.move(card.boardId, card.swimlaneId, card.listId, sort);
  96. Popup.back();
  97. }
  98. },
  99. }
  100. ]
  101. }
  102. }).register('editCardSortOrderPopup');