PM opt-in opt-out intert internationalization

website/client/components/userMenu/inbox.vue

@@ -26,8 +26,8 @@
             triggers="hover",
             placement="right",
           )
-            h4.popover-content-title {{popoverTitle}}
+            h4.popover-content-title {{PMAction}} {{$t('disabledPMPopoverTitle')}}
-            .popover-content-text {{popoverText}}
+            .popover-content-text {{$t('disabledPMPopoverText')}}
     .row(v-if="!this.user.inbox.optOut")
       .col-4.sidebar
         .search-section
@@ -61,10 +61,10 @@
       .col-12
         .caption-disabled
           .svg-icon.envelope(v-html="icons.messageIcon")
-          h3 Private messages are disabled
+          h3 {{$t('disabledPMCaptionTitle')}}
-          p.text-center Private messages are disabled and no one can send them to you.
+          p.text-center {{$t('disabledPMCaptionLine1')}}
-          p.text-center {{popoverText}}
+          p.text-center {{$t('disabledPMCaptionLine2')}}
-          button.btn.btn-primary(@click="toggleOpt()") Enable
+          button.btn.btn-primary(@click="toggleOpt()") {{$t('PMEnable')}}
 </template>
 
 <style lang="scss" scoped>
@@ -243,6 +243,15 @@
     padding: 20px;
 
     align-items: center;
+
+    .envelope {
+      width: 30px;
+      margin-top: 0;
+    }
+
+    h3 {
+      margin-top: 1em;
+    }
   }
 </style>
 
@@ -367,15 +376,10 @@ export default {
         return conversation.name.toLowerCase().indexOf(this.search.toLowerCase()) !== -1;
       });
     },
-    popoverTitle() {
+    PMAction() {
-      let action = '';
+      return this.user.inbox.optOut ?
-      this.user.inbox.optOut ?
+        this.$t('PMEnable') :
-        action = 'Enable' :
+        this.$t('PMDisable');
-        action = 'Disable';
-      return `${action} private messages`
-    },
-    popoverText() {
-      return 'You can enable or disable private messaging at any time.';
     }
   },
   methods: {

website/common/locales/en/generic.json

@@ -289,6 +289,13 @@
   "messages": "Messages",
   "emptyMessagesLine1": "You don't have any messages",
   "emptyMessagesLine2": "Send a message to start a conversation!",
+  "PMEnable": "Enable",
+  "PMDisable": "Disable",
+  "disabledPMPopoverTitle": " private messages",
+  "disabledPMPopoverText": "You can enable or disable private messaging at any time.",
+  "disabledPMCaptionTitle": "Private messages are disabled",
+  "disabledPMCaptionLine1": "Private messages are disabled and no one can send them to you.",
+  "disabledPMCaptionLine2": "You can enable or disable private messaging at any time.",
   "userSentMessage": "<span class=\"notification-bold\"><%= user %></span> sent you a message",
   "letsgo": "Let's Go!",
   "selected": "Selected",