EDUCATIC
/
h5p-question-set
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Intro page for QuestionSet

d3summaryChart
Frank Ronny Larsen 2013-01-16 13:42:51 +01:00
parent 6c555191ac
commit 265d56afcf
3 changed files with 37 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
js/questionset.js
View File

@ -38,8 +38,24 @@ H5P.QuestionSet = function (options) {
'.progress-dot.current {' + '.progress-dot.current {' +
' box-shadow: 0px 0px 6px firebrick;' + ' box-shadow: 0px 0px 6px firebrick;' +
'}' + '}' +
'.intro-page {' +
' background: white;' +
' position: absolute;' +
' z-index: 20;' +
' height: 100%;' +
' width: 100%;' +
' left: 0px;' +
' top: 0px;' +
'}' +
'</style>' + '</style>' +
'<div class="questionset">' + '<div class="questionset">' +
' <% if (introPage.showIntroPage) { %>' +
' <div class="intro-page">' +
' <div class="title"><%= introPage.title %></div>' +
' <div class="introduction"><%= introPage.introduction %></div>' +
' <div class="buttons"><button id="qs-startbutton"><%= introPage.startButtonText %></button></div>' +
' </div>' +
' <%} %>' +
' <div class="title"><%= title %></div>' + ' <div class="title"><%= title %></div>' +
' <% for (var i=0; i<questions.length; i++) { %>' + ' <% for (var i=0; i<questions.length; i++) { %>' +
' <div class="question-container" id="q-<%= i %>">' + ' <div class="question-container" id="q-<%= i %>">' +
@ -200,6 +216,10 @@ H5P.QuestionSet = function (options) {
} }
} }
$('#qs-startbutton').click(function (ev) {
$(this).parents('.intro-page').hide();
});
// Set event listeners. // Set event listeners.
$('.progress-dot', $myDom).click(function (ev) { $('.progress-dot', $myDom).click(function (ev) {
var idx = parseInt($(this).attr('id').split('-')[1]); var idx = parseInt($(this).attr('id').split('-')[1]);

2
views/questionset-intro.ejs
View File

@ -1,5 +1,5 @@
<div class="questionset-intro"> <div class="questionset-intro">
<div class="title"><%= title %></div> <div class="title"><%= title %></div>
<div class="introduction"><%= introduction %></div> <div class="introduction"><%= introduction %></div>
<div class="buttons"><button id='qs-startbutton'><%= startButtonText %></button></div> <div class="buttons"><button id="qs-startbutton"><%= startButtonText %></button></div>
</div> </div>

16
views/questionset.ejs
View File

@ -17,8 +17,24 @@
.progress-dot.current { .progress-dot.current {
box-shadow: 0px 0px 6px firebrick; box-shadow: 0px 0px 6px firebrick;
} }
.intro-page {
background: white;
position: absolute;
z-index: 20;
height: 100%;
width: 100%;
left: 0px;
top: 0px;
}
</style> </style>
<div class="questionset"> <div class="questionset">
<% if (introPage.showIntroPage) { %>
<div class="intro-page">
<div class="title"><%= introPage.title %></div>
<div class="introduction"><%= introPage.introduction %></div>
<div class="buttons"><button id="qs-startbutton"><%= introPage.startButtonText %></button></div>
</div>
<%} %>
<div class="title"><%= title %></div> <div class="title"><%= title %></div>
<% for (var i=0; i<questions.length; i++) { %> <% for (var i=0; i<questions.length; i++) { %>
<div class="question-container" id="q-<%= i %>"> <div class="question-container" id="q-<%= i %>">