From cd652adc63e66562f4dfd5747508bc9dcaa3d3ce Mon Sep 17 00:00:00 2001
From: RAM1232 <46831391+RAM1232@users.noreply.github.com>
Date: Mon, 16 Sep 2024 16:38:44 +0530
Subject: [PATCH] docs(samples): add support for locus calls and resolve join
 button issue (#3804)

---
 docs/samples/browser-plugin-meetings/app.js   | 21 ++++++++++++++++++-
 .../browser-plugin-meetings/index.html        |  4 ++--
 2 files changed, 22 insertions(+), 3 deletions(-)

diff --git a/docs/samples/browser-plugin-meetings/app.js b/docs/samples/browser-plugin-meetings/app.js
index 2e4db88b0eb..c3a0671785a 100644
--- a/docs/samples/browser-plugin-meetings/app.js
+++ b/docs/samples/browser-plugin-meetings/app.js
@@ -299,6 +299,7 @@ const passwordCaptchaStatusElm = document.querySelector('#password-captcha-statu
 const refreshCaptchaElm = document.querySelector('#meetings-join-captcha-refresh');
 const verifyPasswordElm = document.querySelector('#btn-verify-password');
 const displayMeetingStatusElm = document.querySelector('#display-meeting-status');
+const notes=document.querySelector('#notes');
 const spaceIDError = `Using the space ID as a destination is no longer supported. Please refer to the <a href="https://github.com/webex/webex-js-sdk/wiki/Migration-to-Unified-Space-Meetings" target="_blank">migration guide</a> to migrate to use the meeting ID or SIP address.`;
 const BNR = 'BNR';
 const VBG = 'VBG';
@@ -381,6 +382,17 @@ createMeetingSelectElm.addEventListener('change', (event) => {
   }
 });
 
+createMeetingSelectElm.addEventListener('change', (event) => {
+  if (event.target.value === 'Others') {
+      notes.classList.remove('hidden');
+  }
+  else {
+     notes.classList.add('hidden');
+    
+  }
+});
+
+
 function createMeeting(e) {
   e.preventDefault();
 
@@ -427,6 +439,7 @@ function refreshCaptcha() {
 meetingsListElm.onclick = (e) => {
   selectedMeetingId = e.target.value;
   const meeting = webex.meetings.getAllMeetings()[selectedMeetingId];
+  const selectedMeetingType = createMeetingSelectElm.options[createMeetingSelectElm.selectedIndex].innerText;
 
   if (meeting && meeting.passwordStatus === 'REQUIRED') {
     meetingsJoinPinElm.disabled = false;
@@ -434,12 +447,18 @@ meetingsListElm.onclick = (e) => {
     document.getElementById('btn-join').disabled = true;
     document.getElementById('btn-join-media').disabled = true;
   }
-  else if (meeting && meeting.passwordStatus === 'UNKNOWN') {
+  else if (meeting && (meeting.passwordStatus === 'UNKNOWN' && selectedMeetingType === 'SIP URI')) {
     meetingsJoinPinElm.disabled = true;
     verifyPasswordElm.disabled = true;
     document.getElementById('btn-join').disabled = true;
     document.getElementById('btn-join-media').disabled = true;
   }
+  else if(meeting && (meeting.passwordStatus === 'UNKNOWN' && selectedMeetingType != 'SIP URI')) {
+    meetingsJoinPinElm.disabled = true;
+    verifyPasswordElm.disabled = true;
+    document.getElementById('btn-join').disabled = false;
+    document.getElementById('btn-join-media').disabled = false;
+  }
   else {
     meetingsJoinPinElm.disabled = true;
     verifyPasswordElm.disabled = true;
diff --git a/docs/samples/browser-plugin-meetings/index.html b/docs/samples/browser-plugin-meetings/index.html
index 1df78750757..a994bf11ed5 100644
--- a/docs/samples/browser-plugin-meetings/index.html
+++ b/docs/samples/browser-plugin-meetings/index.html
@@ -338,14 +338,14 @@ <h2 class="collapsible">
                     <input id="create-meeting-destination" name="createMeetingDestination" placeholder="Destination"
                       value="" type="text" required>
                     <select name="createMeetingDest" id="createMeetingDest">
-                      <option value="">Email</option>
-                      <option value="">Person ID</option>
                       <option value="">SIP URI</option>
                       <option value="CONVERSATION_URL">Conversation URL</option>
+                      <option value="Others">Others</option>
                     </select>
                     <button id="create-meeting-action" type="submit" class="btn-code">Create Meeting</button>
                   </div>
                 </div>
+                <p class="note hidden" id="notes">NOTE: The destination shall be "Person ID" or "Email".</p>
               </form>
             </div>