Migrate rules, activities, and remaining components to Template

Convert all remaining BlazeComponent-based components to native Meteor
Template pattern: activities, comments, all rules actions/triggers,
swimlanes, users, gantt, import, and main utility components.

client/components/rules/triggers/boardTriggers.js

@@ -1,120 +1,115 @@
-BlazeComponent.extendComponent({
-  onCreated() {
-    this.provaVar = new ReactiveVar('');
-    this.currentPopupTriggerId = 'def';
-    this.cardTitleFilters = {};
-  },
-  setNameFilter(name) {
+Template.boardTriggers.onCreated(function () {
+  this.provaVar = new ReactiveVar('');
+  this.currentPopupTriggerId = 'def';
+  this.cardTitleFilters = {};
+  this.setNameFilter = (name) => {
     this.cardTitleFilters[this.currentPopupTriggerId] = name;
-  },
+  };
+});
 
-  events() {
-    return [
-      {
-        'click .js-open-card-title-popup'(event) {
-          const funct = Popup.open('boardCardTitle');
-          const divId = $(event.currentTarget.parentNode.parentNode).attr('id');
-          //console.log('current popup');
-          //console.log(this.currentPopupTriggerId);
-          this.currentPopupTriggerId = divId;
-          funct.call(this, event);
-        },
-        'click .js-add-create-trigger'(event) {
-          const desc = Utils.getTriggerActionDesc(event, this);
-          const datas = this.data();
-          const listName = this.find('#create-list-name').value;
-          const swimlaneName = this.find('#create-swimlane-name').value;
-          const boardId = Session.get('currentBoard');
-          const divId = $(event.currentTarget.parentNode).attr('id');
-          const cardTitle = this.cardTitleFilters[divId];
-          // move to generic funciont
-          datas.triggerVar.set({
-            activityType: 'createCard',
-            boardId,
-            cardTitle,
-            swimlaneName,
-            listName,
-            desc,
-          });
-        },
-        'click .js-add-moved-trigger'(event) {
-          const datas = this.data();
-          const desc = Utils.getTriggerActionDesc(event, this);
-          const swimlaneName = this.find('#create-swimlane-name-2').value;
-          const actionSelected = this.find('#move-action').value;
-          const listName = this.find('#move-list-name').value;
-          const boardId = Session.get('currentBoard');
-          const divId = $(event.currentTarget.parentNode).attr('id');
-          const cardTitle = this.cardTitleFilters[divId];
-          if (actionSelected === 'moved-to') {
-            datas.triggerVar.set({
-              activityType: 'moveCard',
-              boardId,
-              listName,
-              cardTitle,
-              swimlaneName,
-              oldListName: '*',
-              desc,
-            });
-          }
-          if (actionSelected === 'moved-from') {
-            datas.triggerVar.set({
-              activityType: 'moveCard',
-              boardId,
-              cardTitle,
-              swimlaneName,
-              listName: '*',
-              oldListName: listName,
-              desc,
-            });
-          }
-        },
-        'click .js-add-gen-moved-trigger'(event) {
-          const datas = this.data();
-          const desc = Utils.getTriggerActionDesc(event, this);
-          const boardId = Session.get('currentBoard');
-
-          datas.triggerVar.set({
-            activityType: 'moveCard',
-            boardId,
-            swimlaneName: '*',
-            listName: '*',
-            oldListName: '*',
-            desc,
-          });
-        },
-        'click .js-add-arc-trigger'(event) {
-          const datas = this.data();
-          const desc = Utils.getTriggerActionDesc(event, this);
-          const actionSelected = this.find('#arch-action').value;
-          const boardId = Session.get('currentBoard');
-          if (actionSelected === 'archived') {
-            datas.triggerVar.set({
-              activityType: 'archivedCard',
-              boardId,
-              desc,
-            });
-          }
-          if (actionSelected === 'unarchived') {
-            datas.triggerVar.set({
-              activityType: 'restoredCard',
-              boardId,
-              desc,
-            });
-          }
-        },
-      },
-    ];
+Template.boardTriggers.events({
+  'click .js-open-card-title-popup'(event, tpl) {
+    const funct = Popup.open('boardCardTitle');
+    const divId = $(event.currentTarget.parentNode.parentNode).attr('id');
+    tpl.currentPopupTriggerId = divId;
+    funct.call(this, event);
   },
-}).register('boardTriggers');
+  'click .js-add-create-trigger'(event, tpl) {
+    const desc = Utils.getTriggerActionDesc(event, tpl);
+    const datas = Template.currentData();
+    const listName = tpl.find('#create-list-name').value;
+    const swimlaneName = tpl.find('#create-swimlane-name').value;
+    const boardId = Session.get('currentBoard');
+    const divId = $(event.currentTarget.parentNode).attr('id');
+    const cardTitle = tpl.cardTitleFilters[divId];
+    // move to generic funciont
+    datas.triggerVar.set({
+      activityType: 'createCard',
+      boardId,
+      cardTitle,
+      swimlaneName,
+      listName,
+      desc,
+    });
+  },
+  'click .js-add-moved-trigger'(event, tpl) {
+    const datas = Template.currentData();
+    const desc = Utils.getTriggerActionDesc(event, tpl);
+    const swimlaneName = tpl.find('#create-swimlane-name-2').value;
+    const actionSelected = tpl.find('#move-action').value;
+    const listName = tpl.find('#move-list-name').value;
+    const boardId = Session.get('currentBoard');
+    const divId = $(event.currentTarget.parentNode).attr('id');
+    const cardTitle = tpl.cardTitleFilters[divId];
+    if (actionSelected === 'moved-to') {
+      datas.triggerVar.set({
+        activityType: 'moveCard',
+        boardId,
+        listName,
+        cardTitle,
+        swimlaneName,
+        oldListName: '*',
+        desc,
+      });
+    }
+    if (actionSelected === 'moved-from') {
+      datas.triggerVar.set({
+        activityType: 'moveCard',
+        boardId,
+        cardTitle,
+        swimlaneName,
+        listName: '*',
+        oldListName: listName,
+        desc,
+      });
+    }
+  },
+  'click .js-add-gen-moved-trigger'(event, tpl) {
+    const datas = Template.currentData();
+    const desc = Utils.getTriggerActionDesc(event, tpl);
+    const boardId = Session.get('currentBoard');
+
+    datas.triggerVar.set({
+      activityType: 'moveCard',
+      boardId,
+      swimlaneName: '*',
+      listName: '*',
+      oldListName: '*',
+      desc,
+    });
+  },
+  'click .js-add-arc-trigger'(event, tpl) {
+    const datas = Template.currentData();
+    const desc = Utils.getTriggerActionDesc(event, tpl);
+    const actionSelected = tpl.find('#arch-action').value;
+    const boardId = Session.get('currentBoard');
+    if (actionSelected === 'archived') {
+      datas.triggerVar.set({
+        activityType: 'archivedCard',
+        boardId,
+        desc,
+      });
+    }
+    if (actionSelected === 'unarchived') {
+      datas.triggerVar.set({
+        activityType: 'restoredCard',
+        boardId,
+        desc,
+      });
+    }
+  },
+});
 
 Template.boardCardTitlePopup.events({
-  submit(event, templateInstance) {
-    const title = templateInstance
-      .$('.js-card-filter-name')
+  submit(event) {
+    const title = $(event.target)
+      .find('.js-card-filter-name')
       .val()
       .trim();
-    Popup.getOpenerComponent().setNameFilter(title);
+    const opener = Popup.getOpenerComponent();
+    if (opener?.setNameFilter) {
+      opener.setNameFilter(title);
+    }
     event.preventDefault();
     Popup.back();
   },