diff options
| author | Harald Eilertsen <haraldei@anduin.net> | 2018-09-21 13:31:37 +0200 |
|---|---|---|
| committer | Harald Eilertsen <haraldei@anduin.net> | 2018-09-21 13:31:37 +0200 |
| commit | 05b76ba874fa36724c9778c581b83f68a6f6fe1b (patch) | |
| tree | 4ea656dab05c77c4dfb4e998eba841879a2b1d13 /views | |
| parent | 1f412e21e5bfd09ac9717a1fb09b329ba54c2fc2 (diff) | |
| download | norsk-urskog-registrations-05b76ba874fa36724c9778c581b83f68a6f6fe1b.tar.gz norsk-urskog-registrations-05b76ba874fa36724c9778c581b83f68a6f6fe1b.tar.bz2 norsk-urskog-registrations-05b76ba874fa36724c9778c581b83f68a6f6fe1b.zip | |
Make filling out song info more ergonomic.
+ Use javascript to hide song details fields by default.
+ Add button to show song details fields when clicked.
Diffstat (limited to 'views')
| -rw-r--r-- | views/index.erb | 17 | ||||
| -rw-r--r-- | views/song.erb | 9 |
2 files changed, 19 insertions, 7 deletions
diff --git a/views/index.erb b/views/index.erb index bbd5bb5..7d069a1 100644 --- a/views/index.erb +++ b/views/index.erb @@ -91,17 +91,24 @@ <div id="form-songs" class="fieldgroup"> <h3>Låter</h3> + <p>Dere kan registrere intill tre låter. Dersom dere vil registrere færre enn + tre låter, så er det bare å ikke fylle ut de resterene skjemaene. Klikk på + knappene nedenfor for å legge til informasjon om låtene dere vil ha med.</p> + <% @band.songs.each_index do |i| %> <%= erb :song, layout: false, locals: { song_number: i + 1, song: @band.songs[i] } %> <% end %> </div> - <p>Ved å sende inn skjema, vil dere bli registrert for deltagelse på Norsk Urskog Metal Sampler 2019. - Vi vil sende utfylt skjema og kontrakt som må underskrives og sendes tilbake før vi kan ta med låten(e) - på selve CDen.</p> + <div class="fieldgroup"> + <h3>Innsending</h3> + + <p>Ved å sende inn skjemaet, vil dere bli registrert for deltagelse på Norsk Urskog + Metal Sampler 2019. Vi vil sende utfylt skjema og kontrakt som må underskrives og + sendes tilbake før vi kan ta med låten(e) på selve CDen.</p> + </div> <div id="form-action" class="action"> - <input type="submit" value="Send skjema"> - <input type="button" value="Nullstill skjema"> + <button type="submit">Send skjema</button> </div> </form> diff --git a/views/song.erb b/views/song.erb index 56848d8..55cf921 100644 --- a/views/song.erb +++ b/views/song.erb @@ -1,6 +1,11 @@ <div class="song-info" id="song-<%= song_number %>-info"> - <label>Låt nr. <%= song_number %></label> - <div class="song-details"> + <label> + Låt nr. <%= song_number %> + <button type="button" class="add-song-button" data-song-number="<%= song_number %>"> + Legg til... + </button> + </label> + <div class="song-details" id="song-<%= song_number %>-details"> <div class="field text required"> <label for="band-song-<%= song_number %>-title">Låttittel:</label> <input type="text" id="band-song-<%= song_number %>-title" |