test

src/js/app.js

@@ -114,7 +114,7 @@ module.exports = new Vue({
             full_version: "<loading>",
             ip: "<>",
             wifiName: "not connected",
-            macros:[]
+            macros:[{id:0,name:"Macrostest",color:'#434242',gcode:"test.ngc"}]
           },
           state: {
             messages: [],

src/pug/templates/control-view.pug

@@ -209,7 +209,13 @@ script#control-view-template(type="text/x-template")
 
     .macros-div
       .macros-buttons(v-if="this.config.macros!=undefined")
-          p there is a active macros
+          each macros in config.macros || {id:0,name:"Macrostest",color:'#434242',gcode:"test.ngc"}
+            p macros.id
+            p macros.name
+            p macros.color
+            p macros.gcode
+          .submit-macros(v-if="isMacrosPresent()")
+            a(href="#macros") Edit Macros
       .macros-buttons(v-if="this.config.macros==undefined")
           p there is no active macros