adding save as button, removing menu, basic tempo support

src/c-editor.vue

@@ -23,6 +23,16 @@
             </div>
           </div>
         </div>
+        <div class="field is-horizontal">
+          <div class="field-label is-normal">
+            <label class="label">Tempo:</label>
+          </div>
+          <div class="field-body">
+            <div class="control">
+              <input v-model="tempo" @change="changeTempo" type="text">
+            </div>
+          </div>
+        </div>
         <div id="midi"></div>
       </div>
       <div class="column">
@@ -50,20 +60,25 @@ export default {
     changeTranspose: function() {
       if (this.transpose === 'Piano') {
         this.abcEditor.paramChanged({midiTranspose: 0})
-        //this.abcEditor.abcjsParams = {midiTranspose: 0}
       } else if (this.transpose === 'Guitar') {
         this.abcEditor.paramChanged({midiTranspose: -12})
-        //this.abcEditor.abcjsParams = {midiTranspose: -12}
       } else {
         this.abcEditor.paramChanged({midiTranspose: 0})
-        //this.abcEditor.abcjsParams = {midiTranspose: 0}
+      }
+    },
+    changeTempo: function() {
+      if (isNan(this.tempo)) {
+         //TODO handle error
+      } else {
+         this.abcEditor.paramChanged({qpm: this.tempo})
       }
     }
   },
   data() {
     return {
       transpose: 'Piano',
-      abcEditor: null
+      abcEditor: null,
+      tempo: 180
     }
   }
 }

src/c-menu.vue

@@ -2,6 +2,7 @@
   <div>
     <a class="button">New</a>
     <a class="button">Save</a>
+    <a class="button">Save As</a>
     <a class="button">Load</a>
     <a class="button">Training</a>
   </div>

src/index.js

@@ -14,9 +14,12 @@ const createWindow = async () => {
   // Create the browser window.
   mainWindow = new BrowserWindow({
     width: 800,
-    height: 600,
+    height: 800,
   });
 
+  mainWindow.setMenu(null);
+  mainWindow.setMenuBarVisibility(false);
+
   // and load the index.html of the app.
   mainWindow.loadURL(`file://${__dirname}/index.html`);