Add resume title to recording modal

bigbluebutton-html5/imports/ui/components/recording/component.jsx

@@ -14,6 +14,10 @@ const intlMessages = defineMessages({
     id: 'app.recording.stopTitle',
     description: 'stop recording title',
   },
+  resumeTitle: {
+    id: 'app.recording.resumeTitle',
+    description: 'resume recording title',
+  },
   startDescription: {
     id: 'app.recording.startDescription',
     description: 'start recording description',
@@ -36,11 +40,13 @@ const propTypes = {
   intl: intlShape.isRequired,
   closeModal: PropTypes.func.isRequired,
   toggleRecording: PropTypes.func.isRequired,
+  recordingTime: PropTypes.number,
   recordingStatus: PropTypes.bool,
   amIModerator: PropTypes.bool,
 };
 
 const defaultProps = {
+  recordingTime: undefined,
   recordingStatus: false,
   amIModerator: false,
 };
@@ -50,11 +56,21 @@ class RecordingComponent extends React.PureComponent {
     const {
       intl,
       recordingStatus,
+      recordingTime,
       amIModerator,
       closeModal,
       toggleRecording,
     } = this.props;
 
+    let title;
+
+    if (!recordingStatus) {
+      title = recordingTime >= 0 ? intl.formatMessage(intlMessages.resumeTitle)
+        : intl.formatMessage(intlMessages.startTitle);
+    } else {
+      title = intl.formatMessage(intlMessages.stopTitle);
+    }
+
     if (!amIModerator) return null;
     return (
       <Modal
@@ -66,11 +82,7 @@ class RecordingComponent extends React.PureComponent {
         <div className={styles.container}>
           <div className={styles.header}>
             <div className={styles.title}>
-              {
-                intl.formatMessage(!recordingStatus
-                  ? intlMessages.startTitle
-                  : intlMessages.stopTitle)
-              }
+              {title}
             </div>
           </div>
           <div className={styles.description}>

bigbluebutton-html5/imports/ui/components/recording/container.jsx

@@ -19,5 +19,6 @@ export default withModalMounter(withTracker(({ mountModal }) => ({
   },
 
   recordingStatus: (Meetings.findOne({ meetingId: Auth.meetingID }).recordProp.recording),
+  recordingTime: (Meetings.findOne({ meetingId: Auth.meetingID }).recordProp.time),
 
 }))(RecordingContainer));

bigbluebutton-html5/private/locales/en.json

@@ -431,6 +431,7 @@
     "app.lock-viewers.Layout": "Layout",
     "app.recording.startTitle": "Start recording",
     "app.recording.stopTitle": "Pause recording",
+    "app.recording.resumeTitle": "Resume recording",
     "app.recording.startDescription": "(You can select the record button again later to pause the recording.)",
     "app.recording.stopDescription": "Are you sure you want to pause the recording?  (You can resume by selecting the record button again.)",
     "app.videoPreview.cameraLabel": "Camera",