Skip to content

B
BoxDialer
Commit 245af567 authored by Muhammadali's avatar Muhammadali
Browse files
Options

update

parent 54e0e39e
Show whitespace changes
Inline Side-by-side
Showing with 148 additions and 169 deletions
package.json
View file @ 245af567
{
"name": "boxdialer",
"version": "4.8.74",
"version": "4.8.75",
"description": "",
"main": "src/boxDialer.js",
"scripts": {
......
src/components/Modal/index.jsx
View file @ 245af567
/** @format */
import React, { useEffect, useState } from 'react';
import MainBlock, { ModalContainer } from './style';
import React, {useEffect, useState} from 'react';
import MainBlock, {ModalContainer} from './style';
import VerticalAlignTopIcon from '@mui/icons-material/VerticalAlignTop';
import CallEndIcon from '@mui/icons-material/CallEnd';
import MicIcon from '@mui/icons-material/Mic';
......@@ -14,7 +14,7 @@ import CallCardDropDown from '../CallCardDropDown';
import ModalNumpad from '../ModalNumpad';
import {useConfigHoldMute} from "../../storage"
const Modal = ({ children, hidden, hangupButton, phoneNumber, callType }) => {
const Modal = ({children, hidden, hangupButton, phoneNumber, callType}) => {
const boxDialer = window.BoxDialer;
const configHoldMute = useConfigHoldMute((state) => state)
......@@ -44,14 +44,14 @@ const Modal = ({ children, hidden, hangupButton, phoneNumber, callType }) => {
if (!modalHidden) return;
const selectModalType = (type) => {
console.log('selectModalType_inset_component: ', type)
switch (type) {
case 'incoming':
return (
<ModalContainer.Footer rollUp={rollUp}>
return (<ModalContainer.Footer rollUp={rollUp}>
<button
className='redButton'
onClick={() => boxDialer.skipButtonClick()}>
<CallEndIcon />
<CallEndIcon/>
ЗАКРЫТЬ
</button>
<button
......@@ -59,66 +59,50 @@ const Modal = ({ children, hidden, hangupButton, phoneNumber, callType }) => {
onClick={() => boxDialer.answerButtonClick()}>
ОТВЕТИТЬ
</button>
</ModalContainer.Footer>
);
</ModalContainer.Footer>);
case 'outgoing':
return (
<ModalContainer.Footer rollUp={rollUp}>
return (<ModalContainer.Footer rollUp={rollUp}>
<button
className='greenButton'
onClick={() => boxDialer.answerButtonClick()}>
ОТВЕТИТЬ
</button>
</ModalContainer.Footer>
);
</ModalContainer.Footer>);
case 'connectingIncoming':
return (
<ModalContainer.Footer rollUp={rollUp}>
return (<ModalContainer.Footer rollUp={rollUp}>
<button
className='redButton'
onClick={() => boxDialer.skipButtonClick()}>
<CallEndIcon />
<CallEndIcon/>
ЗАКРЫТЬ
</button>
</ModalContainer.Footer>
);
</ModalContainer.Footer>);
case 'connectingOutgoing':
return (
<ModalContainer.Footer rollUp={rollUp}>
return (<ModalContainer.Footer rollUp={rollUp}>
<button
className='redButton'
onClick={() => boxDialer.skipButtonClick()}>
<CallEndIcon />
<CallEndIcon/>
ЗАКРЫТЬ
</button>
</ModalContainer.Footer>
);
</ModalContainer.Footer>);
case 'connected':
return (
<ModalContainer.Footer justify={'space-between'} rollUp={rollUp}>
return (<ModalContainer.Footer justify={'space-between'} rollUp={rollUp}>
<div className='outcomingEventStyle'>
<div onClick={() => boxDialer.holdButtonClick()}>
{configHoldMute?.state?.callHold ? (
<PlayArrowIcon style={{ color: '#fff' }} />
) : (
<PauseIcon style={{ color: '#fff' }} />
)}
{configHoldMute?.state?.callHold ? (<PlayArrowIcon style={{color: '#fff'}}/>) : (
<PauseIcon style={{color: '#fff'}}/>)}
</div>
<div onClick={() => boxDialer.muteButtonClick()}>
{configHoldMute?.state?.callMute ? (
<MicOffIcon style={{ color: '#fff' }} />
) : (
<MicIcon style={{ color: '#fff' }} />
)}
{configHoldMute?.state?.callMute ? (<MicOffIcon style={{color: '#fff'}}/>) : (
<MicIcon style={{color: '#fff'}}/>)}
</div>
<div
className='transferAreaIcon'
onClick={() => {
window.BX
? boxDialer.selectUser()
: setTransferModel(!transferModel);
window.BX ? boxDialer.selectUser() : setTransferModel(!transferModel);
}}>
<SendToMobileIcon style={{ color: '#fff' }} />
<SendToMobileIcon style={{color: '#fff'}}/>
<CallCardDropDown
hiddenState={transferModel}
selectUserFunc={selectUserFunc}
......@@ -126,31 +110,27 @@ const Modal = ({ children, hidden, hangupButton, phoneNumber, callType }) => {
</div>
<div className={'openNumpadAreaIcon'}>
<DialpadIcon
style={{ color: '#fff' }}
style={{color: '#fff'}}
onClick={() => openNumpad()}
/>
<ModalNumpad hidden={numpadModal} />
<ModalNumpad hidden={numpadModal}/>
</div>
</div>
<button
className='redButton'
onClick={() => boxDialer.skipButtonClick()}>
<CallEndIcon />
<CallEndIcon/>
ЗАКРЫТЬ
</button>
</ModalContainer.Footer>
);
</ModalContainer.Footer>);
default:
return (
<ModalContainer.Footer rollUp={rollUp}>
return (<ModalContainer.Footer rollUp={rollUp}>
Do not fount event
</ModalContainer.Footer>
);
</ModalContainer.Footer>);
}
};
return (
<MainBlock
return (<MainBlock
hidden={modalHidden || modalHidden}
rollUp={rollUp}
onClick={(e) => e.stopPropagation()}>
......@@ -165,7 +145,7 @@ const Modal = ({ children, hidden, hangupButton, phoneNumber, callType }) => {
Свернуть
</p>
</ModalContainer.Top>
<hr />
<hr/>
<ModalContainer.Head rollUp={rollUp}>
<div className='round'></div>
<p className='name'>No name</p>
......@@ -183,11 +163,10 @@ const Modal = ({ children, hidden, hangupButton, phoneNumber, callType }) => {
ЗАКРЫТЬ
</button>
<button className='rollUpUn' onClick={() => setRollUp(false)}>
<VerticalAlignTopIcon />
<VerticalAlignTopIcon/>
</button>
</div>
</MainBlock>
);
</MainBlock>);
};
export default Modal;
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment

Technounit-GROUP 2023