docs(samples): add support for locus calls and resolve join button is…

…sue (#3804)
webex · Sep 16, 2024 · cd652ad · cd652ad
1 parent 8fa3283
commit cd652ad
Show file tree

Hide file tree

Showing 2 changed files with 22 additions and 3 deletions.
diff --git 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,19 +439,26 @@ 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;
     verifyPasswordElm.disabled = false;
     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
@@ -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>