').text(s).html()
+
+ renderVerses = (song) ->
+ para = []
+ html = ''
+ flush = ->
+ if para.length
+ html += "
#{para.join('
')}
"
+ para = []
+ for line in song.split(/\n/)
+ m = line.match /^\s*W:(.*)$/
+ continue unless m
+ text = m[1].replace(/^\s/, '').replace(/\s+$/, '')
+ if text is '' then flush() else para.push esc(text)
+ flush()
+ $('#verses').html html
+
setSong = (song) ->
+ currentSong = song
s = song
.split /\n/
.filter (line) ->
@@ -104,20 +421,24 @@ append body
lyrics = m[1]
if lyrics.match /^[\s\d\?]+$/
# all digits are trumpet fingering, keep those
- return $('#show-trumpt').is(':checked')
+ return $('#show-trumpet').is(':checked')
else
return $('#show-lyrics').is(':checked')
else
return true
.join('\n')
- window.editor.editarea.setString s
+ directives = '%%vocalfont times 10\n'
+ directives += '%%notecolors 1\n' if $('#show-notecolors').is(':checked')
+ directives += '%%notelabels 1\n' if $('#show-notelabels').is(':checked')
+ window.editor.editarea.setString directives + s
+ renderVerses song
document.title = Object.entries(byTitle)
.find ([k,v]) -> v is song
?.at(0) or 'YEEAAARGH'
+ prevStep = 0
setTimeout ->
- k = displayKey()
- $('#fromKey').text(k)
- $('#toKey').text(k)
+ origPc = keyToPc displayKey()
+ buildKeyMenu()
, 500
updateUrl = (title) ->
@@ -125,41 +446,37 @@ append body
params.set 'title', title
window.history.replaceState {}, '', "#{window.location.pathname}?#{params}"
- addEditButton = ->
- $('#settings > button').remove()
- $('#settings').prepend """
-
"""
- $('#settings > button').on 'click', (e) ->
- $(e.target).remove()
- $('#abc').prop('disabled', false)
- .focus()
- .on 'blur', (e) ->
- $('#abc').prop 'disabled', true
- addEditButton()
-
window.onload = ->
- prevStep = 0
window.editor = new ABCJS.Editor 'abc',
canvas_id: 'paper',
warnings_id: 'warnings'
abcjsParams: abcjsParams
- $('.dropdown-menu a').click ->
- setSong byTitle[$(this).text()]
- updateUrl $(this).text()
+ $('#song-menu a.dropdown-item').click (e) ->
+ e.preventDefault()
+ title = $(this).text()
+ setSong byTitle[title]
+ $('#songLabel').text title
+ updateUrl title
- $('#transpose').on 'change', ->
- tv = +$('#transpose').val()
- $('#fromKey').text $('#toKey').text()
+ $('#key-menu').on 'click', '.dropdown-item', (e) ->
+ e.preventDefault()
+ tv = +$(this).attr('data-offset')
+ return if tv is prevStep
newTunes = ABCJS.strTranspose $('#abc').val(), window.editor.tunes, tv - prevStep
- window.editor.editarea.setString(newTunes)
+ window.editor.editarea.setString newTunes
prevStep = tv
- setTimeout ->
- $('#toKey').text displayKey()
- , 500
+ setTimeout updateKeyLabel, 500
+
+ $('#show-lyrics, #show-trumpet, #show-notecolors, #show-notelabels').on 'change', ->
+ setSong currentSong
- $('#show-lyrics, #show-trumpet').on 'change', ->
- setSong byTitle[document.title]
+ $('#show-staff').on 'change', ->
+ on_ = $(this).is(':checked')
+ $('body').toggleClass 'no-staff', not on_
+ $('#show-notecolors, #show-notelabels')
+ .prop('disabled', not on_)
+ .closest('label').toggleClass 'disabled', not on_
$('#show-gtab').on 'change', ->
window.editor.paramChanged {
@@ -167,21 +484,42 @@ append body
tablature: if $(this).is(':checked')
[{
instrument: "guitar",
- label: "Guitar (%T)",
+ label: "",
tuning: ["E,", "A,", "D", "G", "B", "e"],
}]
}
+ $('#advToggle').on 'click', ->
+ $('#advanced').toggleClass 'open'
+
+ applyTheme = (name) ->
+ name = if name is 'nautical' then 'nautical' else 'soft'
+ $('body').removeClass('theme-soft theme-nautical').addClass "theme-#{name}"
+ try
+ localStorage.setItem 'shanties-theme', name
+ $('#theme-menu .dropdown-item').each ->
+ $(this).toggleClass 'active', $(this).attr('data-theme') is name
+
+ saved = 'soft'
+ try
+ saved = localStorage.getItem('shanties-theme') or 'soft'
+ applyTheme saved
+
+ $('#theme-menu a.dropdown-item').click (e) ->
+ e.preventDefault()
+ applyTheme $(this).attr('data-theme')
+
params = new URLSearchParams(window.location.search)
file = params.get('file')
title = params.get('title')
if file and songs[file]
setSong songs[file]
+ $('#songLabel').text(document.title) unless document.title is 'YEEAAARGH'
else if title and byTitle[title]
setSong byTitle[title]
+ $('#songLabel').text title
else
- setSong "%%notelabels 1\nB c d e | ff | c'd' | EE E | =D^D"
+ setSong "B c d e | ff | c'd' | EE E | =D^D"
- if navigator.userAgent.match /i(Pad|Phone)/i
- $('#abc').prop 'disabled', true
- addEditButton()
+ if params.get('advanced') is 'true'
+ $('#advanced').addClass 'open'