add localised messages

bigbluebutton-html5/imports/ui/components/shortcut-help/component.jsx

@@ -5,7 +5,45 @@ import _ from 'lodash';
 import { styles } from './styles';
 
 const intlMessages = defineMessages({
-
+  title: {
+    id: 'app.shortcut-help.title',
+  },
+  closeLabel: {
+    id: 'app.shortcut-help.closeLabel',
+  },
+  closeDesc: {
+    id: 'app.shortcut-help.closeDesc',
+  },
+  openOptions: {
+    id: 'app.shortcut-help.openOptions',
+  },
+  toggleUserList: {
+    id: 'app.shortcut-help.toggleUserList',
+  },
+  toggleMute: {
+    id: 'app.shortcut-help.toggleMute',
+  },
+  togglePublicChat: {
+    id: 'app.shortcut-help.togglePublicChat',
+  },
+  hidePrivateChat: {
+    id: 'app.shortcut-help.hidePrivateChat',
+  },
+  closePrivateChat: {
+    id: 'app.shortcut-help.closePrivateChat',
+  },
+  openActions: {
+    id: 'app.shortcut-help.openActions',
+  },
+  openStatus: {
+    id: 'app.shortcut-help.openStatus',
+  },
+  joinAudio: {
+    id: 'app.audio.joinAudio',
+  },
+  leaveAudio: {
+    id: 'app.audio.leaveAudio',
+  },
 });
 
 class ShortcutHelpComponent extends Component {
@@ -13,35 +51,35 @@ class ShortcutHelpComponent extends Component {
     const { intl } = this.props;
 
     const shortcuts = [
-      { keys: 'AcessKey + O', function: 'Open Options',},
+      { keys: 'Acess Key + O', function: intl.formatMessage(intlMessages.openOptions),},
-      { keys: 'AcessKey + U', function: 'Toggle UserList',},
+      { keys: 'Acess Key + U', function: intl.formatMessage(intlMessages.toggleUserList),},
-      { keys: 'AcessKey + M', function: 'Mute / Unmute',},
+      { keys: 'Acess Key + M', function: intl.formatMessage(intlMessages.toggleMute),},
-      { keys: 'AcessKey + J', function: 'Join Audio Modal',},
+      { keys: 'Acess Key + J', function: intl.formatMessage(intlMessages.joinAudio),},
-      { keys: 'AcessKey + L', function: 'Leave Audio',},
+      { keys: 'Acess Key + L', function: intl.formatMessage(intlMessages.leaveAudio),},
-      { keys: 'AcessKey + P', function: 'Toggle Public Chat (UserList must be open)',},
+      { keys: 'Acess Key + P', function: intl.formatMessage(intlMessages.togglePublicChat),},
-      { keys: 'AcessKey + H', function: 'Hide Open Private Chat',},
+      { keys: 'Acess Key + H', function: intl.formatMessage(intlMessages.hidePrivateChat),},
-      { keys: 'AcessKey + G', function: 'Close Open Private Chat',},
+      { keys: 'Acess Key + G', function: intl.formatMessage(intlMessages.closePrivateChat),},
-      { keys: 'AcessKey + A', function: 'Open Actions Menu',},
+      { keys: 'Acess Key + A', function: intl.formatMessage(intlMessages.openActions),},
-      { keys: 'AcessKey + S', function: 'Open Status Menu',},
+      { keys: 'Acess Key + S', function: intl.formatMessage(intlMessages.openStatus),},
     ];
 
     return (
       <Modal
-        title={'Hotkeys'}
+        title={intl.formatMessage(intlMessages.title)}
         dismiss={{
-          label: 'close',
+          label: intl.formatMessage(intlMessages.closeLabel),
-          description: "closes the hotkeys modal",
+          description: intl.formatMessage(intlMessages.closeDesc),
         }}
       >
         <span className={styles.span}>The operation to activate the Hotkeys depends on the browser and its platform.</span>
-        <p className={styles.p}><b>Windows / Linux : AcessKey</b></p>
+        <p className={styles.p}><b>Windows / Linux : Acess Key</b></p>
         <p className={styles.p}>
           FireFox : Alt + Shift<br></br>
-          Internet Explorer / Google Chrome : Alt
+          Chrome  : Alt
         </p>
-        <p className={styles.p}><b>Mac : AcessKey</b></p>
+        <p className={styles.p}><b>Mac : Acess Key</b></p>
         <p className={styles.p}>
-          FireFox / Chrome / Safari : Control + Alt
+          Control + Alt
         </p>
         <table className={styles.shortcutTable}>
             <tbody>

bigbluebutton-html5/imports/ui/components/shortcut-help/styles.scss

@@ -34,5 +34,5 @@
 .p {
   margin-top: 5px;
   margin-bottom: 5px;
-  text-align: center;
+  text-align: left;
 }

bigbluebutton-html5/private/locales/en.json

@@ -294,6 +294,17 @@
     "app.toast.chat.plural": "you have {0} new messages in {1}",
     "app.notification.recordingStart": "This session is now being recorded",
     "app.notification.recordingStop": "This session is not being recorded anymore",
+    "app.shortcut-help.title": "Hotkeys",
+    "app.shortcut-help.closeLabel": "close",
+    "app.shortcut-help.closeDesc": "closes the hotkeys modal",
+    "app.shortcut-help.openOptions": "Open Options",
+    "app.shortcut-help.toggleUserList": "Toggle UserList",
+    "app.shortcut-help.toggleMute": "Mute / Unmute",
+    "app.shortcut-help.togglePublicChat": "Toggle Public Chat (UserList must be open)",
+    "app.shortcut-help.hidePrivateChat": "Hide Private Chat",
+    "app.shortcut-help.closePrivateChat": "Close Private Chat",
+    "app.shortcut-help.openActions": "Open Actions Menu",
+    "app.shortcut-help.openStatus": "Open Status Menu",
     "app.video.joinVideo": "Share Webcam",
     "app.video.leaveVideo": "Unshare Webcam",
     "app.video.iceCandidateError": "Error on adding ice candidate",