1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
|
@extends('layouts.app')
@section('title', $song['title'])
@section('content')
<link type='text/css' rel='stylesheet' href='/css/song.css'/>
<div class='controlArea'>
@if( isset( $back ) )
<a class='back' href='{{route('song.show', ['song' => $back, 'playlist' => $playlist ?? ''])}}'>
{{$back->name}}
</a>
@endif
@if( $playlist ?? FALSE)
<a class='home' href='{{route('playlist.show',['playlist' => $playlist->name])}}'>
Back to {{$playlist->name}}
</a>
@else
<a class='home' href='{{route('song.list')}}'>
Go home
</a>
@endif
@if( isset( $next ) )
<a class='next' href='{{route('song.show', ['song' => $next, 'playlist' => $playlist ?? ''])}}'>
{{$next->name}}
</a>
@endif
</div>
<h2>{{$song['title']}}</h2>
<h3>{{$song->author}}</h3>
@if($song->key)
Key: {{$song->key}}<br/>
@endif
@if($song->verse)
Scripture: {{$song->verse}}<br/>
@endif
@can('update', $song )
<a href='{{ route( 'song.edit', ['song' => $song, 'playlist' => $playlist ?? ''] ) }}'>edit this song</a>
@endcan
<form>
<select name="transp" id="transp"
value = "<?php echo $transp;?>"
>
<?php
for ($i=-6; $i < 12; $i++) {
if (($transp + 24)%12 == $i) $selected = 'selected';
else $selected = '';
$dir = "transpose";
echo "<option value='$i' $selected>$dir $i semitones</option>";
}
?>
</select>
<noscript>
<button>Transpose</button>
</noscript>
</form>
<pre>{!! $song['escapedText'] !!}</pre>
<div id="chordarea">
<canvas id='guitarregion' width="100" height="100" onclick="cycle(guitarObj);"></canvas>
<canvas id='ukuleleregion' width="100" height="100" onclick="cycle(ukeObj);"></canvas>
</div>
@foreach ($suggestions as $sug)
<div class='controlArea'>
<a class='but' href='{{route('song.suggested', ['song' => $sug, 'from' => $song])}}'>{{$sug->name}}</a>
</div>
@endforeach
<script src='/js/chordsdata/chords.js'></script>
<script src='/js/chordsdata/ukulelechords.js'></script>
<script src='/js/page.js'></script>
<!--<script src='/js/app.js'></script>-->
<script src='/js/jsonly.js'></script>
<script src='/js/ccharter/ccharter.js'></script>
<!--<script src="https://api.reftagger.com/v2/RefTagger.js"></script>
<script>
var refTagger = {
settings: {
bibleVersion: "NET",
socialSharing:[],
noSearchClassNames:["tabs"],
}
};
(function(d, t) {
var g = d.createElement(t), s = d.getElementsByTagName(t)[0];
g.src = "//api.reftagger.com/v2/RefTagger.js";
s.parentNode.insertBefore(g, s);
}(document, "script"));
</script>-->
@endsection
|