frontend: autopilot: disable mavlink endpoint creation if autopilot is not running

Author: nicoschmdt

core/frontend/src/components/autopilot/EndpointManager.vue

@@ -65,14 +65,36 @@
         subtitle="Fetching available endpoints..."
       />
     </v-container>
-    <v-card
+    <v-container
       v-else
       class="d-flex align-center justify-center pa-6"
     >
-      <p class="text-h6">
-        No endpoints available.
-      </p>
-    </v-card>
+      <v-card
+        v-if="!autopilot_board_is_running"
+        class="d-flex align-center justify-center pa-6"
+      >
+        <div class="d-flex flex-column align-center justify-center">
+          <p class="mb-2">
+            Autopilot must be running to create endpoints.
+          </p>
+          <p class="mb-0">
+            You can start it in the
+            <router-link to="autopilot">
+              Autopilot Firmware
+            </router-link>
+            tab.
+          </p>
+        </div>
+      </v-card>
+      <v-card
+        v-else
+        class="d-flex align-center justify-center pa-6"
+      >
+        <p class="text-h6">
+          No endpoints available.
+        </p>
+      </v-card>
+    </v-container>
 
     <v-fab-transition>
       <v-btn
@@ -85,6 +107,7 @@
         bottom
         right
         class="v-btn--example"
+        :disabled="!autopilot_board_is_running"
         @click="openCreationDialog"
       >
         <v-icon>mdi-plus</v-icon>
@@ -141,6 +164,9 @@ export default Vue.extend({
     are_endpoints_available(): boolean {
       return !this.available_endpoints.isEmpty()
     },
+    autopilot_board_is_running(): boolean {
+      return autopilot.current_board !== null && this.heartbeat_age() < 3000
+    },
   },
   mounted() {
     this.fetch_available_endpoints_task.setAction(fetchAvailableEndpoints)