From 4f59580f6be108029c12716fc37c606eafa33111 Mon Sep 17 00:00:00 2001
From: Chad Pilkey <capilkey@gmail.com>
Date: Tue, 30 Apr 2019 15:29:30 -0700
Subject: [PATCH] video preview spacing and localized strings

---
 .../ui/components/video-preview/component.jsx        | 12 ++++++++++--
 .../imports/ui/components/video-preview/styles.scss  |  1 +
 bigbluebutton-html5/private/locales/en.json          |  2 ++
 3 files changed, 13 insertions(+), 2 deletions(-)

diff --git a/bigbluebutton-html5/imports/ui/components/video-preview/component.jsx b/bigbluebutton-html5/imports/ui/components/video-preview/component.jsx
index 09d1ad54b6..542e6e9480 100755
--- a/bigbluebutton-html5/imports/ui/components/video-preview/component.jsx
+++ b/bigbluebutton-html5/imports/ui/components/video-preview/component.jsx
@@ -39,6 +39,10 @@ const intlMessages = defineMessages({
     id: 'app.videoPreview.cameraLabel',
     description: 'Camera dropdown label',
   },
+  qualityLabel: {
+    id: 'app.videoPreview.profileLabel',
+    description: 'Quality dropdown label',
+  },
   cancelLabel: {
     id: 'app.videoPreview.cancelLabel',
     description: 'Cancel button label',
@@ -55,6 +59,10 @@ const intlMessages = defineMessages({
     id: 'app.videoPreview.webcamNotFoundLabel',
     description: 'Webcam not found label',
   },
+  profileNotFoundLabel: {
+    id: 'app.videoPreview.profileNotFoundLabel',
+    description: 'Profile not found label',
+  },
   permissionError: {
     id: 'app.video.permissionError',
     description: 'Error message for webcam permission',
@@ -445,7 +453,7 @@ class VideoPreview extends Component {
                 </span>
               )}
             <label className={styles.label}>
-              {'Quality'}
+              {intl.formatMessage(intlMessages.qualityLabel)}
             </label>
             {availableProfiles && availableProfiles.length > 0 ? (
               <select
@@ -462,7 +470,7 @@ class VideoPreview extends Component {
             )
               : (
                 <span>
-                  {'No supported profiles'}
+                  {intl.formatMessage(intlMessages.profileNotFoundLabel)}
                 </span>
               )}
           </div>
diff --git a/bigbluebutton-html5/imports/ui/components/video-preview/styles.scss b/bigbluebutton-html5/imports/ui/components/video-preview/styles.scss
index 00a5518585..e77914ac47 100755
--- a/bigbluebutton-html5/imports/ui/components/video-preview/styles.scss
+++ b/bigbluebutton-html5/imports/ui/components/video-preview/styles.scss
@@ -51,6 +51,7 @@
 }
 
 .label {
+  margin-top: 8px;
   font-size: 0.85rem;
   font-weight: bold;
   color: var(--color-gray-label);
diff --git a/bigbluebutton-html5/private/locales/en.json b/bigbluebutton-html5/private/locales/en.json
index 032e5304ad..d1df539806 100755
--- a/bigbluebutton-html5/private/locales/en.json
+++ b/bigbluebutton-html5/private/locales/en.json
@@ -456,6 +456,7 @@
     "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",
+    "app.videoPreview.profileLabel": "Quality",
     "app.videoPreview.cancelLabel": "Cancel",
     "app.videoPreview.closeLabel": "Close",
     "app.videoPreview.startSharingLabel": "Start sharing",
@@ -463,6 +464,7 @@
     "app.videoPreview.webcamPreviewLabel": "Webcam preview",
     "app.videoPreview.webcamSettingsTitle": "Webcam settings",
     "app.videoPreview.webcamNotFoundLabel": "Webcam not found",
+    "app.videoPreview.profileNotFoundLabel": "No supported profile",
     "app.video.joinVideo": "Share webcam",
     "app.video.leaveVideo": "Stop sharing webcam",
     "app.video.iceCandidateError": "Error on adding ICE candidate",
-- 
GitLab