jsxc-react-hook 0.0.4 → 0.0.5

package/src/Jsxc.tsx

@@ -16,6 +16,9 @@ export interface JsxcProp {
   fullscreen?: boolean;
   jqueryUrl?: string;
   showMenu: "yes"|"no";
+  showAudioButton: "yes"|"no";
+  showVideoButton: "yes"|"no";
+  showOfflineButton: "yes"|"no";
 }
 
 export async function directOpenChatWindow(jid: string) {
@@ -33,7 +36,6 @@ export  function Jsxc(prop: JsxcProp) {
     const windowListAppend = 'windowlist-append';
     const dialogAppend = 'dialog-append';
     const {
-
       jqueryUrl = 'https://cdn.bootcdn.net/ajax/libs/jquery/3.7.1/jquery.js',
       marginTop = '40px',
       marginLeft = '40px',
@@ -44,7 +46,10 @@ export  function Jsxc(prop: JsxcProp) {
       fullscreen,
       boshUrl,
       id,
-      pw
+      pw,
+      showAudioButton,
+      showVideoButton,
+      showOfflineButton,
     } = prop;
 
     userJid = id;
@@ -75,9 +80,6 @@ export  function Jsxc(prop: JsxcProp) {
         root.style.setProperty('--jsxc-margin-bottom', marginBottom);
         root.style.setProperty('--jsxc-margin-right', marginRight);
 
-
-
-
         script.onload = ()=> { localStorage.removeItem('jsxc2:accounts'); // for fobidden show 'account has ..' error message;
         let jsx = new (window as any).JSXC({
           /*  loadConnectionOptions: function(username: any, password: any) {
@@ -91,19 +93,26 @@ export  function Jsxc(prop: JsxcProp) {
             rosterAppend: '#' + rosterAppend,
             dialogAppend: '#' + dialogAppend,
             windowListAppend: '#' + windowListAppend,
+            lang: 'zh'
         });
         (window as any).jsxc = jsx;
         jsx.start(boshUrl, id, pw);}
 
-        if (showMenu === 'yes') {
+        if (showMenu === 'no') {
           root.style.setProperty('--jsxc-show-menu', 'none');
-          console.log('not show jsxc menu')
         }
-
-
+        if (showAudioButton === 'no') {
+          root.style.setProperty('--jsxc-show-audio-button', 'none');
+        }
+        if (showVideoButton === 'no') {
+          root.style.setProperty('--jsxc-show-video-button', 'none');
+        }
+        if (showOfflineButton === 'no') {
+          root.style.setProperty('--jsxc-show-offline-button', 'none');
+        }
+        
     },[]);
 
-
     return (
       //  <Keepalive>
             <div id='jsxc-containers' style={{width: '100%', height: '100%'}} >

package/src/Sel.tsx

@@ -10,17 +10,17 @@ export default function Sel() {
           width: 400, height: 400
         }
         }>
-
-
-         {sel && <Jsxc boshUrl = 'https://localhost:5443/bosh' fullscreen={true}
-         id= 'user1@localhost' pw='987654' showMenu={false}
-          />}
+         {sel &&
+         <Jsxc boshUrl = 'https://localhost:5443/bosh' fullscreen={true}
+            id= 'user1@localhost' pw='987654'
+            showMenu={'yes'} showAudioButton={'no'} showVideoButton={'yes'}
+            showOfflineButton='yes'
+          />
+        }
 
         {!sel && <div>hellow world</div> }
         <button onClick={()=>{setsel(!sel)}}>show</button>
         </div>
-
-
     );
 
 }