add simulator tab

roboteam_interface_vue/src/modules/components/panels/simulator-widget.vue

@@ -0,0 +1,35 @@
+<script setup lang="ts">
+import { FontAwesomeIcon } from '@fortawesome/vue-fontawesome'
+import { computed, toRaw } from 'vue'
+import { useAiController } from '../../composables/ai-controller'
+
+const aiController = useAiController()
+const disabled = computed(() => aiController.useReferee)
+
+const sendSimulatorCommand = aiController.sendSimulatorCommand
+
+</script>
+
+<template>
+  <div class="btn-group">
+    <button
+        :disabled='disabled'
+        class="btn btn-sm btn-secondary gap-2"
+        @click="sendSimulatorCommand('robotsToSide')"
+    >
+        <font-awesome-icon icon="fa-arrows" />
+        Move robots to side
+    </button>
+
+    <button
+        :disabled='disabled'
+        class="btn btn-sm btn-secondary gap-2"
+        @click="sendSimulatorCommand('ballToCenter')"
+    >
+        <font-awesome-icon icon="fa-arrows" />
+        Move ball to center
+    </button>
+
+
+  </div>
+</template>

roboteam_interface_vue/src/tabs.ts

@@ -1,16 +1,21 @@
 import { markRaw } from 'vue'
-import GameSettings from './modules/components/game-settings.vue'
-import StpStatus from './modules/components/panels/stp-panel/stp-widget.vue'
-import Feedback from './modules/components/panels/feedback-widget.vue'
+import GameSettings   from './modules/components/game-settings.vue'
+import Simulator      from './modules/components/panels/simulator-widget.vue'
+import StpStatus      from './modules/components/panels/stp-panel/stp-widget.vue'
+import Feedback       from './modules/components/panels/feedback-widget.vue'
 import PlayEvaluation from './modules/components/panels/play-evaluation-widget.vue'
-import Metrics from './modules/components/panels/metrics-widget.vue'
-import UiSettings from './modules/components/ui-settings/ui-settings.vue'
+import Metrics        from './modules/components/panels/metrics-widget.vue'
+import UiSettings     from './modules/components/ui-settings/ui-settings.vue'
 
 export const TABS_DEFINITION = {
   'Game Settings': {
     icon: 'fa-gear',
     component: markRaw(GameSettings)
   },
+  'Simulator': {
+    icon: 'fa-gamepad',
+    component: markRaw(Simulator)
+  },
   STP: {
     icon: 'fa-layer-group',
     component: markRaw(StpStatus)