Removed resizing buttons and reuse the stage.css

This commit is contained in:
Tomas Groth 2016-06-02 15:54:44 +02:00
parent 5f36fcbf39
commit e51ffd9759
3 changed files with 13 additions and 66 deletions

View File

@ -23,6 +23,7 @@
<head> <head>
<meta charset="utf-8" /> <meta charset="utf-8" />
<title>${chords_title}</title> <title>${chords_title}</title>
<link rel="stylesheet" href="/css/stage.css" />
<link rel="stylesheet" href="/css/chords.css" /> <link rel="stylesheet" href="/css/chords.css" />
<link rel="shortcut icon" type="image/x-icon" href="/images/favicon.ico"> <link rel="shortcut icon" type="image/x-icon" href="/images/favicon.ico">
<script type="text/javascript" src="/assets/jquery.min.js"></script> <script type="text/javascript" src="/assets/jquery.min.js"></script>
@ -32,9 +33,6 @@
<input type="hidden" id="next-text" value="${next}" /> <input type="hidden" id="next-text" value="${next}" />
<div id="right"> <div id="right">
<div id="clock"></div> <div id="clock"></div>
<div id="chords">chords on/off</div>
<div id="plus" class="button">+</div>
<div id="minus" class="button">-</div>
<div id="notes"></div> <div id="notes"></div>
</div> </div>
<div id="header"> <div id="header">

View File

@ -16,48 +16,9 @@
* with this program; if not, write to the Free Software Foundation, Inc., 59 * * with this program; if not, write to the Free Software Foundation, Inc., 59 *
* Temple Place, Suite 330, Boston, MA 02111-1307 USA * * Temple Place, Suite 330, Boston, MA 02111-1307 USA *
******************************************************************************/ ******************************************************************************/
body {
background-color: black;
font-family: 'Arial Narrow', 'Avenir Next Condensed', sans-serif-condensed, Arial, sans-serif;
font-size: 4.4vw;
overflow: hidden;
}
#currentslide {
font-size: 100%;
color: lightgray;
padding-bottom: 0px;
}
#nextslide {
font-size: 100%;
color: gray;
padding-top: 0px;
padding-bottom: 0px;
}
#right {
float: right;
}
#clock {
font-size: 75%;
color: yellow;
text-align: right;
}
#notes {
font-size: 90%;
color: salmon;
text-align: right;
}
#controls {
display: none;
}
#chords { #chords {
font-size: 50%; font-size: 20pt;
color: gray; color: gray;
background-color: gray; background-color: gray;
color: white; color: white;
@ -65,14 +26,15 @@ body {
} }
#header { #header {
height: 1.4em; padding-bottom: 1em;
} }
#transpose, #transpose,
#transposevalue, #transposevalue,
#capodisplay { #capodisplay {
display: inline-block; display: inline-block;
font-size: 75%; font-size: 30pt;
color: gray; color: gray;
vertical-align: middle; vertical-align: middle;
} }
@ -86,25 +48,18 @@ body {
vertical-align: middle; vertical-align: middle;
color: white; color: white;
background-color: gray; background-color: gray;
font-size: 75%; font-size: 30pt;
text-align: center; text-align: center;
cursor: pointer; cursor: pointer;
} }
/* Extending exiting definition in stage.css */
#verseorder { #verseorder {
font-size: 75%;
color: green;
text-align: left;
line-height: 1.5; line-height: 1.5;
display: inline-block; display: inline-block;
vertical-align: middle; vertical-align: middle;
} }
.currenttag {
color: lightgreen;
font-weight: bold;
}
.chordline { .chordline {
line-height: 2.0; line-height: 2.0;
} }
@ -121,10 +76,10 @@ body {
position: absolute; position: absolute;
top: -1em; top: -1em;
left: 0; left: 0;
font: 500 75% 'Arial Narrow', 'Avenir Next Condensed', sans-serif-condensed, Arial, sans-serif; font: 30pt sans-serif;
color: yellow; color: yellow;
} }
.nextslide .chordline span.chord span strong { #nextslide .chordline span.chord span strong {
color: gray; color: gray;
} }

View File

