Component used as a page for teleoperation of the robot. It manages the layout of
its components and communicate with its parent component through a bus given in props. The
components used in this page are 2 VideoBox and 1 Joystick. This component have the following
dependency : VideoBox.vue Component, Joystick.vue Component and Bootstrap-Vue for styling.
Props
| Name | Type | Default value | Required? | Description |
|---|---|---|---|---|
bus |
Vue |
- | Yes | Vue bus use to emit event to other components. |
Router |
Vue |
- | Yes | Vue bus use to routing emit event to parent. |
Data
| Name | Type | Default value | Description |
|---|---|---|---|
showCamera |
boolean |
- | Enable or disable the camera display. |
showMap |
boolean |
- | Enable or disable the map display. |
enableJoystick |
boolean |
- | Enable or disable the joystick ability to send data. |
Events
| Name | Payload Type | Description |
|---|---|---|
destroyed |
Event indicating the component has been destroyed. | |
mounted |
Event indicating the component has been mounted. |
Methods
changeJoystickState(state)
Callback used to change the state of the joystick
- Source:
Parameters:
| Name | Type | Description |
|---|---|---|
state |
boolean
|
Request of the joystick state |
Listens to Events:
- event:on-joystick-state-changed