Skip to content

LdwgWffnschmdt/vue-dynamic-reconfigure

Repository files navigation

vue-dynamic-reconfigure

Vue components for ROS dynamic_reconfigure that connect via websockets to a rosbridge running on your robot. The UI elements use vuetify.

🖥 You can find a demo here (only supports secure websockets over WSS).

Install

npm install --save vue-dynamic-reconfigure

Components

Includes the following conponents:

  • RosDynamicReconfigureList: Shows a list of all Nodes supporting dynamic_reconfigure
  • RosDynamicReconfigureNode: Used in RosDynamicReconfigureList, can also be used stand-alone to show the parameters of a single node

Usage

<template>
  <ros-dynamic-reconfigure-list :ros="ros"/>
</template>

<script>
import ROSLIB from 'roslib';
import RosDynamicReconfigureList from 'vue-dynamic-reconfigure';

export default {
  name:  'VueDynamicReconfigureDemo',
  components: {
    RosDynamicReconfigureList,
  },
  data: () => ({
    ros: null,
    connected: false
  }),
  mounted() {
    this.ros = new ROSLIB.Ros({
      url : 'ws://localhost:9090'
    });

    this.ros.on('connection', () => {
      this.connected = true;
    });
  }
}
</script>