forked from bbloomf/jgabc
-
Notifications
You must be signed in to change notification settings - Fork 0
/
psalmtone.html
181 lines (181 loc) · 10.3 KB
/
psalmtone.html
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
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=320, initial-scale=1">
<title>Psalm Tone Tool</title>
<link rel="icon" href="icon/clear-main.png" type="image/png" />
<link rel="chrome-webstore-item" href="https://chrome.google.com/webstore/detail/mkhgaijffgijgkolifpoaijimncdakkd" />
<link rel="stylesheet" type="text/css" href="style.css" />
<link rel="stylesheet" type="text/css" href="css/smoothness/jquery-ui-1.10.3.custom.min.css" />
<script src="jquery.min.js" type="text/javascript"></script>
<script src="jquery-ui-1.10.3.custom.min.js" type="text/javascript"></script>
<script src="jgabc.js" type="text/javascript"></script>
<script src="psalmtone.js" type="text/javascript"></script>
<script src="jszip.js" async type="text/javascript"></script>
<script src="sink.js"></script>
<script src="audiolet.js"></script>
<script src="psalmtone.html.js"></script>
<!-- <script src="jszip-deflate.js" async type="text/javascript"></script>-->
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-24502736-2']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>
</head>
<body class='sans'>
<style>
table.bordered {
width:100%;
}
table {
border-collapse:collapse;
}
td{
padding-left:4px;
padding-right:4px;
}
tr.bordered>td {
vertical-align:top;
border-width:1px;
border-style:solid;
}
#chant-parent2.noeditor{
height: 100%!important;
width: 100%!important;
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: white;
}
#chant-parent2{
width:10.3in;
max-width:100%;
margin:auto;
height:100%;
}
#chant-parent{
border:1px solid #aaa;
overflow-y:auto;
height:100%;
}
#chant-pad{
padding:0 0.1in;
}
#chant-preview,#verses{
margin:0.1in auto auto;
}
#verses{
width:100%;
font-family:'OFL Sorts Mill Goudy TT';
font-size:18px
}
textarea{
padding:0px;
}
.tap{
padding-right:2px;
}
</style>
<form id="pdfForm" target="_blank" method="get" action="http://apps.illuminarepublications.com/gregorio/">
<!--<input type='hidden' name='pdf' value='1'/>-->
<input type='hidden' name='crop' value='0'/>
</form>
<form id="pdfFormDirect" target="_blank" method="post" action="http://apps.illuminarepublications.com/gregorio/process.php">
<input type="hidden" id="pdff_gabc" name="gabc[]"/>
<input type="hidden" id="pdff_width" name="width" value="7.5"/>
<input type="hidden" id="pdff_height" name="height" value="11"/>
<input type="hidden" id="pdff_croppdf" name="croppdf" value="false"/>
<input type="hidden" id="pdff_spacing" value="vichi" name="spacing"/>
<input type="hidden" id="pdff_font" value="GaramondPremierPro" name="font"/>
<input type="hidden" id="pdff_fontsize" value="12" name="fontsize"/>
<input type="hidden" id="pdff_fmt" name="fmt" value="pdf"/>
</form>
<div class="print-hide">
<div style="width:100%;margin-bottom:5px">
<a href="transcriber.html">GABC Transcription Tool</a>
<b>Psalm Tone Tool</b>
<a href="readings.html">Readings Tool</a>
<a href="propers.html">Propers Tool</a>
<a href="faq.html">(About)</a>
<div style="float:right">
<a href='#' id='lnkPdfDirect'>(PDF)</a>
<a href='#' id='lnkPdf'>(Further PDF options)</a>
</div>
</div>
<table class="bordered"><tr class="bordered"><td><label for="selTones">Tone: </label><select id="selTones"></select><select id="selEnd"></select><input type="checkbox" id="cbSolemn" name="solemn"/><label for="cbSolemn">Solemn Tone</label>
<input type="button" id="btnDelTone" value="Delete Current Tone"/><input type="button" id="btnNewTone" value="Create New Tone"/><br/>
<label for="txtClef">Clef: </label><input type="text" id="txtClef" style="width:15pt"/><br/>
<label for="versegabc" title="Text of the psalm">Psalm GABC</label><br/><div class="tap"><textarea id="versegabc" spellcheck="false" style="height: 24pt; width: 100%;">g hj jr 'k jr jr 'ih j. j jr h 'j jr ih..</textarea></div>
Mediant of <span id="sMedAccent"></span> accent<span id="sMedAccentS">s</span><span id="sMedPrepOuter"> with <span id="sMedPrep"></span> preperatory syllable<span id="sMedPrepS">s</span></span>
<br/>Termination of <span id="sTermAccent"></span> accent<span id="sTermAccentS">s</span><span id="sTermPrepOuter"> with <span id="sTermPrep"></span> preperatory syllable<span id="sTermPrepS">s</span></span>
</td><td><label for="selPsalm">Psalm </label><select id="selPsalm"></select> <input type="checkbox" id="cbUseNovaVulgata"/><label for="cbUseNovaVulgata">Use Nova Vulgata psalms</label> <input type="checkbox" id="cbIncludeGloriaPatri"/><label for="cbIncludeGloriaPatri">Include Glória Pátri</label><br/><div class="tap"><textarea id="versetext" lang="latin" style="height: 96pt; width: 100%;"></textarea></div>
</td></tr>
<tr class="bordered">
<td>
<label for="selFormat" title="Select a 'gabc' format to format all verses using gabc. New formats can be created with the 'Create New Format' button, and all formats can be edited using the panel to the right.">Format verses as: </label><select id="selFormat"></select><input type="button" id="btnDelFormat" value="Delete Current Format"/><input type="button" id="btnNewFormat" value="Create New Format"/><br/>
<input type="checkbox" id="cbInitStyle"/><label for="cbInitStyle" title="Use large drop cap for first verse, and ommit verse prefix on first verse.">Use large initial</label><br/>
<input type="checkbox" id="cbOnlyVowels"/><label for="cbOnlyVowels" title="Only apply the formatting to the vowel rather than to the entire syllable, and only to first of any preparatory syllables rather than to all preparatory syllables.">Only format vowels</label><br/>
<input type="checkbox" id="cbUsePunctaCava"/><label for="cbUsePunctaCava" title="Use a punctum cavum wherever a variable number of notes will be present depending on the specific verse.">Use puncta cava</label><br/>
<input type="checkbox" id="cbRepeatIntonation"/><label for="cbRepeatIntonation" title="Repeat the intonation in each verse rather than just in the first verse (only affects the gabc output)">Repeat intonation</label><br/>
<label for="txtGabcStar" title="Text to use at the mediant if not a simple asterisk (*)">Asterisk Text:</label> <input type="text" id="txtGabcStar"/>
</td>
<td style="border-left-style:solid;">
<table class="">
<tr>
<td><label for="txtBeginPrep" title="This text will be added just before each preparatory syllable.">Begin Preparatory Syllable:</label></td>
<td><input type="text" id="txtBeginPrep"/></td>
<td style="padding-left:12pt;"><label for="txtEndPrep" title="This text will be added just after each preparatory syllable.">End Preparatory Syllable:</label></td>
<td><input type="text" id="txtEndPrep"/></td>
</tr>
<tr>
<td><label for="txtBeginAccented" title="This text will be added just before each accented syllable that figures in the mediant/termination.">Begin Accented Syllable:</label></td>
<td><input type="text" id="txtBeginAccented"/></td>
<td style="padding-left:12pt;"><label for="txtEndAccented" title="This text will be added just after each accented syllable that figures in the mediant/termination.">End Accented Syllable:</label></td>
<td><input type="text" id="txtEndAccented"/></td>
</tr>
<tr>
<td><label for="txtPrefix" title="Inserted before every verse. $c will be replaced by the verse number. If commas are present, it will cycle through each prefix in the comma separated list, e.g., '1,2,3' -> '1,2,3,1,2,etc.'">Verse Prefix:</label></td>
<td><input type="text" id="txtPrefix"/></td>
<td style="padding-left:12pt;"><label for="txtSuffix" title="Inserted after every verse. $c will be replaced by the verse number.">Verse Suffix:</label></td>
<td><input type="text" id="txtSuffix"/></td>
</tr>
<tr>
<td><label for="txtNbsp" title="Used before : * and † so that lines won't be broken up with one of these characters starting the line.">Non-breaking space:</label></td>
<td><input type="text" id="txtNbsp"/></td>
<td style="padding-left:12pt;"><label for="txtVersesName" title="Name of the verses file in Chrome when dragging the link to a file explorer window. $psalm will be replaced with the psalm number (or Magnificat, etc.) and $tone will be replaced with the tone (e.g., 8gstar).">Verses Filename:</label></td>
<td><input type="text" id="txtVersesFilename"/></td>
</tr>
<tr>
<td><label for="txtAnnotation" title="This text will be added to the annotation field to show info such as the mode.">Annotation:</label></td>
<td><input type="text" id="txtAnnotation"/></td>
<td style="padding-left:12pt;" title="This text will be added to the user-notes field to show info such as the Psalm number."><label for="txtUserNotes">User Notes:</label></td>
<td><input type="text" id="txtUserNotes"/></td>
</tr>
</table>
</td>
</tr>
</table>
<div class="tap"><label for="editor" title="You can put GABC headers in this text box if you want them included in the GABC file download link below. Any headers you type in will persist in local storage between sessions.">GABC</label><br/><textarea id="editor" spellcheck="false" style="height: 64px; width: 100%;"></textarea></div>
<div style='margin:0.5em;'>
<a href="#" id="lnkDownloadGabc" draggable target="_blank">Download GABC</a> <a href="#" id="lnkDownloadVerses" draggable target="_blank">Download Verses</a>
<a href="#" id="lnkDownloadAll" draggable>Download ZIP of all psalms in each tone</a><span id="spnProgressZip"></span> <a href="#" id="lnkCancelZip" style="display:none">Cancel</a><a href="#noeditor" id="lnkHideEditor">Hide Editor</a>
</div>
</div>
<div id="chant-parent2">
<div id="chant-parent">
<div id="chant-pad">
<div id="chant-preview"></div>
<div id="verses"></div>
</div>
</div>
</div>
</body>
</html>