Test human readable key

package.json

@@ -14,6 +14,7 @@
     "jquery-flight-indicators": "^1.0.0",
     "leaflet": "^1.3.1",
     "leaflet-rotatedmarker": "^0.2.0",
+    "lodash": "^4.17.5",
     "mavlink": "^1.0.1",
     "mithril": "^1.1.6",
     "sortablejs": "^1.7.0"

src/components/waypoints.js

@@ -2,6 +2,7 @@ var m = require("mithril");
 var Sortable = require("sortablejs");
 var sortable = Sortable.create($("#waypoints")[0]);
 var { ipcRenderer } = require("electron");
+var missionKey = require("../lib/missionKey");
 var waypoints = [];
 
 ipcRenderer.on('drone_waypoints', (event, payload) => {
@@ -12,7 +13,7 @@ ipcRenderer.on('drone_waypoints', (event, payload) => {
 var Waypoints = {
     view() {
         return waypoints.map((wp) => {
-            return m('div', {class: 'waypoint'}, wp.seq);
+            return m('div', {class: 'waypoint'}, `${wp.seq} ${missionKey.getHumanReadable(wp.command)}`);
         });
     }
 }

src/lib/missionKey.js

@@ -0,0 +1,33 @@
+var _ = require('lodash');
+
+var key = [
+    {
+        id: 16,
+        name: "Waypoint",
+    },
+    {
+        id: 22,
+        name: "Takeoff",
+    },
+    {
+        id: 82,
+        name: "Spline",
+    },
+    {
+        id: 18,
+        name: "Loiter (turns)",
+    },
+    {
+        id: 20,
+        name: "RTL",
+    }
+];
+
+var missionKey = {
+    getHumanReadable(id) {
+        var obj = _.find(key, {id: id});
+        return obj.name;
+    }
+}
+
+module.exports = missionKey;

yarn.lock

@@ -2502,6 +2502,10 @@ lodash@^4.0.0, lodash@^4.14.0, lodash@^4.17.2, lodash@~4.17.4:
   version "4.17.4"
   resolved "https://registry.yarnpkg.com/lodash/-/lodash-4.17.4.tgz#78203a4d1c328ae1d86dca6460e369b57f4055ae"
 
+lodash@^4.17.5:
+  version "4.17.5"
+  resolved "https://registry.yarnpkg.com/lodash/-/lodash-4.17.5.tgz#99a92d65c0272debe8c96b6057bc8fbfa3bed511"
+
 loglevel@^1.4.1:
   version "1.6.1"
   resolved "https://registry.yarnpkg.com/loglevel/-/loglevel-1.6.1.tgz#e0fc95133b6ef276cdc8887cdaf24aa6f156f8fa"