From 03a494b9a11ad9f86ff801ee1a7e57c49dbdcf15 Mon Sep 17 00:00:00 2001
From: Nouhaila Idrissi Zouggari <nouhaila.idrissi-zouggari@al-enterprise.com>
Date: Fri, 19 Jan 2024 15:39:26 +0100
Subject: [PATCH] MT#58958 Add support to call hold/unhold to the webrtc client

Change-Id: I4dc2e692ab25db1e126651e690583310db7b3a39
---
 src/api/ngcp-call.js            | 20 ++++++++++++++++++++
 src/components/call/CscCall.vue | 26 +++++++++++++++++++++++++-
 src/layouts/CscLayoutMain.vue   |  4 ++++
 src/router/routes.js            |  2 +-
 src/store/call/actions.js       |  5 +++++
 src/store/call/mutations.js     |  6 ++++++
 src/store/call/state.js         |  1 +
 7 files changed, 62 insertions(+), 2 deletions(-)

diff --git a/src/api/ngcp-call.js b/src/api/ngcp-call.js
index 0b1a876d..5cf901b8 100644
--- a/src/api/ngcp-call.js
+++ b/src/api/ngcp-call.js
@@ -405,3 +405,23 @@ export function callEnd () {
     $audioTransceiver = null
     $videoTransceiver = null
 }
+/**
+ * Hold on.
+ */
+export function callToggleHold () {
+    const rtcSession = callGetRtcSession()
+    if (rtcSession) {
+        if (rtcSession.isOnHold().local) {
+            rtcSession.unhold()
+            callEvent.emit('callResumed')
+        } else {
+            rtcSession.hold()
+            callEvent.emit('callOnHold')
+        }
+    }
+}
+
+export function callIsOnHold () {
+    const rtcSession = callGetRtcSession()
+    return rtcSession ? rtcSession.isOnHold().local : false
+}
diff --git a/src/components/call/CscCall.vue b/src/components/call/CscCall.vue
index c21cf512..d322287a 100644
--- a/src/components/call/CscCall.vue
+++ b/src/components/call/CscCall.vue
@@ -169,6 +169,16 @@
                     size="large"
                     @click="toggleMicrophone()"
                 />
+                <q-btn
+                    v-if="isEstablished && !(isMobile && minimized)"
+                    :color="colorToggleHold"
+                    text-color="dark"
+                    icon="pause_circle_filled"
+                    class="q-mr-sm"
+                    round
+                    size="large"
+                    @click="toggleHold()"
+                />
                 <q-btn
                     v-if="isEstablished && !(isMobile && minimized)"
                     :color="colorToggleCamera"
@@ -417,6 +427,10 @@ export default {
             type: Boolean,
             default: false
         },
+        holdEnabled: {
+            type: Boolean,
+            default: false
+        },
         remoteVolumeEnabled: {
             type: Boolean,
             default: false
@@ -434,7 +448,7 @@ export default {
             default: false
         }
     },
