From bfdedb8210222ae44dc9b7a7136f8774a5bc76e4 Mon Sep 17 00:00:00 2001
From: Zach DeCook <zachdecook@librem.one>
Date: Mon, 21 Sep 2020 20:17:23 -0400
Subject: * Transposition: Make more usable

---
 laravel/resources/views/song.blade.php | 14 ++++++++++----
 1 file changed, 10 insertions(+), 4 deletions(-)

(limited to 'laravel')

diff --git a/laravel/resources/views/song.blade.php b/laravel/resources/views/song.blade.php
index a8e31c0..025c14e 100644
--- a/laravel/resources/views/song.blade.php
+++ b/laravel/resources/views/song.blade.php
@@ -40,7 +40,7 @@
             ] ) }}'>edit this song</a>
     @endcan
 
-    <form>
+    <form style="display: inline-block">
     <select name="transp" id="transp"
         value = "<?php echo $transp;?>"
     >
@@ -59,11 +59,17 @@
         ?>
     @endif
     </select>
-    <noscript>
         <button>Transpose</button>
-    </noscript>
     </form>
-    
+    @foreach (['G','D','C'] as $possibleKey)
+        @if($possibleKey != ($_GET['transp'] ?? $song->key))
+            <form style="display: inline-block;">
+                <button>Transpose to {{$possibleKey}}</button>
+                <input type='hidden' name='transp' value='{{$possibleKey}}'>
+            </form>
+        @endif
+    @endforeach
+
     <pre>{!! $song['escapedText'] !!}</pre>
     <div id="chordarea">
         <canvas id='guitarregion' width="100" height="100" onclick="cycle(guitarObj);"></canvas>
-- 
cgit 1.4.1