Use Meteor.subscribe instead of DOM manipulation for Hide system messages

client/components/activities/activities.jade

@@ -90,7 +90,7 @@ template(name="boardActivities")
 
 template(name="cardActivities")
   each currentCard.activities
-    .activity.js-card-activity
+    .activity
       +userAvatar(userId=user._id)
       p.activity-desc
         +memberName(user=user)

client/components/cards/cardDetails.jade

@@ -90,7 +90,7 @@ template(name="cardDetails")
       .material-toggle-switch
         span.toggle-switch-title {{_ 'hide-system-messages'}}
         if hiddenSystemMessages
-          input.toggle-switch(type="checkbox" id="toggleButton" checked="checked" disabled)
+          input.toggle-switch(type="checkbox" id="toggleButton" checked="checked")
         else
           input.toggle-switch(type="checkbox" id="toggleButton")
         label.toggle-label(for="toggleButton")

client/components/cards/cardDetails.js

@@ -104,7 +104,7 @@ BlazeComponent.extendComponent({
         this.parentComponent().mouseHasEnterCardDetails = true;
       },
       'click #toggleButton'() {
-        $('div.activity.js-card-activity:not(:has(.activity-comment))').toggle();
+        Meteor.call('toggleSystemMessages');
       },
     }];
   },

client/components/lists/listBody.js

@@ -83,8 +83,6 @@ BlazeComponent.extendComponent({
       evt.stopImmediatePropagation();
       evt.preventDefault();
       Utils.goBoardId(Session.get('currentBoard'));
-    } else if (!Meteor.user().hasHiddenSystemMessages()) {
-      $('.toggle-switch').prop('checked', false);
     }
   },