-    emits: ['toggle-screen', 'toggle-camera', 'minimize-call', 'maximize-call', 'click-dialpad', 'toggle-remote-volume', 'toggle-microphone', 'toggle-dialpad', 'close-call', 'end-call', 'accept-call', 'start-call'],
+    emits: ['toggle-screen', 'toggle-camera', 'minimize-call', 'maximize-call', 'click-dialpad', 'toggle-remote-volume', 'toggle-microphone', 'toggle-holdon', 'toggle-dialpad', 'close-call', 'end-call', 'accept-call', 'start-call'],
     data () {
         return {
             localMediaWrapperWidth: 0,
@@ -535,6 +549,13 @@ export default {
                 return 'grey-1'
             }
         },
+        colorToggleHold () {
+            if (this.holdEnabled) {
+                return 'primary'
+            } else {
+                return 'grey-1'
+            }
+        },
         iconToggleRemoteVolume () {
             if (this.remoteVolumeEnabled) {
                 return 'volume_up'
@@ -643,6 +664,9 @@ export default {
         toggleMicrophone () {
             this.$emit('toggle-microphone')
         },
+        toggleHold () {
+            this.$emit('toggle-holdon')
+        },
         toggleRemoteVolume () {
             this.$emit('toggle-remote-volume')
         },
diff --git a/src/layouts/CscLayoutMain.vue b/src/layouts/CscLayoutMain.vue
index 3de51f49..2b458bc0 100644
--- a/src/layouts/CscLayoutMain.vue
+++ b/src/layouts/CscLayoutMain.vue
@@ -178,6 +178,7 @@
             :microphone-enabled="microphoneEnabled"
             :camera-enabled="cameraEnabled"
             :screen-enabled="screenEnabled"
+            :hold-enabled="holdEnabled"
             :remote-volume-enabled="remoteAudioEnabled"
             :dialpad-opened="dialpadOpened"
             :menu-minimized="menuMinimized"
@@ -186,6 +187,7 @@
             @end-call="endCall"
             @close-call="closeCall"
             @toggle-microphone="toggleMicrophone"
+            @toggle-holdon="toggleHoldon"
             @toggle-camera="toggleCamera"
             @toggle-screen="toggleScreen"
             @toggle-remote-volume="toggleRemoteAudio"
@@ -289,6 +291,7 @@ export default {
             'remoteMediaStream',
             'cameraEnabled',
             'screenEnabled',
+            'holdEnabled',
             'microphoneEnabled',
             'remoteAudioEnabled',
             'maximized',
@@ -527,6 +530,7 @@ export default {
             'toggleCamera',
             'toggleScreen',
             'toggleMicrophone',
+            'toggleHoldon',
             'toggleRemoteAudio'
         ]),
         layoutResized () {
diff --git a/src/router/routes.js b/src/router/routes.js
index 48c67584..41e32f02 100644
--- a/src/router/routes.js
+++ b/src/router/routes.js
@@ -102,7 +102,7 @@ const routes = [
                 component: CscPageSubscriberPhonebookAdd,
                 meta: {
                     get title () {
-                        return i18n.global.tc('Add Phonebook')
+                        return i18n.global.tc('Add Phoneboossdsk')
                     }
                 }
             },
diff --git a/src/store/call/actions.js b/src/store/call/actions.js
index d4b9836e..03c93b11 100644
--- a/src/store/call/actions.js
+++ b/src/store/call/actions.js
@@ -8,6 +8,7 @@ import {
     callRemoveVideo,
     callHasLocalVideo,
     callToggleMicrophone,
+    callToggleHold,
     callIsMuted,
     callSendDTMF,
     callToggleRemoteAudio,
@@ -53,6 +54,10 @@ export default {
         callToggleMicrophone()
         context.commit('toggleMicrophone', !callIsMuted())
     },
+    async toggleHoldon (context) {
+        callToggleHold()
+        context.commit('toggleHold')
+    },
     toggleRemoteAudio (context) {
         callToggleRemoteAudio()
         context.commit('toggleRemoteAudio', !callIsRemoteMuted())
diff --git a/src/store/call/mutations.js b/src/store/call/mutations.js
index 435fe4dd..1fef2681 100644
--- a/src/store/call/mutations.js
+++ b/src/store/call/mutations.js
@@ -103,5 +103,11 @@ export default {
     disableCall (state, options = { error: null }) {
         state.callEnabled = false
         state.connectionError = options.error
+    },
+    toggleHold (state) {
+        state.holdEnabled = !state.holdEnabled
+        if (state.holdEnabled) {
+            state.holdEnabled = true
+        }
     }
 }
diff --git a/src/store/call/state.js b/src/store/call/state.js
index 1942ea98..b2ad1d4f 100644
--- a/src/store/call/state.js
+++ b/src/store/call/state.js
@@ -15,6 +15,7 @@ export default {
     caller: false,
     callee: false,
     microphoneEnabled: true,
+    holdEnabled: false,
     cameraEnabled: false,
     screenEnabled: false,
     remoteAudioEnabled: true,