Add button to append a new section.

ISSUE=#7
sonph · Apr 12, 2020 · 464c6d5 · 464c6d5
1 parent 6191e0c
commit 464c6d5
Show file tree

Hide file tree

Showing 3 changed files with 13 additions and 1 deletion.
diff --git a/pug/index.pug b/pug/index.pug
@@ -61,3 +61,6 @@ html(lang='en')
         div.section(v-for='(section, index) in songChart.sections')
           div(v-bind:class='{ bold: index == songChart.curSectionIndex, hide: index < songChart.curSectionIndex }')
             | {{ index }}: {{ section.name }} ({{ section.length }})
+        div
+          span(v-on:click='songChartAppendSection()')
+            | + Add section
diff --git a/src/js/app.js b/src/js/app.js
@@ -41,7 +41,9 @@ window.init = function() {
       metronomeTempoIncrement: (() => { metronome.tempoIncrement(); }),
       metronomeTempoIncrementBy5: (() => { metronome.tempoIncrementBy5(); }),
       metronomeTempoIncrementBy10: (() => { metronome.tempoIncrementBy10(); }),
-      metronomeTempoDouble: (() => { metronome.tempoDouble(); })
+      metronomeTempoDouble: (() => { metronome.tempoDouble(); }),
+
+      songChartAppendSection: (() => { songChart.appendSection(); })
     }
   });
 

diff --git a/src/js/songchart.js b/src/js/songchart.js
@@ -109,6 +109,13 @@ class SongChart {
     return this.uiData;
   }
 
+  appendSection() {
+    this.json.sections.push({
+        "name": "Untitled",
+        "length": 8,
+    });
+  }
+
   /**
    * Fetches song chart from given url.
    * @param {string} url Url.