Item Details page: chords only display with keyboard/swipe navigation to next/previous item

[matthiku]

This would be mainly used by the musicians during the service to replace any other means (printouts, music sheets etc.)

Chords should be displayed properly above the lyrics.

[matthiku]

An extended version of this would be to implement a Key Change - to allow musicians to change the keys for the display!

[matthiku]

Mainly resolved - remaining issues are:

• allow keyboard and touch navigation; e.g. swipe left and right to go to the next/previous item
• show title of previous and next item in the navbar(s)

[matthiku]

Additionally, we could re-write the chords (which are currently shown in a <pre> tag on the front-end and give the lyrics a different colour from the chords.

Basically, we would use a JavaScript function to read in the whole chords content, and re-write each line in a separate <pre> tag, using a red font for the actual chords.

TODO: figure out how to

• best distinguish chords from the lyrics
• split the text into lines

[matthiku]

All done and dusted.