michel/psalmenweb
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Initial commit

Browse Source
This commit is contained in:
Michel ten Voorde
2025-04-13 20:31:08 +02:00
commit a104e33376
264 changed files with 11050 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

176
Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/WEB-INF/views/bijbelindexchapter.jsp Normal file
View File

@@ -0,0 +1,176 @@
<%@ page session="false"%>
<!DOCTYPE html>
<html>
<head>
<title>Index (${vertaling.afkorting})</title>
<meta name="viewport"
content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=0" />
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.1.0-rc.1/jquery.mobile-1.1.0-rc.1.min.css" />
<link rel="stylesheet" href="resources/css/themes/Psalmenweb.min.css" />
<link rel="stylesheet" href="resources/css/psalmenweb.css" />
<style type="text/css">
a {
width: 20%;
}
.ui-btn {
height: 100px;
font-size: 60px;
line-height: 40px;
}
</style>
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script
src="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.js"></script></head>
<body>
<div data-role="page" id="myPage" data-theme="a">
<div data-role="content" data-theme="a">
<a id="boekhoofdstuk" style="width: 100%;" href="#" data-role="button" data-transition="fade" class="indexlabel" data-theme="a">${boek.boek} <span id="choice"></span></a>
<div data-role="controlgroup" data-type="horizontal" class="localnav indexknoppengroep">
<a id="k7" href="#" data-role="button" data-theme="a">7</a>
&nbsp;
<a id="k8" href="#" data-role="button" data-theme="a">8</a>
&nbsp;
<a id="k9" href="#" data-role="button" data-theme="a">9</a>
</div>
<div data-role="controlgroup" data-type="horizontal" class="localnav indexknoppengroep">
<a id="k4" href="#" data-role="button" data-theme="a">4</a>
&nbsp;
<a id="k5" href="#" data-role="button" data-theme="a">5</a>
&nbsp;
<a id="k6" href="#" data-role="button" data-theme="a">6</a>
</div>
<div data-role="controlgroup" data-type="horizontal" class="localnav indexknoppengroep">
<a id="k1" href="#" data-role="button" data-theme="a">1</a>
&nbsp;
<a id="k2" href="#" data-role="button" data-theme="a">2</a>
&nbsp;
<a id="k3" href="#" data-role="button" data-theme="a">3</a>
</div>
<div data-role="controlgroup" data-type="horizontal" class="localnav indexknoppengroep">
<a id="kd" href="#" data-role="button" data-theme="a">&#x25C0;</a>
&nbsp;
<a id="k0" href="#" data-role="button" data-theme="a">0</a>
&nbsp;
<a id="ke" href="#" data-role="button" data-theme="a">&#x2714;</a>
</div>
</div>
</div>
<script type="text/javascript">
$(function () {
$(".indexknoppengroep a").click(function() {
if ($("div.ui-loader.ui-overlay-shadow").length == 1) {
return;
}
var knop = this.id.substring(1);
switch(knop) {
case "0":
case "1":
case "2":
case "3":
case "4":
case "5":
case "6":
case "7":
case "8":
case "9":
addNumber(knop);
break;
case "d":
removeChar();
break;
case "e":
if (! $("#boekhoofdstuk").hasClass("invalid")) {
var choice = $("#choice").html();
if (choice == "") {
choice = "1";
$("#choice").html(choice);
}
window.location.href = "bijbel?t=${vertaling.id}&b=${boek.id}&h=" + choice;
}
}
});
});
function addNumber(knop) {
var choice = $("#choice").html();
var lengte = choice.length;
if (lengte == 3) {
choice = "";
}
if (lengte == 0 && knop == "0") {
return;
}
choice += knop;
$("#choice").html(choice);
checkCorrectChapter();
}
function removeChar() {
var choice = $("#choice").html();
var lengte = choice.length;
if (lengte > 0) {
choice = choice.substring(0, choice.length - 1);
$("#choice").html(choice);
}
checkCorrectChapter();
}
function checkCorrectChapter() {
var hoofdstuk = parseInt($("#choice").html());
if (hoofdstuk > ${boek.hoofdstukken}) {
$("#boekhoofdstuk").addClass("invalid");
} else {
$("#boekhoofdstuk").removeClass("invalid");
}
}
function toastVerseDoesNotExist() {
$("a#choice span span").addClass("invalid");
$("<div class='ui-loader ui-overlay-shadow ui-body-e ui-corner-all'><h1>Dit vers bestaat niet.</h1></div>")
.css({
display: "block",
// opacity: 0.90,
position: "fixed",
padding: "7px",
"text-align": "center",
width: "350px",
left: ($(window).width() - 364) / 2,
top: $(window).height() / 2})
.appendTo($.mobile.pageContainer).delay(2000)
.fadeOut(400, function(){
$(this).remove();
var choice = $("a#choice span span").html();
choice = choice.substring(0, choice.indexOf("vers") + 5);
$("a#choice span span").html(choice);
$("a#choice span span").removeClass("invalid");
});
}
function checkPsalmVerseExists(psalm, vers) {
var result;
$.ajax({
url: 'psalmcheck',
async: false,
data: {p: psalm, v: vers}, //'p=' & psalm & '&v=' & vers,
success: function(data) {
result = data;
}
});
return result;
}
</script>
</body>
</html>