| 1 | <div class="position-sticky" style="top: 1rem;"> |
| 2 | <div class="text-center mt-2"> |
| 3 | <ul class="nav flex-column nav-pills"> |
| 4 | <%= render( |
| 5 | 'partial_menu_aside', |
| 6 | href_text: t('song_menu_aside_info'), |
| 7 | href_link: song_detail_path(@song.slug), |
| 8 | icon_class: 'bi-info-circle', |
| 9 | active: active_menu == 'info' |
| 10 | ) %> |
| 11 | <%= render( |
| 12 | 'partial_menu_aside', |
| 13 | href_text: t('song_menu_aside_chords'), |
| 14 | href_link: song_chords_path(@song.slug), |
| 15 | icon_class: 'bi-music-note-list', |
| 16 | active: active_menu == 'chord' |
| 17 | ) %> |
| 18 | <%= render( |
| 19 | 'partial_menu_aside', |
| 20 | href_text: t('song_menu_aside_lyrics'), |
| 21 | href_link: song_lyrics_path(@song.slug), |
| 22 | icon_class: 'bi-file-text', |
| 23 | active: active_menu == 'lyric' |
| 24 | ) %> |
| 25 | <%= render( |
| 26 | 'partial_menu_aside', |
| 27 | href_text: t('song_menu_aside_audio'), |
| 28 | href_link: song_audio_path(@song.slug), |
| 29 | icon_class: 'bi-music-note-beamed', |
| 30 | active: active_menu == 'audio' |
| 31 | ) %> |
| 32 | </ul> |
| 33 | </div> |
| 34 | </div> |