| 1 | <% content_for :meta_head do %> |
| 2 | <title><%= @meta_title %> | <%= @user.name %></title> |
| 3 | <meta name="description" content="<%= @meta_description %>"> |
| 4 | <% end %> |
| 5 | |
| 6 | <div class="row"> |
| 7 | <!-- BEGIN content --> |
| 8 | <div class="col-md-12"> |
| 9 | |
| 10 | <div class="page-header"> |
| 11 | <h1><%= t("my") %> / <%= "SplitFire #{image_pack_tag('fire.gif', :size => '34x34', :style => 'vertical-align: top')}".html_safe %></h1> |
| 12 | </div> |
| 13 | <%= render "shared/flash_message", object: flash %> |
| 14 | |
| 15 | </div> |
| 16 | <div class="col-md-2"> |
| 17 | <%= render "my/partial_menu" %> |
| 18 | </div> |
| 19 | <div class="col-md-10"> |
| 20 | |
| 21 | <div class="row"> |
| 22 | <!-- BEGIN content --> |
| 23 | <div class="col-md-12"> |
| 24 | <div class="lead page-info"> |
| 25 | <b><i>SplitFire</i></b> is your AI personal assistant that can generate <b><i>stem files</i></b> from a song. You might not want to use it directly. Instead, you can use the bass backing track generator, karaoke file generator, or drum backing track generator that are based on SplitFire. |
| 26 | </div> |
| 27 | <div class="splitfire-settings"> |
| 28 | <h3>Settings</h3> |
| 29 | <%= form_with model: @splitfire_settings, url: {action: "splitfire_settings"} do |f| %> |
| 30 | <table style="width: 100%"> |
| 31 | <tr style="vertical-align: top"> |
| 32 | <td style="padding: 10px 10px 10px 0;"> |
| 33 | <b>Model</b> |
| 34 | </br> |
| 35 | <i>2 stems (vocals / accompaniment)</i></br> |
| 36 | <i>4 stems (vocals / bass / drums / other )</i></br> |
| 37 | <i>5 stems (vocals / bass / drums / piano / other)</i> |
| 38 | </td> |
| 39 | <td style="padding: 10px 10px 10px 0;"> |
| 40 | <%= f.select :model, UserSetting.models.map { |key, value| [key.humanize, key] } %> |
| 41 | </td> |
| 42 | </tr> |
| 43 | <tr style="vertical-align: top"> |
| 44 | <td style="padding: 10px 10px 10px 0;"> |
| 45 | <b>Frequency</b> |
| 46 | </br> |
| 47 | <i>High frequency setting will persist original frequency.</i></br> |
| 48 | </td> |
| 49 | <td style="padding: 10px 10px 10px 0;"> |
| 50 | <%= f.select :frequency, UserSetting.frequencies.map { |key, value| [key.humanize, key] } %> |
| 51 | </td> |
| 52 | </tr> |
| 53 | <tr style="vertical-align: top"> |
| 54 | <td style="padding: 10px 10px 10px 0;"> |
| 55 | </td> |
| 56 | <td style="padding: 10px 10px 10px 0;"> |
| 57 | <%= f.submit "Update settings", class: "bb-button bb-green bb-large" %> |
| 58 | </td> |
| 59 | </tr> |
| 60 | </table> |
| 61 | <% end %> |
| 62 | </div> |
| 63 | <h2>Files</h2> |
| 64 | <% if @audio_files.count == 0 %> |
| 65 | You don't have any files to split. |
| 66 | <% else %> |
| 67 | <table style="width: 100%"> |
| 68 | <% @audio_files.each_with_index do |audio_file, index| %> |
| 69 | <%= render "my/partial_splitfire_row", audio_file: audio_file %> |
| 70 | <% end %> |
| 71 | </table> |
| 72 | <% end %> |
| 73 | <div class="modul" style="margin-top: 20px; padding-right: 6px;"> |
| 74 | <%= render "shared/partial_splitfire_version" %> |
| 75 | </div> |
| 76 | </div> |
| 77 | </div> |
| 78 | |
| 79 | </div> |
| 80 | <!-- END content --> |
| 81 | </div> |
| 82 | |
| 83 | <div class="row" style="margin-top: 20px;"> |
| 84 | <div class="col-md-12"> |
| 85 | |
| 86 | <ol class="breadcrumb"> |
| 87 | <li><%= link_to t("breadcrumb_home"), root_path %></li> |
| 88 | </ol> |
| 89 | |
| 90 | </div> |
| 91 | </div> |
| 92 |