* Transpose Widget: Make user-friendly

1 files changed, 6 insertions, 0 deletions

diff --git a/laravel/resources/views/song.blade.php b/laravel/resources/views/song.blade.php
index 865ece4..a8e31c0 100644
--- a/laravel/resources/views/song.blade.php
+++ b/laravel/resources/views/song.blade.php
@@ -44,6 +44,11 @@
     <select name="transp" id="transp"
         value = "<?php echo $transp;?>"
     >
+    @if($song->key)
+        @foreach(['C','Db','D','E','F','F#','G','G#','A','Bb','B'] as $kay)
+            <option {{$kay == ($_GET['transp'] ?? $song->key) ? 'selected' : ''}} value='{{$kay}}'>{{$kay}}</option>
+        @endforeach
+    @else
         <?php
             for ($i=-6; $i < 12; $i++) {
                 if (($transp + 24)%12 == $i) $selected = 'selected';
@@ -52,6 +57,7 @@
                 echo "<option value='$i' $selected>$dir $i semitones</option>";
             }
         ?>
+    @endif
     </select>
     <noscript>
         <button>Transpose</button>