core: frontend: create compass configuration

Williangalvani · Feb 9, 2024 · 12ac04b · 12ac04b
1 parent b09149a
commit 12ac04b
Show file tree

Hide file tree

Showing 10 changed files with 1,382 additions and 1 deletion.
diff --git a/core/frontend/package.json b/core/frontend/package.json
@@ -30,6 +30,7 @@
     "date-fns": "^2.23.0",
     "file-saver": "^2.0.5",
     "fuse.js": "^6.6.2",
+    "gsap": "^3.12.3",
     "http-status-codes": "^2.2.0",
     "image-js": "^0.35.3",
     "is-ip": "^5.0.0",

diff --git a/core/frontend/src/components/vehiclesetup/Configure.vue b/core/frontend/src/components/vehiclesetup/Configure.vue
@@ -29,6 +29,8 @@ import Vue from 'vue'
 
 import autopilot from '@/store/autopilot_manager'
 
+import SpinningLogo from '../common/SpinningLogo.vue'
+import ArdupilotMavlinkCompassSetup from './configuration/compass/ArdupilotMavlinkCompassSetup.vue'
 import LightsConfigration from './configuration/lights.vue'
 import ParamSets from './overview/ParamSets.vue'
 
@@ -44,14 +46,16 @@ export default Vue.extend({
   components: {
     ParamSets,
     LightsConfigration,
+    ArdupilotMavlinkCompassSetup,
+    SpinningLogo,
   },
   data() {
     return {
       page_selected: null as string | null,
       pages: [
         { title: 'Parameters', component: ParamSets },
         { title: 'Accelerometer', component: undefined },
-        { title: 'Compass', component: undefined },
+        { title: 'Compass', component: ArdupilotMavlinkCompassSetup },
         { title: 'Baro', component: undefined },
         { title: 'Gripper', component: undefined },
         { title: 'Lights', component: LightsConfigration, filter: () => autopilot.vehicle_type === 'Submarine' },