songs2slides

commit dfeccdbc78257677180522f3119a923da2d6ad12
parent 0e37a389b12b9198e52cfdb0e433a55113f5d384
Author: AsherMorgan <59518073+AsherMorgan@users.noreply.github.com>
Date:   Sun, 26 Apr 2020 08:27:11 -0700

Implement back button.

Diffstat:
M
Songs2Slides/static/index.css
 | 
4
++++
M
Songs2Slides/static/index.js
 | 
8
++++++++
M
Songs2Slides/templates/index.html
 | 
3
++-

3 files changed, 14 insertions(+), 1 deletion(-)
diff --git a/Songs2Slides/static/index.css b/Songs2Slides/static/index.css
@@ -37,4 +37,8 @@ button {
 #lyrics {
     width: 100%;
     resize: none;
+}
+
+#lyricsBack {
+    float: right;
 }
 \ No newline at end of file
diff --git a/Songs2Slides/static/index.js b/Songs2Slides/static/index.js
@@ -108,4 +108,12 @@ async function SubmitLyrics() {
 
     // Download powerpoint
     download(await rawResponse.blob());
+}
+
+
+
+// Makes the songs div visible
+function Reset() {
+    document.getElementById("songs").hidden = false;
+    document.getElementById("lyricsContainer").hidden = true;
 }
 \ No newline at end of file
diff --git a/Songs2Slides/templates/index.html b/Songs2Slides/templates/index.html
@@ -32,7 +32,8 @@
             One blank line signifies a new slide and three blank lines signifies a blank slide.<br/><br/>
             
             <textarea rows="10" id="lyrics">Loading lyrics...</textarea><br/>
-            <button onclick="SubmitLyrics();">Create Powerpoint</button>
+            <button id="submitLyricsButton" onclick="SubmitLyrics();">Create Powerpoint</button>
+            <a id="lyricsBack" href="javascript:Reset()">Back</a>
         </div>
     </body>
 </html>
 \ No newline at end of file