minicard.js 3.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115
  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. },
  53. {
  54. 'click .js-toggle-minicard-label-text'() {
  55. if (window.localStorage.getItem('hiddenMinicardLabelText')) {
  56. window.localStorage.removeItem('hiddenMinicardLabelText'); //true
  57. } else {
  58. window.localStorage.setItem('hiddenMinicardLabelText', 'true'); //true
  59. }
  60. },
  61. },
  62. {
  63. 'click span.badge-icon.fa.fa-sort, click span.badge-text.check-list-sort' : Popup.open("editCardSortOrder"),
  64. }
  65. ];
  66. },
  67. }).register('minicard');
  68. Template.minicard.helpers({
  69. hiddenMinicardLabelText() {
  70. currentUser = Meteor.user();
  71. if (currentUser) {
  72. return (currentUser.profile || {}).hiddenMinicardLabelText;
  73. } else if (window.localStorage.getItem('hiddenMinicardLabelText')) {
  74. return true;
  75. } else {
  76. return false;
  77. }
  78. },
  79. });
  80. BlazeComponent.extendComponent({
  81. events() {
  82. return [
  83. {
  84. 'keydown input.js-edit-card-sort-popup'(evt) {
  85. // enter = save
  86. if (evt.keyCode === 13) {
  87. this.find('button[type=submit]').click();
  88. }
  89. },
  90. 'click button.js-submit-edit-card-sort-popup'(event) {
  91. // save button pressed
  92. event.preventDefault();
  93. const sort = this.$('.js-edit-card-sort-popup')[0]
  94. .value
  95. .trim();
  96. if (!Number.isNaN(sort)) {
  97. let card = this.data();
  98. card.move(card.boardId, card.swimlaneId, card.listId, sort);
  99. Popup.back();
  100. }
  101. },
  102. }
  103. ]
  104. }
  105. }).register('editCardSortOrderPopup');