diff --git a/src/js/macros.js b/src/js/macros.js index 053d1a3..c18c8be 100644 --- a/src/js/macros.js +++ b/src/js/macros.js @@ -24,7 +24,8 @@ module.exports = { }, methods:{ print: function(){ - console.log(this.state); + var inputValue = document.getElementById('inputField').value; + console.log(inputValue); }, open: function() { utils.clickFileInput("gcode-file-input"); diff --git a/src/pug/templates/macros.pug b/src/pug/templates/macros.pug index 7ed1fcb..d37a13a 100644 --- a/src/pug/templates/macros.pug +++ b/src/pug/templates/macros.pug @@ -1,7 +1,8 @@ script#macros-template(type="text/x-template") #macros h2 Macros - button.printVariable(title="print Varibale", @click='print', + input(type="text",id="inputField") + button.printVariable(title="print Varibale", @click='print()', style="height:100px;width:100px;font-weight:normal") .fa.fa-folder-download button.pure-button(title="Upload a new GCode program.", @click="open", @@ -12,9 +13,9 @@ script#macros-template(type="text/x-template") style="max-width:100%") option(v-for="file in state.files", :value="file") {{file}} - .progress(v-if="toolpath_progress && toolpath_progress < 1", - title="Simulating GCode to check for errors, calculate ETA and " + - "generate 3D view. You can run GCode before the simulation " + - "finishes.") - div(:style="'width:' + (toolpath_progress || 0) * 100 + '%'") - label Simulating {{(toolpath_progress || 0) | percent}} + .progress(v-if="toolpath_progress && toolpath_progress < 1", + title="Simulating GCode to check for errors, calculate ETA and " + + "generate 3D view. You can run GCode before the simulation " + + "finishes.") + div(:style="'width:' + (toolpath_progress || 0) * 100 + '%'") + label Simulating {{(toolpath_progress || 0) | percent}}