TT#74610 Conferencing: As a Customer, I want to see an info text whether the RTCEngine is disabled or not

Change-Id: I8d91d9c879d51f53cd2ce48ae3b55e2cb16ffcca

src/components/layouts/Conference.vue

@@ -34,6 +34,7 @@
                 :is-media-enabled="isMediaEnabled"
                 :is-joining="isJoining"
                 :is-joined="isJoined"
+                :has-rtc-engine-capability-enabled="hasRtcEngineCapabilityEnabled"
                 @join="join"
             />
             <csc-conference-joined
@@ -86,7 +87,7 @@
                     icon="mic"
                     round
                     @click="toggleMicrophone()"
-                    :disable="!hasConferenceId || isJoining"
+                    :disable="!hasConferenceId || isJoining || !hasRtcEngineCapabilityEnabled"
                 />
                 <q-btn
                     class="csc-conf-button"
@@ -94,7 +95,7 @@
                     icon="videocam"
                     round
                     @click="toggleCamera()"
-                    :disable="!hasConferenceId || isJoining"
+                    :disable="!hasConferenceId || isJoining || !hasRtcEngineCapabilityEnabled"
                 />
                 <q-btn
                     class="csc-conf-button"
@@ -102,7 +103,7 @@
                     icon="computer"
                     round
                     @click="toggleScreen()"
-                    :disable="!hasConferenceId || isJoining"
+                    :disable="!hasConferenceId || isJoining || !hasRtcEngineCapabilityEnabled"
                 />
                 <q-btn
                     v-if="isJoined"
@@ -110,7 +111,7 @@
                     :color="screenButtonColor"
                     icon="more_vert"
                     round
-                    :disable="!hasConferenceId || isJoining"
+                    :disable="!hasConferenceId || isJoining || !hasRtcEngineCapabilityEnabled"
                 >
                     <q-popover
                         ref="popover"
@@ -163,7 +164,8 @@
         QPopover,
         QList,
         QItem,
-        QItemMain
+        QItemMain,
+        QAlert
     } from 'quasar-framework'
     import CscConfirmDialog from "../CscConfirmationDialog";
     export default {
@@ -191,9 +193,13 @@
             QPopover,
             QList,
             QItem,
-            QItemMain
+            QItemMain,
+            QAlert
         },
         computed: {
+            ...mapGetters('call', [
+                'hasRtcEngineCapabilityEnabled'
+            ]),
             ...mapState('conference',[
                 'selectedParticipant'
             ]),

src/components/pages/Conference/CscConferenceJoin.vue

@@ -6,6 +6,15 @@
             id="csc-conf-join-content"
             :class="contentClasses"
         >
+            <q-alert
+                v-if="!hasRtcEngineCapabilityEnabled"
+                class="csc-inline-alert csc-conf-alert"
+                appear
+                icon="info"
+                color="info"
+            >
+                {{ $t('call.rtcEngineNotEnabledConferencing') }}
+            </q-alert>
             <p
                 id="csc-conf-join-text"
             >{{ $t('conferencing.joinText') }}</p>
@@ -17,10 +26,10 @@
                 :placeholder="$t('conferencing.idPlaceholder')"
                 align="left"
                 @change="conferenceIdChanged"
-                :disable="isJoining"
+                :disable="isJoining || !hasRtcEngineCapabilityEnabled"
             >
                 <q-btn
-                    :disable="!hasConferenceId || isJoining"
+                    :disable="!hasConferenceId || isJoining || !hasRtcEngineCapabilityEnabled"
                     :color="shareButtonColor"
                     flat
                     icon="link"
@@ -30,7 +39,7 @@
             <q-btn
                 class="csc-button"
                 :color="joinButtonColor"
-                :disable="!hasConferenceId || isJoining"
+                :disable="!hasConferenceId || isJoining || !hasRtcEngineCapabilityEnableds"
                 icon="call"
                 round
                 @click="join"
@@ -53,7 +62,8 @@
     } from '../../../helpers/math-helper'
     import {
         QBtn,
-        QInput
+        QInput,
+        QAlert
     } from 'quasar-framework'
     import CscShareConferenceDialog from "./CscShareConferenceDialog";
     import CscObjectSpinner from "../../CscObjectSpinner";
@@ -73,14 +83,16 @@
             'isCameraEnabled',
             'isScreenEnabled',
             'isJoining',
-            'isJoined'
+            'isJoined',
+            'hasRtcEngineCapabilityEnabled'
         ],
         components: {
             CscObjectSpinner,
             CscShareConferenceDialog,
             QBtn,
             QInput,
-            CscMedia
+            CscMedia,
+            QAlert
         },
         mounted() {
             if(!this.conferenceId){
@@ -148,6 +160,8 @@
 
 <style lang="stylus" rel="stylesheet/stylus">
     @import '../../../themes/app.common.styl'
+    .csc-conf-alert
+        margin-bottom $flex-gutter-md
     #csc-conf-link-input
         margin-bottom $flex-gutter-md
     #csc-conf-join-text

src/locales/en.json

@@ -350,7 +350,8 @@
         "notificationFailed": "Could not enable incoming call notifications.",
         "notificationNotSupported": "Incoming call notifications are not supported.",
         "desktopSharingNotInstalled": "Desktop sharing extension for chrome is not installed.",
-        "rtcEngineNotEnabled": "You can neither make a call nor receive one because the RTC:engine is not active. If you operate a C5 CE then first upgrade to a C5 PRO to be able to use the RTC:engine."
+        "rtcEngineNotEnabled": "You can neither make a call nor receive one, since the RTC:engine is not active. If you operate a C5 CE then first upgrade to a C5 PRO to be able to use the RTC:engine.",
+        "rtcEngineNotEnabledConferencing": "You can not join a conference, since the RTC:engine is not active. If you operate a C5 CE then first upgrade to a C5 PRO to be able to use the RTC:engine."
     },
     "pbxConfig": {
         "seat": "Seat",