| 1 | <div class="row mb-4"> |
| 2 | <div class="col-4 text-center"> |
| 3 | <%= link_to( |
| 4 | image_tag( |
| 5 | item.youtube_thumbnail, |
| 6 | class: "img-fluid rounded", |
| 7 | style: "width: 300px;" |
| 8 | ), |
| 9 | item.splitfire_link, |
| 10 | target: :_blank |
| 11 | ) %> |
| 12 | </div> |
| 13 | <div class="col-8"> |
| 14 | <ul class="list-group"> |
| 15 | <li class="list-group-item"> |
| 16 | <i class="bi bi-music-note-list"></i> |
| 17 | <%= link_to( |
| 18 | item.source_file.filename, |
| 19 | item.splitfire_link, |
| 20 | target: :_blank |
| 21 | ) %> |
| 22 | </li> |
| 23 | <li class="list-group-item"> |
| 24 | <i class="bi bi-mic-fill"></i> |
| 25 | <%= link_to( |
| 26 | item.karaoke_title, |
| 27 | item.splitfire_karaoke_link, |
| 28 | target: :_blank |
| 29 | ) %> |
| 30 | </li> |
| 31 | <% if !item.song.nil? %> |
| 32 | <li class="list-group-item list-group-item-warning"> |
| 33 | <div class="row mt-2"> |
| 34 | <div class="col-1 text-center"> |
| 35 | <i class="bi bi-info-circle-fill align-center"></i> |
| 36 | </div> |
| 37 | <div class="col-11"> |
| 38 | <%= render 'partial_audio_file_information', audio_file: item %> |
| 39 | </div> |
| 40 | </div> |
| 41 | </li> |
| 42 | <% end %> |
| 43 | </ul> |
| 44 | </div> |
| 45 | </div> |