Made Me draggable.
parent
12fb31825f
commit
4d7bf89325
|
|
@ -13,6 +13,7 @@ import Notifications from './Notifications';
|
||||||
import ToolAreaButton from './ToolArea/ToolAreaButton';
|
import ToolAreaButton from './ToolArea/ToolAreaButton';
|
||||||
import ToolArea from './ToolArea/ToolArea';
|
import ToolArea from './ToolArea/ToolArea';
|
||||||
import FullScreenView from './FullScreenView';
|
import FullScreenView from './FullScreenView';
|
||||||
|
import Draggable from 'react-draggable';
|
||||||
|
|
||||||
class Room extends React.Component
|
class Room extends React.Component
|
||||||
{
|
{
|
||||||
|
|
@ -69,10 +70,13 @@ class Room extends React.Component
|
||||||
<Notifications />
|
<Notifications />
|
||||||
<ToolAreaButton />
|
<ToolAreaButton />
|
||||||
|
|
||||||
|
{room.advancedMode ?
|
||||||
<div className='state' data-tip='Server status'>
|
<div className='state' data-tip='Server status'>
|
||||||
<div className={classnames('icon', room.state)} />
|
<div className={classnames('icon', room.state)} />
|
||||||
<p className={classnames('text', room.state)}>{room.state}</p>
|
<p className={classnames('text', room.state)}>{room.state}</p>
|
||||||
</div>
|
</div>
|
||||||
|
:null
|
||||||
|
}
|
||||||
|
|
||||||
<div className='room-link-wrapper'>
|
<div className='room-link-wrapper'>
|
||||||
<div className='room-link'>
|
<div className='room-link'>
|
||||||
|
|
@ -109,6 +113,7 @@ class Room extends React.Component
|
||||||
advancedMode={room.advancedMode}
|
advancedMode={room.advancedMode}
|
||||||
/>
|
/>
|
||||||
|
|
||||||
|
<Draggable handle='.me-container' bounds='body' cancel='.display-name'>
|
||||||
<div
|
<div
|
||||||
className={classnames('me-container', {
|
className={classnames('me-container', {
|
||||||
'active-speaker' : amActiveSpeaker
|
'active-speaker' : amActiveSpeaker
|
||||||
|
|
@ -118,6 +123,7 @@ class Room extends React.Component
|
||||||
advancedMode={room.advancedMode}
|
advancedMode={room.advancedMode}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
</Draggable>
|
||||||
|
|
||||||
<div className='sidebar'>
|
<div className='sidebar'>
|
||||||
<div
|
<div
|
||||||
|
|
|
||||||
File diff suppressed because it is too large
Load Diff
|
|
@ -14,13 +14,14 @@
|
||||||
"hark": "^1.1.6",
|
"hark": "^1.1.6",
|
||||||
"js-cookie": "^2.2.0",
|
"js-cookie": "^2.2.0",
|
||||||
"marked": "^0.3.17",
|
"marked": "^0.3.17",
|
||||||
"mediasoup-client": "^2.0.14",
|
"mediasoup-client": "^2.1.1",
|
||||||
"prop-types": "^15.6.0",
|
"prop-types": "^15.6.0",
|
||||||
"protoo-client": "^2.0.7",
|
"protoo-client": "^2.0.7",
|
||||||
"random-string": "^0.2.0",
|
"random-string": "^0.2.0",
|
||||||
"react": "^16.2.0",
|
"react": "^16.2.0",
|
||||||
"react-clipboard.js": "^1.1.3",
|
"react-clipboard.js": "^1.1.3",
|
||||||
"react-dom": "^16.2.0",
|
"react-dom": "^16.2.0",
|
||||||
|
"react-draggable": "^3.0.5",
|
||||||
"react-dropdown": "^1.5.0",
|
"react-dropdown": "^1.5.0",
|
||||||
"react-redux": "^5.0.6",
|
"react-redux": "^5.0.6",
|
||||||
"react-spinner": "^0.2.7",
|
"react-spinner": "^0.2.7",
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue