From 3cfbd5f586b27f889f9fc86cd27a5b5ce0222a47 Mon Sep 17 00:00:00 2001
From: Frank Ronny Larsen <frank.larsen@amendor.no>
Date: Fri, 25 Jan 2013 10:22:47 +0100
Subject: [PATCH] Changes to default styles for QuestionSets

---
 css/img/Paper-clean.png       | Bin 0 -> 6679 bytes
 css/img/mark-fail.png         | Bin 0 -> 3520 bytes
 css/img/mark-pass.png         | Bin 0 -> 3220 bytes
 css/questionset.css           |  94 +++++++++++++++++++++++++++++++++-
 js/questionset.js             |  26 +++++-----
 library.json                  |   2 +-
 schema.json                   |  10 ++++
 views/questionset-intro.ejs   |   5 --
 views/questionset-results.ejs |   4 +-
 views/questionset.ejs         |  20 ++++----
 10 files changed, 129 insertions(+), 32 deletions(-)
 create mode 100644 css/img/Paper-clean.png
 create mode 100644 css/img/mark-fail.png
 create mode 100644 css/img/mark-pass.png
 delete mode 100644 views/questionset-intro.ejs

diff --git a/css/img/Paper-clean.png b/css/img/Paper-clean.png
new file mode 100644
index 0000000000000000000000000000000000000000..3552d55ff72f70171798cac886be0019f59e8ce9
GIT binary patch
literal 6679
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
E7n_mnApigX

literal 0
HcmV?d00001

diff --git a/css/img/mark-fail.png b/css/img/mark-fail.png
new file mode 100644
index 0000000000000000000000000000000000000000..cbd3936b1928c0ed73326d13e5253ed980926409
GIT binary patch
literal 3520
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

literal 0
HcmV?d00001

diff --git a/css/img/mark-pass.png b/css/img/mark-pass.png
new file mode 100644
index 0000000000000000000000000000000000000000..cceccd3eb81b94742b5128229ee04d0691ca0be0
GIT binary patch
literal 3220
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
GLSTZ1YaaRl

literal 0
HcmV?d00001

diff --git a/css/questionset.css b/css/questionset.css
index 26c5a3a..fe2003a 100644
--- a/css/questionset.css
+++ b/css/questionset.css
@@ -1,3 +1,21 @@
+.questionset {
+  width: 535px;
+  height: 400px;
+  padding: 50px;
+  background: transparent url(img/Paper-clean.png);
+  position: absolute;
+  top: 0;
+  left: 0;
+
+  -webkit-transition: top 2s, left 2s, -webkit-transform 2s;
+}
+
+.questionset.hidden {
+  -webkit-transform: rotate(-45deg);
+  top: 525px;
+  left: 100px;
+}
+
 .dots-container {
   text-align: center;
 }
@@ -17,16 +35,88 @@
   box-shadow: 0px 0px 6px firebrick;
 }
 .intro-page {
-  background-color: rgba(255,255,255,0.9);
+  /*background-color: rgba(255,255,255,0.9);*/
   padding: 10px;
   position: absolute;
   z-index: 20;
   height: 100%;
-  width: 100%;
+  /*width: 100%;*/
   left: 0px;
   top: 0px;
 }
+.intro-page .title {
+  font-size: 200%;
+  font-weight: bold;
+  text-align: center;
+  margin-bottom: 1em;
+}
+.intro-page .introduction {
+  font-size: 125%;
+  margin: 1em 10%;
+}
+.intro-page .buttons {
+  text-align: right;
+}
+
+#qs-startbutton {
+  position: absolute;
+  bottom: 25px;
+  right: -40px; /* TODO: this is probably not right */
+}
+
+.qs-footer {
+  position: absolute;
+  bottom: 50px;
+  height: 40px;
+  width: 535px;
+}
+.qs-progress {
+  line-height: 40px;
+  padding: 0;
+}
+.qs-footer .button {
+  width: 80px;
+  height: 40px;
+  border: 1px solid #bababa;
+  border-radius: 4px;
+  position: absolute;
+  top: 0;
+}
+.qs-footer .button.next {
+  right: 100px;
+}
+.qs-footer .button.finish {
+  right: 0px;
+}
+.qs-footer .button.prev {
+  left: 0px;
+}
+
 .questionset-results {
   background-color: rgba(255, 255, 255, 0.75);
   padding: 10px;
+  height: 480px;
+  text-align: center;
 }
