Disable button when "Hide system messages" in user profile setting is valid

client/components/cards/cardDetails.jade

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

client/components/cards/cardDetails.js

@@ -28,6 +28,11 @@ BlazeComponent.extendComponent({
     return card.findWatcher(Meteor.userId());
   },
 
+  hiddenSystemMessages() {
+    console.log('doo:', Meteor.user().hasHiddenSystemMessages());
+    return Meteor.user().hasHiddenSystemMessages();
+  },
+
   canModifyCard() {
     return Meteor.user() && Meteor.user().isBoardMember() && !Meteor.user().isCommentOnly();
   },