@ -21,6 +21,7 @@ var lastChord;
var notesSharpNotation = {} var notesSharpNotation = {}
var notesFlatNotation = {} var notesFlatNotation = {}
// See https://en.wikipedia.org/wiki/Musical_note#12-tone_chromatic_scale
notesSharpNotation['german'] = ['C','C#','D','D#','E','F','F#','G','G#','A','A#','H']; notesSharpNotation['german'] = ['C','C#','D','D#','E','F','F#','G','G#','A','A#','H'];
notesFlatNotation['german'] = ['C','Db','D','Eb','Fb','F','Gb','G','Ab','A','B','H']; notesFlatNotation['german'] = ['C','Db','D','Eb','Fb','F','Gb','G','Ab','A','B','H'];
notesSharpNotation['english'] = ['C','C#','D','D#','E','F','F#','G','G#','A','A#','B']; notesSharpNotation['english'] = ['C','C#','D','D#','E','F','F#','G','G#','A','A#','B'];
@ -99,7 +100,6 @@ window.OpenLP = {
idx = parseInt(idx, 10); idx = parseInt(idx, 10);
if (data.results.items[idx]["selected"]) { if (data.results.items[idx]["selected"]) {
$("#notes").html(data.results.items[idx]["notes"].replace(/\n/g, "<br />")); $("#notes").html(data.results.items[idx]["notes"].replace(/\n/g, "<br />"));
$("#songtitle").html(data.results.items[idx]["title"].replace(/\n/g, "<br />"));
if (data.results.items.length > idx + 1) { if (data.results.items.length > idx + 1) {
OpenLP.nextSong = data.results.items[idx + 1]["title"]; OpenLP.nextSong = data.results.items[idx + 1]["title"];
} }
@ -171,7 +171,6 @@ window.OpenLP = {
chordclassshow='class="chord" style="display:inline"', chordclassshow='class="chord" style="display:inline"',
regchord=/<span class="chord" style="display:inline">([\(\w#b♭\+\*\d/\)-]+)<\/span>([\u0080-\uFFFF,\w]*)([\u0080-\uFFFF,\w,\s,\.,\,,\!,\?,\;,\:,\|,\",\',\-,\_]*)(<br>)?/g, regchord=/<span class="chord" style="display:inline">([\(\w#b♭\+\*\d/\)-]+)<\/span>([\u0080-\uFFFF,\w]*)([\u0080-\uFFFF,\w,\s,\.,\,,\!,\?,\;,\:,\|,\",\',\-,\_]*)(<br>)?/g,
replaceChords=function(mstr,$1,$2,$3,$4) { replaceChords=function(mstr,$1,$2,$3,$4) {
// regchord=/<span class="chord" style="display:inline">[\[{]([\(\w#b♭\+\*\d/\)-]+)[\]}]<\/span>([\u0080-\uFFFF,\w]*)([\u0080-\uFFFF,\w,\s,\.,\,,\!,\?,\;,\:,\|,\",\',\-,\_]*)(<br>)?/g,
var v='', w=''; var v='', w='';
var $1len = 0, $2len = 0, slimchars='fiíIÍjlĺľrtť.,;/ ()|"\'!:\\'; var $1len = 0, $2len = 0, slimchars='fiíIÍjlĺľrtť.,;/ ()|"\'!:\\';
$1 = transposeChord($1, transposeValue, OpenLP.chordNotation); $1 = transposeChord($1, transposeValue, OpenLP.chordNotation);
@ -240,8 +239,9 @@ window.OpenLP = {
else else
text = text + "<br />"; text = text + "<br />";
} }
text = text.replace(/\n/g, "<br />"); text = text.replace(/\n/g, "<br />");
$("#nextslide").html(text); $("#nextslide").html(text);
$("#nextslide").class("nextslide");
} }
else { else {
text = "<p class=\"nextslide\">" + $("#next-text").val() + ": " + OpenLP.nextSong + "</p>"; text = "<p class=\"nextslide\">" + $("#next-text").val() + ": " + OpenLP.nextSong + "</p>";
@ -288,8 +288,6 @@ $(document).ready(function() {
$('#transposeup').click(function(e) { $('#transposeup').click(function(e) {
$('#transposevalue').text(parseInt($('#transposevalue').text()) + 1); $('#transposevalue').text(parseInt($('#transposevalue').text()) + 1);
storeTransposeValue(OpenLP.currentSlides[0].text.split("\n")[0], $('#transposevalue').text()); storeTransposeValue(OpenLP.currentSlides[0].text.split("\n")[0], $('#transposevalue').text());
//alert(getTransposeValue(OpenLP.currentSlides[0].text.split("\n")[0]));
//$('body').get(0).style.'font-size' = (parseFloat($('body').css('font-size')) + 0.1) + 'vw');
OpenLP.loadSlides(); OpenLP.loadSlides();
}); });
$('#transposedown').click(function(e) { $('#transposedown').click(function(e) {
@ -297,8 +295,4 @@ $(document).ready(function() {
storeTransposeValue(OpenLP.currentSlides[0].text.split("\n")[0], $('#transposevalue').text()); storeTransposeValue(OpenLP.currentSlides[0].text.split("\n")[0], $('#transposevalue').text());
OpenLP.loadSlides(); OpenLP.loadSlides();
}); });
$("#chords").click(function(){ OpenLP.showchords=OpenLP.showchords?false:true; OpenLP.updateSlide(); });
$('#plus').click(function() { var fs=$('#currentslide').css('font-size').match(/\d+/); $('#currentslide').css("font-size",+fs+10+"px");$('#nextslide').css("font-size",+fs+10+"px"); } );
$("#minus").click(function() {var fs=$('#currentslide').css('font-size').match(/\d+/); $('#currentslide').css("font-size",+fs-10+"px");$('#nextslide').css("font-size",+fs-10+"px"); } );
$('body').hover(function(){ $('#controls').fadeIn(500);},function(){ $('#controls').fadeOut(500);});
}); });