+
+.questionset-results .resulttext {
+  font-size: 20px;
+  line-height: 25px;
+  margin: 40px 100px;
+  padding-left: 60px;
+  min-height: 60px;
+  background-repeat: no-repeat;
+  background-position: left center;
+}
+
+.questionset-results .resulttext.fail {
+  background-image: url(img/mark-fail.png);
+}
+
+.questionset-results .resulttext.success {
+  background-image: url(img/mark-pass.png);
+}
+
+.questionset-results .buttons {
+  text-align: right;
+}
\ No newline at end of file
diff --git a/js/questionset.js b/js/questionset.js
index ad1686b..98c57c2 100644
--- a/js/questionset.js
+++ b/js/questionset.js
@@ -20,22 +20,22 @@ H5P.QuestionSet = function (options, contentId) {
   var cp = H5P.getContentPath(contentId);
 
   var texttemplate = '' +
-'<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>' +
-'  <%} %>' +
+'<% 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="questionset hidden">' +
 '  <div class="title"><%= title %></div>' +
 '  <% for (var i=0; i<questions.length; i++) { %>' +
 '    <div class="question-container" id="q-<%= i %>">' +
 '      <div><%= questions[i].machineName %></div>' +
 '    </div>' +
 '  <% } %>' +
-'  <div class="question-footer">' +
-'    <div class="progress">' +
+'  <div class="qs-footer">' +
+'    <div class="qs-progress">' +
 '      <% if (progressType == "dots") { %>' +
 '        <div class="dots-container">' +
 '          <% for (var i=0; i<questions.length; i++) { %>' +
@@ -57,8 +57,8 @@ H5P.QuestionSet = function (options, contentId) {
 '<div class="questionset-results">' +
 '  <div class="greeting"><%= greeting %></div>' +
 '  <div class="score <%= scoreclass %>"><%= score %></div>' +
-'  <div class="resulttext"><%= resulttext %></div>' +
-'  <div><button class="qs-finishbutton"><%= finishButtonText %></button></div>' +
+'  <div class="resulttext <%= scoreclass %>"><%= resulttext %></div>' +
+'  <div class="buttons"><button class="qs-finishbutton"><%= finishButtonText %></button></div>' +
 '</div>' +
 '';
 
@@ -199,6 +199,7 @@ H5P.QuestionSet = function (options, contentId) {
 
     $('#qs-startbutton').click(function (ev) {
       $(this).parents('.intro-page').hide();
+      $('.questionset', $myDom).removeClass('hidden');
     });
 
     // Set event listeners.
@@ -222,6 +223,7 @@ H5P.QuestionSet = function (options, contentId) {
         score: scoreString,
         passed: success
       };
+
       // Display result page.
       if (params.endGame.showResultPage) {
         // Render result page into.
diff --git a/library.json b/library.json
index 5e5df50..a78963b 100644
--- a/library.json
+++ b/library.json
@@ -3,7 +3,7 @@
   "contentType": "question",
   "majorVersion": 1,
   "minorVersion": 0,
-  "patchVersion": 0,
+  "patchVersion": 2,
   "runnable": 1,
   "machineName": "H5P.QuestionSet",
   "author": "Amendor AS",
diff --git a/schema.json b/schema.json
index fb3dc03..56519ab 100644
--- a/schema.json
+++ b/schema.json
@@ -147,6 +147,16 @@
             "type": "boolean",
             "default": false
           },
+          "successVideo": {
+            "label": "Success video",
+            "description": "Video displayed on successful quiz",
+            "type": "video"
+          },
+          "failVideo": {
+            "label": "Fail video",
+            "description": "Video displayed on failed quiz",
+            "type": "video"
+          },
           "successResultAnimation": {
             "label": "Result animation for success",
             "description": "Add animation for successful completion of the quiz",
diff --git a/views/questionset-intro.ejs b/views/questionset-intro.ejs
deleted file mode 100644
index cc18bb6..0000000
--- a/views/questionset-intro.ejs
+++ /dev/null
@@ -1,5 +0,0 @@
-<div class="questionset-intro">
-  <div class="title"><%= title %></div>
-  <div class="introduction"><%= introduction %></div>
-  <div class="buttons"><button id="qs-startbutton"><%= startButtonText %></button></div>
-</div>
\ No newline at end of file
diff --git a/views/questionset-results.ejs b/views/questionset-results.ejs
index a107cb5..170b60a 100644
--- a/views/questionset-results.ejs
+++ b/views/questionset-results.ejs
@@ -1,6 +1,6 @@
 <div class="questionset-results">
   <div class="greeting"><%= greeting %></div>
   <div class="score <%= scoreclass %>"><%= score %></div>
-  <div class="resulttext"><%= resulttext %></div>
-  <div><button class="qs-finishbutton"><%= finishButtonText %></button></div>
+  <div class="resulttext <%= scoreclass %>"><%= resulttext %></div>
+  <div class="buttons"><button class="qs-finishbutton"><%= finishButtonText %></button></div>
 </div>
diff --git a/views/questionset.ejs b/views/questionset.ejs
index f097cd3..ddd133f 100644
--- a/views/questionset.ejs
+++ b/views/questionset.ejs
@@ -1,19 +1,19 @@
-<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>
-  <%} %>
+<% 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="questionset hidden">
   <div class="title"><%= title %></div>
   <% for (var i=0; i<questions.length; i++) { %>
     <div class="question-container" id="q-<%= i %>">
       <div><%= questions[i].machineName %></div>
     </div>
   <% } %>
-  <div class="question-footer">
-    <div class="progress">
+  <div class="qs-footer">
+    <div class="qs-progress">
       <% if (progressType == "dots") { %>
         <div class="dots-container">
           <% for (var i=0; i<questions.length; i++) { %>