Add data for mediathek "Reisen" und "Fahrzeug"

server/vbv_lernwelt/media_library/create_default_media_library.py

@@ -1,8 +1,19 @@
+import json
+
 from vbv_lernwelt.course.consts import COURSE_VERSICHERUNGSVERMITTLERIN_ID
 from vbv_lernwelt.course.models import Course, CoursePage
 from vbv_lernwelt.media_library.tests.media_library_factories import (
+    create_external_link_block,
+    create_internal_link_block,
+    create_learn_media_block,
+    create_media_collection,
+    create_relative_link_block,
+    ExternalLinkBlockFactory,
+    InternalLinkBlockFactory,
+    LearnMediaBlockFactory,
     MediaCategoryPageFactory,
     MediaLibraryPageFactory,
+    RelativeLinkBlockFactory,
 )
 
 
@@ -22,21 +33,210 @@ def create_default_media_library():
     ]
     for idx, cat in enumerate(course.coursecategory_set.all()):
         overview_icon = icons[(idx + 2) % len(icons)]
-        introduction_text = """
+
-Das Auto ist für viele der grösste Stolz! Es birgt aber auch ein grosses Gefahrenpotenzial.
+        if cat.title == "Fahrzeug":
-Dabei geht es bei den heutigen Fahrzeugpreisen und Reparaturkosten rasch um namhafte Summen,
+            media_category = MediaCategoryPageFactory(
-die der Fahrzeugbesitzer und die Fahrzeugbesitzerin in einem grösseren Schadenfall oft nur schwer selbst aufbringen kann.""".strip()
+                overview_icon=overview_icon,
-        description_title = "Das erwartet dich in diesem Handlungsfeld"
+                title=cat.title,
-        description_text = """
+                course_category=cat,
-In diesem berufstypischem Handlungsfeld lernst du alles rund um Motorfahrzeugversicherungen,
+                parent=media_lib_page,
-wie man sein Auto optimal schützen kann, wie du vorgehst bei einem Fahrzeugwechsel,
+                introduction_text="""
-welche Aspekte du bei einer Offerte beachten musst und wie du dem Kunden die Lösung präsentierst.""".strip()
+Das Auto ist für viele der grösste Stolz. Es birgt aber auch ein grosses Gefahrenpotenzial.
+Dabei geht es bei den heutigen Fahrzeugpreisen und Reparaturkosten rasch um namhafte Summen,
+die der Fahrzeugbesitzer und die Fahrzeugbesitzerin in einem grösseren Schadenfall oft nur schwer selbst aufbringen kann.
+                """.strip(),
+                items=[
+                    ("item", text)
+                    for text in [
+                        "Motorfahrzeughaftpflichtversicherung",
+                        "Motorfahrzeugkaskoversicherung",
+                        "Insassenunfallversicherung",
+                        "(Verkehrsrechtsschutzversicherung)",
+                        "(Fahrzeugassistance)",
+                        "Überblick und gesetzliche Grundlagen",
+                        "Versicherungsschutz: versicherte Personen und Sachen, örtlicher Geltungsbereich, versicherte Gefahren, versicherte Schäden, wichtigste Ausschlüsse, Garantie- und Versicherungssumme",
+                        "Versicherungsleistung",
+                        "Bonus-/Malus-System",
+                        "Mögliche Zusatzversicherungen wie Bonusschutz, Grobfahrlässigkeit, persönliche Effekten, Parkschaden, Scheinwerfer, Ersatzfahrzeug",
+                        "Abgrenzungen zur Hausratversicherung (u.a. einfacher Diebstahl auswärts)",
+                        "Abgrenzung zu KVG und UVG",
+                        "Nutzen Insassenunfall",
+                    ]
+                ],
+                body=json.dumps(
+                    [
+                        create_media_collection(
+                            title="Lernmedien",
+                            contents=[
+                                create_learn_media_block(
+                                    LearnMediaBlockFactory(
+                                        title="VBV 303/7 Motorfahrzeugkasko",
+                                        description="PDF",
+                                        url="/static/media/demo_oktober/07_Motorfahrzeugkaskoversicherung.pdf",
+                                    )
+                                ),
+                                create_learn_media_block(
+                                    LearnMediaBlockFactory(
+                                        title="VBV 303/16 Motorfahrzeughaftpflicht",
+                                        description="PDF",
+                                        url="/static/media/demo_oktober/16_Motorfahrzeughaftpflichtversicherung.pdf",
+                                    )
+                                ),
+                            ],
+                        ),
+                        create_media_collection(
+                            title="Links",
+                            contents=[
+                                create_external_link_block(
+                                    ExternalLinkBlockFactory(
+                                        title="Nationales Versicherungsbüro",
+                                        url="https://www.nbi-ngf.ch/de/ngf",
+                                    )
+                                ),
+                                create_external_link_block(
+                                    ExternalLinkBlockFactory(
+                                        title="Adressen der Strassenverkehrsämter",
+                                        url="https://asa.ch/strassenverkehrsaemter/adressen/",
+                                    )
+                                ),
+                                create_external_link_block(
+                                    ExternalLinkBlockFactory(
+                                        title="Bundesamt für Statistik – Strassenverkehrsunfälle",
+                                        url="https://www.bfs.admin.ch/bfs/de/home/statistiken/mobilitaet-verkehr/unfaelle-umweltauswirkungen/verkehrsunfaelle/strassenverkehr.html",
+                                    )
+                                ),
+                                create_external_link_block(
+                                    ExternalLinkBlockFactory(
+                                        title="Beratungsstelle für Unfallverhütung – Unfallursachen",
+                                        url="https://www.bfu.ch/de/dossiers/risiken-im-strassenverkehr",
+                                    )
+                                ),
+                            ],
+                        ),
+                        create_media_collection(
+                            title="Verankerung im Lernpfad",
+                            contents=[
+                                create_internal_link_block(
+                                    InternalLinkBlockFactory(
+                                        title="Rafael kauft einen Ford Mustang",
+                                        description="Anhand der Story von Rafael Fasel und seinem Ford Mustang lernst du in diesem berufstypischem Handlungsfeld alles rund um Motorfahrzeugversicherungen, wie man sein Auto optimal schützen kann, wie du vorgehst bei einem Fahrzeugwechsel, welche Aspekte du bei einer Offerte beachten musst und wie du dem Kunden die Lösung präsentierst.",
+                                    )
+                                )
+                            ],
+                        ),
+                        create_media_collection(
+                            title="Querverweise",
+                            contents=[
+                                create_relative_link_block(
+                                    RelativeLinkBlockFactory(
+                                        title="VBV 303/12.3 Verkehrsrechtsschutz",
+                                        url="/media/versicherungsvermittlerin-media/category/rechtsstreitigkeiten",
+                                    )
+                                ),
+                                create_relative_link_block(
+                                    RelativeLinkBlockFactory(
+                                        title="VBV 303/13 Reiseversicherung",
+                                        url="/media/versicherungsvermittlerin-media/category/reisen",
+                                    )
+                                ),
+                            ],
+                        ),
+                    ]
+                ),
+            )
+        elif cat.title == "Reisen":
+            media_category = MediaCategoryPageFactory(
+                overview_icon=overview_icon,
+                title=cat.title,
+                course_category=cat,
+                parent=media_lib_page,
+                introduction_text="""
+Auf keine Zeit im Jahr freuen wir uns mehr als auf unsere Ferien.
+Neue Orte, neue Bekanntschaften, neue Erfahrungen oder einfach mal abschalten – es gibt viele Gründe, sich fürs Reisen zu begeistern.
+
+Bereits während der Vorbereitung und Planung, aber auch während der Reise selbst,
+gehen wir bewusst und unbewusst verschiedene Risiken ein.
+Diese können negative Folgen verschiedener Art nach sich ziehen, darunter rechtliche, finanzielle oder gesundheitliche Folgen.
+                    """.strip(),
+                items=[
+                    ("item", text)
+                    for text in [
+                        "Annullierungskosten",
+                        "Personenassistance",
+                        "Fahrzeugassistance",
+                        "Evtl. Reisegepäck",
+                        "(Hausratversicherung)",
+                        "(Krankenversicherung)",
+                        "(Einzelunfallversicherung)",
+                        "(Privat- und Verkehrsrechtsschutz)",
+                        "Überblick und gesetzliche Grundlagen",
+                        "Versicherungsschutz: versicherte Personen, örtlicher Geltungsbereich, versicherte Ereignisse, Ausschlüsse, Garantiesumme, Dauer",
+                        "Versicherungsleistung",
+                    ]
+                ],
+                body=json.dumps(
+                    [
+                        create_media_collection(
+                            title="Lernmedien",
+                            contents=[
+                                create_learn_media_block(
+                                    LearnMediaBlockFactory(
+                                        title="VBV 303/13 Reiseversicherung",
+                                        description="PDF",
+                                        url="/static/media/demo_oktober/13_Reiseversicherung.pdf",
+                                    )
+                                ),
+                                create_learn_media_block(
+                                    LearnMediaBlockFactory(
+                                        title="Fach-Check «Reisen»",
+                                        description="Applikation",
+                                        link_display_text="Zum Fach-Check",
+                                        url="/static/media/demo_oktober/fach_check_reisen/index.html",
+                                    )
+                                ),
+                            ],
+                        ),
+                        create_media_collection(
+                            title="Verankerung im Lernpfad",
+                            contents=[
+                                create_internal_link_block(
+                                    InternalLinkBlockFactory(
+                                        title="Emma und Ayla campen durch Amerika",
+                                        description="Begleite Emma Durand und Ayla Yilmaz bei den Vorbereitungen auf ihre grosse Reise durch Amerika und lerne dabei, welche Risiken durch welche Versicherungen abgedeckt werden können.",
+                                    )
+                                )
+                            ],
+                        ),
+                        create_media_collection(
+                            title="Querverweise",
+                            contents=[
+                                create_relative_link_block(
+                                    RelativeLinkBlockFactory(
+                                        title="VBV 303/03 Hausratversicherung",
+                                        url="/media/versicherungsvermittlerin-media/category/haushalt",
+                                    )
+                                ),
+                                create_relative_link_block(
+                                    RelativeLinkBlockFactory(
+                                        title="VBV 303/12 Rechtschutzversicherung",
+                                        url="/media/versicherungsvermittlerin-media/category/rechtsstreitigkeiten",
+                                    )
+                                ),
+                                create_relative_link_block(
+                                    RelativeLinkBlockFactory(
+                                        title="VBV 304/Teil E Obligatorische Krankenversicherung",
+                                        url="/media/versicherungsvermittlerin-media/category/gesundheit",
+                                    )
+                                ),
+                            ],
+                        ),
+                    ]
+                ),
+            )
+        else:
             media_category = MediaCategoryPageFactory(
                 overview_icon=overview_icon,
                 title=cat.title,
                 course_category=cat,
                 parent=media_lib_page,
-            introduction_text=introduction_text,
-            description_title=description_title,
-            description_text=description_text,
             )

server/vbv_lernwelt/media_library/tests/media_library_factories.py

@@ -157,6 +157,12 @@ Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem.
 Nulla consequat massa quis enim. Donec.
 """.strip()
     description_title = "Das erwartet dich in diesem Handlungsfeld"
+    description_text = """
+Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor.
+Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
+Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem.
+Nulla consequat massa quis enim. Donec.
+""".strip()
     overview_icon = "icon-hf-fahrzeug"
     body = json.dumps(
         [

server/vbv_lernwelt/static/media/demo_oktober/fach_check_reisen/contents/1234_all/certificate/certificate.html

@@ -0,0 +1,46 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
+    <script src="js/underscore.js" type="text/javascript" charset="utf-8"></script>
+    <link rel="shortcut icon" href="images/favicon.ico" type="image/x-icon" />
+    <link rel="stylesheet" type="text/css" media="all"  href="css/style.css" />
+    <script>
+    setTimeout(function() {
+      window.print();
+    }, 1000 );
+    </script>
+  </head>
+  <body>
+    <div id="certificate">
+      <div class="certification-header">
+        <div class="logo">
+          <div class="logo_text"></div>
+          <img src="images/header.png" class="bgHeader">
+          <a target="_blank" href="http://education.crealogix.com/clxtestpool/autoren-tool-clxtestpool/">
+            <img height="60px" src="images/logo.png" class="logo" alt="logo" />
+          </a>
+        </div>
+          <h1>TITLE</h1>
+      </div>
+      <div class="certification-body">
+        <div class="certification-textarea">
+          <h2>TITLE</h2>
+          <div class="overview">OVERVIEW</div>
+          <div class="passedText">PASSED TEXT</div>
+          <div class="table-container">QUESTION TABLE</div>
+      <div class="certification-footer">
+        <div class="footerBg"></div>
+        <div class="date">DATE</div>
+        <div class="link">
+          <a target="_blank" href="https://www.vbv.ch/">&copy; VBV</a>
+        </div>
+      </div>
+    </div>
+
+    <!-- DOM is ready here -->
+    <script src="js/certificate.js" type="text/javascript" charset="utf-8"></script>
+  </body>
+</html>

server/vbv_lernwelt/static/media/demo_oktober/fach_check_reisen/contents/1234_all/certificate/css/style.css

@@ -0,0 +1,207 @@
+body {
+  background: white;
+}
+
+#certificate {
+  background-color: #FFF;
+  font-family: Arial, Verdana;
+  margin: 10px;
+  line-height: 18px;
+  font-size: 13px;
+  max-width: 768px;
+  min-width: 768px;
+}
+
+.certification-header {
+	position: relative;
+}
+
+.certification-header h1 {
+  position: absolute;
+  left: 0;
+  font-family: 'Arial';
+  font-size: 18px;
+  font-weight: bold;
+  margin: 0 0 10px 0;
+  padding-top: 26px;
+  color: #FFF;
+  margin-left: 10px;
+}
+
+.certification-header h2 {
+  position: absolute;
+  left: 0;
+  top: 33px;
+  font-family: 'Arial';
+  font-size: 18px;
+  margin: 0 0 14px 0;
+  font-weight: normal;
+}
+
+
+.logo {
+  position: absolute;
+  right: 0;
+}
+
+.logo .bgHeader {
+  position: absolute;
+  top: 0px;
+  right: 0;
+  width: 768px;
+  background-color: #00224d;
+}
+
+.logo  img {
+  position: absolute;
+  top: 0;
+  right: 0;
+}
+
+.certification-textarea {
+  padding-top: 100px;
+  margin-left: 10px;
+}
+
+.overview, .certification-footer {
+  font-family: Arial, Verdana;
+  font-size: 13px;
+}
+.certification-body h2 {
+  font-size: 16px;
+  margin: 0 0 10px 0;
+}
+
+.overview {
+  float: left;
+  width: 100%;
+  margin-bottom: 15px;
+}
+.overview .column-1 {
+  float: left;
+  width: 35%;
+}
+.overview .column-2 {
+  float: left;
+  width: 25%;
+}
+.overview .column-3 {
+  float: left;
+  text-align: right;
+  width: 20%;
+
+}
+.overview .column-4 {
+  float: left;
+  text-align: right;
+  width: 20%;
+}
+
+.table-header {
+  border-bottom: 1px solid rgb(196, 196, 196);
+  margin: 15px 0 8px 0;
+  padding-bottom: 2px;
+  font-weight: bold;
+  overflow: hidden;
+  width: 100%;
+}
+
+.table-header.chapter-header {
+  border-bottom:  1px solid rgb(196, 196, 196);
+  padding-bottom: 0px;
+}
+
+.table-footer {
+  height: auto;
+  overflow: auto;
+  margin-top: 10px;
+  padding-top: 5px;
+  border-top: 1px solid rgb(196, 196, 196);
+}
+
+.table-footer .column-1 {
+  float: right;
+  width: 20%;
+  text-align: right;
+  word-break: break-all;
+  font-weight: bold;
+}
+
+.table-footer .column-2 {
+  float: right;
+  width: 20%;
+  word-break: break-all;
+  text-align: right;
+  font-weight: bold;
+}
+
+.table-row {
+  overflow: hidden;
+}
+
+.table-header .column-1,
+.table-row .column-1 {
+  text-align: left;
+  float: left;
+  width: 7%;
+  word-break: break-all;
+}
+.table-header .column-2,
+.table-row .column-2 {
+  float: left;
+  width: 53%;
+  word-break: break-all;
+}
+.table-header .column-3,
+.table-row .column-3 {
+  float: left;
+  text-align: right;
+  width: 20%;
+  word-break: break-all;
+}
+
+.table-header .column-4,
+.table-row .column-4 {
+  float: left;
+  text-align: right;
+  width: 20%;
+  word-break: break-all;
+}
+
+.divider {
+  float: left;
+  width: 100%;
+  border-bottom: 1px dashed gray;
+  margin: 10px 0;
+}
+
+.certification-footer {
+  position: relative;
+  border-top: 1px solid rgb(196, 196, 196);
+  padding-top: 7px;
+  margin-top: 30px;
+}
+.certification-footer .date {
+  position: absolute;
+  top: 10px;
+  left: 5px;
+  color: black;
+}
+.certification-footer .link {
+  position: absolute;
+  top: 10px;
+  right: 5px;
+}
+.certification-footer .link a,
+.certification-footer .link a:hover {
+  color: black;
+  text-decoration: none;
+}
+
+.certification-footer .footerBg {
+  border-bottom: 40px solid white;
+  width: 100%;
+  position: absolute;
+  top: 0px;
+  left: 0px;
+}

server/vbv_lernwelt/static/media/demo_oktober/fach_check_reisen/contents/1234_all/certificate/js/certificate.js

@@ -0,0 +1,277 @@
+/*global Certificate:true, document: true, window: true*/
+Certificate = (function( data ){
+  var mapping;
+
+  /**
+   * Template for a table row. Members:
+   * - rowClass: css class for a single row
+   * - columns: list of column strings
+   * 
+   * @private
+   * @method createTableRow
+   * @author Jan Aeberli
+   */
+  var createTableRow = _.template(
+    '<div class="<%= (typeof(rowClass) !== "undefined") ? rowClass : "table-row"  %>">'+
+      ' <% _.each( columns, function( column, index ) { %>' +
+        '<div class="column-<%= index + 1 %>"><%= column %></div>' +
+      '<% }); %>' +
+    '</div>'
+  );
+
+  /**
+   * Template for a table. Members:
+   * - header: stores a header string
+   * - footer: stores a footer string
+   * - contentData: stores the data for the content (list)
+   * - createContentItem: will be called for each element of contentData
+   *
+   * @private
+   * @method createTable
+   * @author Jan Aeberli
+   */
+  var createTable = _.template(
+    '<div class="table <%= className %>"">' +
+    ' <%= header %>' +
+      ' <% _.each( contentData, function( item ) { %>'+
+        '<%= createContentItem( item ) %>' +
+      ' <%} ); %>' +
+    ' <%= footer %>' +
+    '</div>'
+  );
+
+  /**
+   * Creates the overview
+   * 
+   * @method  createOverview
+   * @author  Jan Aeberli
+   */
+  var createOverview = function() {
+    var maxScore = data.setRuntimeValues("={maxScore} <br />" ),
+        passingScore =  data.setRuntimeValues("={passingScore} (={passing_percentage}) <br />"),
+        score = data.setRuntimeValues("<b>={score}  (={percentage})</b>"),
+        startTime = data.setRuntimeValues("={startTimestamp}<br />" ),
+        translations = {
+          maxScore: data.getTranslation("max_points"),
+          minPassingScore: data.getTranslation("minimal_passing_score"),
+          score: data.getTranslation("your_score"),
+          lastRun: data.getTranslation("last_run_timestamp"),
+          attempts: data.getTranslation("number_of_attempts"),
+          comparedAttempts: data.setRuntimeValues( data.getTranslation("compared_number_of_attempts" ) )
+        };
+
+    return createTableRow({
+      rowClass: "",
+      columns: [
+        translations.maxScore + "<br />" + translations.minPassingScore + "<br />" + "<b>" + translations.score + "</b><br />",
+        maxScore + passingScore + score,
+        translations.lastRun + "<br />" + translations.attempts,
+        startTime + translations.comparedAttempts
+      ]
+    });
+  };
+
+  /**
+   * Creates a page row entry for the table
+   *
+   * @private
+   * @method createTableFooter
+   * @author Jan Aeberli
+   */
+  var createPageRow = function( page ) {
+    var link = page.link.replace( "#page/", "" ).replace( "_de","" ),
+        first = ( +page.scoring.score ).toFixed(2),
+        second = ( +page.scoring.maxScore ).toFixed(2);
+
+    return createTableRow({
+      columns: [
+        link,
+        page.title,
+        first,
+        second
+      ]
+    });
+  };
+
+  /**
+   * Creates a header for the table
+   *
+   * @private
+   * @method createTableFooter
+   * @author Jan Aeberli
+   */
+  var createTableHeader = function() {
+    return createTableRow({
+      rowClass: "table-header",
+      columns: [
+        "ID",
+        data.getTranslation("testReport_subject"),
+        data.getTranslation("testReport_score"),
+        data.getTranslation("testReport_maxScore")
+      ]
+    });
+  };
+
+  /**
+   * Creates a footer for the table
+   *
+   * @private
+   * @method createTableFooter
+   * @author Jan Aeberli
+   */
+  var createTableFooter = function() {
+    return createTableRow({
+      rowClass: "table-footer",
+      columns: [
+        (+data.setRuntimeValues("={maxScore}" )).toFixed(2),
+        (+data.setRuntimeValues("={score}" )).toFixed(2)
+      ]
+    });
+  };
+
+  /**
+   * Creates the table header for a chapter.
+   *
+   * @private
+   * @method createChapterTableHeader
+   * @author Jan Aeberli
+   */
+  var createChapterTableHeader = function( chapter ) {
+    return createTableRow({
+      rowClass: "table-header chapter-header",
+      columns: [
+        "&nbsp",
+        chapter.title,
+        chapter.scoring.score.toFixed(2),
+        chapter.scoring.maxScore.toFixed(2)
+      ]
+    });
+  };
+
+  /**
+   * Creates a table for a chapter (SubTable) by using the chapterTable template
+   *
+   * @private
+   * @method createChapterTable
+   * @author Jan Aeberli
+   */
+  var createChapterTable = function( chapter ) {
+    return createTable({
+      className: "chapter-table",
+      header: createChapterTableHeader( chapter ),
+      contentData: chapter.children,
+      footer: "",
+      createContentItem: createPageRow
+    });
+  };
+
+  /**
+   * Creates the questiontable (Main Table) by using the createTable template
+   *
+   * @private
+   * @method getCertificateTitle
+   * @author Jan Aeberli
+   */
+  var createQuestionTable = function( rowData, className ) {
+    return createTable({
+      className: "",
+      header: createTableHeader(),
+      contentData: data.chapter.getTableRowData(),
+      footer: createTableFooter(),
+      createContentItem: function( item ) {
+        if ( item.children !== undefined ) {
+          return createChapterTable( item );
+        } else {
+          return createPageRow( item );
+        }
+      }
+    });
+  };
+
+
+  /**
+   * Returns a formated title string fot the certificate
+   *
+   * @private
+   * @method getCertificateTitle
+   * @author Jan Aeberli
+   */
+  var getCertificateTitle = function() {
+    var certificateUser = data.getTranslation("guest"),
+        score = parseFloat( data.setRuntimeValues("={score}") ),
+        passingScore = parseFloat( data.setRuntimeValues("={passingScore}") ),
+        certificateTitle = data.getTranslation("dialog_evaluation_title");
+
+    if ( data && data.user && ( data.user.firstName && data.user.lastName ) ) {
+        certificateUser = data.user.firstName + " " + data.user.lastName;
+    }
+
+    if ( score >= passingScore ) {
+      certificateTitle = data.getTranslation("certificate_passing_title");
+    }
+
+    return certificateTitle + ": " + certificateUser;
+  };
+
+  /**
+   * Sets the certificate data for the locale context.
+   *
+   * @method setData
+   * @author Jan Aeberli
+   */
+  var setData = function( certData ) {
+    data = certData;
+    render();
+  };
+
+  /**
+   * Rerenders the configured Certificate
+   *
+   * @method construct
+   * @author Jan Aeberli
+   */
+  var render = function() {
+    _.each( mapping, function( value, selector ) {
+      var domElement = document.querySelector( selector );
+
+      if ( domElement ) {
+        if ( _.isFunction( value ) ) {
+          domElement.innerHTML = value.call( this );
+        } else {
+          domElement.innerHTML = value;
+        }
+      }
+    });
+  };
+
+  /**
+   * Initalizes the certification singleton.
+   *
+   * @private
+   * @method construct
+   * @author Jan Aeberli
+   */
+  var construct = function() {
+    if ( !_.isObject( data ) ) {
+      alert("Could not get certificate data");
+    } else {
+      render();
+    }
+  };
+
+  mapping = {
+    ".certification-header > h1": data.moduleTitle,
+    ".certification-textarea > h2": getCertificateTitle,
+    ".passedText": data.setRuntimeValues("={passedText} <br />" ),
+    ".certification-footer > .date": data.getDate("DD.MM.YYYY").trim(),
+    ".table-container": createQuestionTable,
+    ".overview": createOverview
+  };
+
+  construct();
+
+  return {
+    render: render,
+    setData: setData
+  };
+})( window.certificateData || window.opener.certificateData );

server/vbv_lernwelt/static/media/demo_oktober/fach_check_reisen/contents/1234_all/config.json

@@ -0,0 +1,38 @@
+{
+  "project": {
+    "language": "de",
+  	"allowInfoDialog": false,
+  	"previewMode": false
+  },
+  "files": {
+    "manifest": "manifest.json",
+    "translations": "translations.json"
+  },
+  "communication": {
+    "protocol": "SCORM 1.2",
+    "debugMode": false
+  },
+  "navigation": {
+    "replayStopSwitch": true,
+    "skipToEndOfSequence": true,
+    "winkContinueButton": false,
+    "pageCountPolicy": "perCourse",
+    "projectVersionPolicy": "version",
+    "pageIndexPolicy": "index",
+    "menuFixed": true,
+    "menuAdjustHeight": false,
+    "menuSlide": "horizontal"
+  },
+  "page": {
+    "completion": {
+      "onPlaybackCompleted": false,
+      "onCorrectResponse": false
+    }
+  },
+  "printing": {
+    "enabled": false
+  },
+  "editor": {
+    "on": false
+  }
+}

server/vbv_lernwelt/static/media/demo_oktober/fach_check_reisen/contents/1234_all/manifest.json

@@ -0,0 +1,178 @@
+{
+  "title": "",
+  "versionNr": "2022.06.21",
+  "versionDate": "2022-06-21",
+  "language": "de",
+  "pagesDir": "pages",
+  "structure": [
+    {
+      "id": "chapter_010",
+      "title": "Testchapter",
+      "visible": true,
+      "shuffleMode": 1,
+      "children": [
+        {
+          "id": "startpage",
+          "title": "Test Start",
+          "file": "startpage.json",
+          "navigation": {
+            "buttons": {
+              "nav_btn_next": "enabled",
+              "nav_btn_prev": "hidden",
+              "nav_btn_question_overview": "hidden",
+              "nav_btn_bookmarker": "hidden",
+              "nav_btn_help": "hidden",
+              "nav_btn_info": "hidden"
+            }
+          },
+          "visible": true,
+          "isTestStart": true
+        },
+        {
+          "id": "item_hotspot",
+          "title": "Hotspot",
+          "eduObjective": "A.1.1.1",
+          "file": "item_hotspot.json",
+          "visible": true
+        },
+        {
+          "id": "item_OP",
+          "title": "Textinput",
+          "eduObjective": "A.1.1.1",
+          "file": "item_OP.json",
+          "visible": true
+        },
+        {
+          "id": "item_OPT",
+          "title": "Open Question",
+          "eduObjective": "A.1.1.1",
+          "file": "item_OPT.json",
+          "visible": true
+        },
+        {
+          "id": "item_MC",
+          "title": "MC Radio Buttons",
+          "eduObjective": "A.1.1.3",
+          "file": "item_MC.json",
+          "visible": true
+        },
+        {
+          "id": "item_MR",
+          "title": "MC",
+          "eduObjective": "A.1.1.4",
+          "file": "item_MR.json",
+          "visible": true
+        },
+        {
+          "id": "item_TF",
+          "title": "Richtig Falsch",
+          "eduObjective": "A.1.1.5",
+          "file": "item_TF.json",
+          "visible": true
+        },
+        {
+          "id": "item_DD",
+          "title": "D&D Text",
+          "eduObjective": "A.1.1.6",
+          "file": "item_DD.json",
+          "visible": true
+        },
+        {
+          "id": "item_DDImage",
+          "title": "D&D Image",
+          "eduObjective": "A.1.1.6",
+          "file": "item_DDImage.json",
+          "visible": true
+        },
+        {
+          "id": "item_MTF",
+          "eduObjective": "A.1.1.7",
+          "title": "Matrix Radio Button",
+          "file": "item_MTF.json",
+          "visible": true
+        },
+        {
+          "id": "item_FI",
+          "eduObjective": "A.1.1.8",
+          "title": "Fill in",
+          "file": "item_FI.json",
+          "visible": true
+        },
+        {
+          "id": "item_GT",
+          "eduObjective": "A.1.1.9",
+          "title": "Gap Text",
+          "file": "item_GT.json",
+          "visible": true
+        },
+        {
+          "id": "item_MATRIX",
+          "eduObjective": "A.1.1.10",
+          "title": "MATRIX",
+          "file": "item_MATRIX.json",
+          "visible": true
+        },
+        {
+          "id": "endpage",
+          "title": "Test Results",
+          "navigation": {
+            "buttons": {
+              "nav_btn_next": "hidden",
+              "nav_btn_prev": "hidden",
+              "nav_btn_question_overview": "hidden",
+              "nav_btn_bookmarker": "hidden",
+              "nav_btn_help": "hidden",
+              "nav_btn_close": "enabled",
+              "nav_btn_certificate":"enabled",
+              "nav_btn_info": "hidden"
+            }
+          },
+          "file": "endpage.json",
+          "visible": true,
+          "isTestEnd": true
+        }
+      ],
+      "testChapterData": {
+        "mode": "test",
+        "maxTrials": 0,
+        "timeLimit": 20,
+        "review": false,
+        "resetOnStart": false,
+        "resetOnLeave": false,
+        "feedbackType": "none",
+        "questionAccess": "prohibited",
+        "showSolutionFeedback": false,
+        "questionSelection":
+        {
+            "shuffled":true
+        },
+        "evaluation": {
+          "scaledPassingScore": 0.8,
+          "chapterCompletedOnPassed": false,
+          "autoEvaluate": true,
+          "showFinalEvaluationPrompt": true
+        }
+      }
+    }
+  ],
+  "windows": [
+    {
+      "id": "help",
+      "width": "960px",
+      "height": "595px",
+      "title": "${help_title}",
+      "content": {
+        "file": "help.json"
+      },
+      "properties": {
+        "minimizable": false,
+        "closeable": true
+      },
+      "style": {
+        "content": {
+          "padding": 4
+        }
+      }
+    }
+  ]
+}

server/vbv_lernwelt/static/media/demo_oktober/fach_check_reisen/contents/1234_all/pages/endpage.json

@@ -0,0 +1,20 @@
+{
+  "type": "dynamicFrames",
+  "flowAreas": [
+    {
+      "id": "frame1",
+      "elements": [
+        {
+          "type": "title",
+          "id": "endpage-title",
+          "text": "{{endpage_title}}"
+        },
+        {
+          "type": "text",
+          "id": "endpage-body",
+          "text": "{{endpage_body}}"
+        }
+      ]
+    }
+  ]
+}

server/vbv_lernwelt/static/media/demo_oktober/fach_check_reisen/contents/1234_all/pages/help.json

@@ -0,0 +1,93 @@
+{
+  "type": "documentPlain",
+  "flowAreas": [
+    {
+      "id": "frame1",
+      "elements": [
+        {
+          "type": "image",
+          "id": "help-image",
+          "url": "${mediaDir}/images/help.jpg"
+        },
+        {
+          "type": "text",
+          "id": "help-main-navigation",
+          "zIndex": 1,
+          "text": "<b>1 </b> ${help_main_navigation}"
+        },
+        {
+          "type": "subtitle",
+          "id": "help-state-display",
+          "zIndex": 1,
+          "text": "${help_state_display}"
+        },
+        {
+          "type": "text",
+          "id": "help-incomplete",
+          "zIndex": 1,
+          "text": "<b>2 </b> ${help_incomplete}"
+        },
+        {
+          "type": "text",
+          "id": "help-completed",
+          "zIndex": 1,
+          "text": "<b>3 </b> ${help_completed}"
+        },
+        {
+          "type": "text",
+          "id": "help-not-attempted",
+          "zIndex": 1,
+          "text": "<b>4 </b> ${help_not_attempted}"
+        },
+        {
+          "type": "subtitle",
+          "id": "help-system-navigation",
+          "zIndex": 1,
+          "text": "${help_system_navigation}"
+        },
+        {
+          "type": "text",
+          "id": "help-print-page",
+          "zIndex": 1,
+          "text": "<b>5 </b> ${help_print_page}"
+        },
+        {
+          "type": "text",
+          "id": "help-show-glossary",
+          "zIndex": 1,
+          "text": "<b>6 </b> ${help_show_glossary}"
+        },
+        {
+          "type": "text",
+          "id": "help-quit-module",
+          "zIndex": 1,
+          "text": "<b>7 </b> ${help_quit_module}"
+        },
+        {
+          "type": "subtitle",
+          "id": "help-page-navigation",
+          "zIndex": 1,
+          "text": "${help_page_navigation}"
+        },
+        {
+          "type": "text",
+          "id": "help-next",
+          "zIndex": 1,
+          "text": "<b>8 </b> ${help_next}"
+        },
+        {
+          "type": "text",
+          "id": "help-previous",
+          "zIndex": 1,
+          "text": "<b>9 </b> ${help_previous}"
+        },
+        {
+          "type": "text",
+          "id": "help-replay",
+          "zIndex": 1,
+          "text": "<b>10 </b> ${help_replay}"
+        }
+      ]
+    }
+  ]
+}

server/vbv_lernwelt/static/media/demo_oktober/fach_check_reisen/contents/1234_all/pages/item_DD.json

@@ -0,0 +1,193 @@
+{
+  "type": "testInteraction",
+  "interaction": {
+    "id": "item_DD",
+    "type": "matchingDragAndDrop",
+    "attempts": 0,
+    "shuffleAnswers": false,
+    "feedback": {
+      "immediate": false
+    },
+    "solution": "{{solution_text}}",
+    "scoring": {
+      "maxPoints": 6,
+      "weight": 1,
+      "scheme": "correctMinusIncorrect"
+    }
+  },
+  "flowAreas": [
+    {
+      "id": "frame1",
+      "elements": [
+        {
+          "type": "title",
+          "id": "dnd-question-title",
+          "text": "{{question_title}}"
+        },
+        {
+          "type": "text",
+          "id": "dnd-question-text",
+          "text": "{{question_text}}"
+        },
+        {
+          "type": "pdfLink",
+          "id": "dnd-pdf-link",
+          "text": "<p><a href=\"${contentDir}/media/pdf/{{pdflink_filename}}\" target=\"_blank\"><span>{{pdflink_text}}</span></a></p>"
+        },
+        {
+          "type": "image",
+          "id": "dnd-image",
+          "url": "${contentDir}/media/images/dummy_pic.png",
+          "classIds": ["questionImage"],
+          "hyperlink": "#window/1414b7c014c-83"
+        }
+      ]
+    },
+    {
+      "id": "frame2",
+      "elements": [
+        {
+          "type": "DnDText",
+          "id": "dnd-text-1",
+          "text": "Sparkonto:<br>Zielkunden"
+        },
+        {
+          "type": "DnDText",
+          "id": "dnd-text-2",
+          "text": "Kontokorrent:<br>Rückzug"
+        },
+        {
+          "type": "DnDTarget",
+          "id": "dnd-target-E",
+          "sid": "E"
+        },
+        {
+          "type": "DnDText",
+          "id": "dnd-text-3",
+          "text": "Kontokorrent:<br>Zweck"
+        },
+        {
+          "type": "DnDTarget",
+          "id": "dnd-target-A",
+          "sid": "A"
+        },
+        {
+          "type": "DnDText",
+          "id": "dnd-text-4",
+          "text": "Sparkonto:<br>Rückzug"
+        },
+        {
+          "type": "DnDTarget",
+          "id": "dnd-target-B",
+          "sid": "B"
+        },
+        {
+          "type": "DnDText",
+          "id": "dnd-text-5",
+          "text": "Sparkonto:<br>Zweck"
+        },
+        {
+          "type": "DnDTarget",
+          "id": "dnd-target-C",
+          "sid": "C"
+        },
+        {
+          "type": "DnDText",
+          "id": "dnd-text-6",
+          "text": "Kontokorrent:<br>Zielkunden"
+        },
+        {
+          "type": "DnDTarget",
+          "id": "dnd-target-D",
+          "sid": "D"
+        },
+        {
+          "type": "DnDTarget",
+          "id": "dnd-target-F",
+          "sid": "F"
+        },
+        {
+          "type": "DnDSource",
+          "id": "dnd-source-5",
+          "sid": "5",
+          "text": "ganzer Saldo"
+        },
+        {
+          "type": "DnDSource",
+          "id": "dnd-source-1",
+          "sid": "1",
+          "text": "Privatpersonen"
+        },
+        {
+          "type": "DnDSource",
+          "id": "dnd-source-6",
+          "sid": "6",
+          "text": "Zahlungsverkehr"
+        },
+        {
+          "type": "DnDSource",
+          "id": "dnd-source-2",
+          "sid": "2",
+          "text": "limitiert"
+        },
+        {
+          "type": "DnDSource",
+          "id": "dnd-source-3",
+          "sid": "3",
+          "text": "Geldanlage"
+        },
+        {
+          "type": "DnDSource",
+          "id": "dnd-source-4",
+          "sid": "4",
+          "text": "Geschäftskunden"
+        }
+      ]
+    }
+  ],
+  "windows": [
+    {
+      "id": "1414b7c014c-83",
+      "content": {
+        "type": "documentPlain",
+        "flowAreas": [
+          {
+            "id": "frame1",
+            "elements": [
+              {
+                "type": "image",
+                "id": "image1",
+                "url":"${contentDir}/media/images/dummy_pic.png"
+              }
+            ]
+          }
+        ]
+      },
+      "theme": "lightbox",
+      "properties": {
+        "minimizable": false,
+        "closeable": true
+      }
+    },
+    {
+      "id": "solution",
+      "title": "${solution_comment_title}",
+      "content": {
+        "type":"documentPlain",
+        "flowAreas": [
+          {
+            "id":"frame1",
+            "elements":
+            [
+              {
+                "type": "text",
+                "id": "text1",
+                "text": "{{solution_comment_text}}"
+              }
+            ]
+          }
+        ]
+      }
+    }
+  ]
+}

server/vbv_lernwelt/static/media/demo_oktober/fach_check_reisen/contents/1234_all/pages/item_DDImage.json

@@ -0,0 +1,203 @@
+{
+    "type":"testInteraction",
+    "interaction":
+    {
+        "id":"1425_de",
+        "type":"matchingDragAndDrop",
+        "attempts":0,
+        "feedback": {
+            "immediate":false
+        },
+        "solution": "{{solution_text}}",
+        "scoring":
+        {
+            "maxPoints":6,
+            "weight":1,
+            "scheme":"correctMinusIncorrect"
+        }
+    },
+    "flowAreas":
+    [
+        {
+            "id":"frame1",
+            "elements":
+            [
+                {
+                    "type":"title",
+                    "id":"dndimage-question-title",
+                    "text":"{{question_title}}"
+                },
+                {
+                    "type":"text",
+                    "id":"dndimage-question-text",
+                    "text":"{{question_text}}"
+                },
+                {
+                  "type": "pdfLink",
+                  "id": "dndimage-question-pdf-link",
+                  "text": "<p><a href=\"${contentDir}/media/pdf/{{pdflink_filename}}\" target=\"_blank\"><span>{{pdflink_text}}</span></a></p>"
+                },
+                {
+                    "type":"image",
+                    "id":"dndimage-image",
+                    "url":"${contentDir}\/media\/images\/dummy_pic.png",
+                    "classIds": ["questionImage"],
+                    "hyperlink": "#window/1414b7c014c-83"
+                }
+            ]
+        },
+        {
+            "id":"frame2",
+            "elements":
+            [
+                {
+                    "type":"DnDText",
+                    "id":"dndimage-text-element-1",
+                    "text":""
+                },
+                {
+                    "type":"DnDTargetImage",
+                    "id":"dndimage-target-image-element-1",
+                    "url": "${mediaDir}/images/dummyTarget.png",
+                    "sid":"A"
+                },
+                {
+                    "type":"DnDSourceImage",
+                    "id":"dndimage-source-image-element-1",
+                    "sid":"1",
+                    "url": "${mediaDir}/images/dummySource.png"
+                },
+                {
+                    "type":"DnDText",
+                    "id":"dndimage-text-element-2",
+                    "text":""
+                },
+                {
+                    "type":"DnDTargetImage",
+                    "id":"dndimage-target-image-element-B",
+                    "url": "${mediaDir}/images/dummyTarget.png",
+                    "sid":"B"
+                },
+                {
+                    "type":"DnDSourceImage",
+                    "id":"dndimage-source-image-element-2",
+                    "url": "${mediaDir}/images/dummySource.png",
+                    "sid":"2"
+                },
+                {
+                    "type":"DnDText",
+                    "id":"dndimage-text-element-3",
+                    "text":""
+                },
+                {
+                    "type":"DnDTargetImage",
+                    "id":"dndimage-target-image-element-C",
+                    "url": "${mediaDir}/images/dummyTarget.png",
+                    "sid":"C"
+                },
+                {
+                    "type":"DnDSourceImage",
+                    "id":"dndimage-source-image-element-3",
+                    "url": "${mediaDir}/images/dummySource.png",
+                    "sid":"3"
+                },
+                {
+                    "type":"DnDText",
+                    "id":"dndimage-text-element-4",
+                    "text":""
+                },
+                {
+                    "type":"DnDTargetImage",
+                    "id":"dndimage-target-image-element-D",
+                    "url": "${mediaDir}/images/dummyTarget.png",
+                    "sid":"D"
+                },
+                {
+                    "type":"DnDSourceImage",
+                    "id":"dndimage-source-image-element-4",
+                    "url": "${mediaDir}/images/dummySource.png",
+                    "sid":"4"
+                },
+                {
+                    "type":"DnDText",
+                    "id":"dndimage-text-element-5",
+                    "text":""
+                },
+                {
+                    "type":"DnDTargetImage",
+                    "id":"dndimage-target-image-element-E",
+                    "url": "${mediaDir}/images/dummyTarget.png",
+                    "sid":"E"
+                },
+                {
+                    "type":"DnDSourceImage",
+                    "id":"dndimage-source-image-element-5",
+                    "url": "${mediaDir}/images/dummySource.png",
+                    "sid":"5"
+                },
+                {
+                    "type":"DnDText",
+                    "id":"dndimage-text-element-6",
+                    "text":""
+                },
+                {
+                    "type":"DnDTargetImage",
+                    "id":"dndimage-target-image-element-F",
+                    "url": "${mediaDir}/images/dummyTarget.png",
+                    "sid":"F"
+                },
+                {
+                    "type":"DnDSourceImage",
+                    "id":"dndimage-source-image-element-6",
+                    "url": "${mediaDir}/images/dummySource.png",
+                    "sid":"6"
+                }
+            ]
+        }
+    ],
+  "windows": [
+    {
+      "id": "1414b7c014c-83",
+      "content": {
+        "type": "documentPlain",
+        "flowAreas": [
+          {
+            "id": "frame1",
+            "elements": [
+              {
+                "type": "image",
+                "id": "image1",
+                "url":"${contentDir}/media/images/dummy_pic.png"
+              }
+            ]
+          }
+        ]
+      },
+      "theme": "lightbox",
+      "properties": {
+        "minimizable": false,
+        "closeable": true
+      }
+    },
+    {
+      "id": "solution",
+      "title": "${solution_comment_title}",
+      "content": {
+        "type":"documentPlain",
+        "flowAreas": [
+          {
+            "id":"frame1",
+            "elements":
+            [
+              {
+                "type": "text",
+                "id": "image1",
+                "text": "{{solution_comment_text}}"
+              }
+            ]
+          }
+        ]
+      }
+    }
+  ]
+}

server/vbv_lernwelt/static/media/demo_oktober/fach_check_reisen/contents/1234_all/pages/item_FI.json

@@ -0,0 +1,148 @@
+{
+    "type": "testInteraction",
+    "interaction": {
+      "id": "item_FI",
+      "type": "fillIn",
+      "attempts": 0,
+      "shuffleAnswers": true,
+      "feedback": {
+        "immediate": false
+      },
+      "solution": "{{solution_text}}",
+      "scoring": {
+        "maxPoints": 1,
+        "weight": 1,
+        "scheme":"correctMinusIncorrect",
+        "subtractions":
+        {
+            "incorrect": true,
+            "empty": false,
+            "lowerLimit": 0
+        }
+      }
+    },
+    "flowAreas": [
+      {
+        "id": "frame1",
+        "elements": [
+          {
+            "type": "title",
+            "id": "fillin-question-title",
+            "text": "{{question_title}}"
+          },
+          {
+            "type": "text",
+            "id": "fillin-question-label",
+            "text": "{{question}}"
+          },
+          {
+            "type": "text",
+            "id": "fillin-question-text",
+            "text": "{{question_text}}"
+          },
+          {
+						"type": "pdfLink",
+						"id": "multiplechoice-pdf-link",
+						"text": "<p><a href=\"${contentDir}/media/pdf/{{pdflink_filename}}\" target=\"_blank\"><span>{{pdflink_text}}</span></a></p>"
+					},
+          {
+            "type": "image",
+            "id": "fillin-question-image",
+            "classIds": ["ignoreSize"],
+            "url": "${contentDir}/media/images/dummy_pic.png",
+            "hyperlink": "#window/1414b7c014c-83"
+          }
+        ]
+      },
+      {
+        "id": "frame2",
+        "elements": [
+          {
+            "type": "text",
+            "id": "fillin-question-answer-label",
+            "text": "{{answer}}"
+          },
+          {
+            "type": "textInput",
+            "id": "fillin-question-answer-input",
+            "sid": "input",
+            "sanitizing": "{{sanitizing_input_text}}"
+          }
+        ]
+      }
+    ],
+    "windows": [
+      {
+        "id": "1414b7c014c-83",
+        "content": {
+          "type": "documentPlain",
+          "flowAreas": [
+            {
+              "id": "frame1",
+              "elements": [
+                {
+                  "type": "image",
+                  "id": "image1",
+                  "url":"${contentDir}/media/images/dummy_pic.png"
+                }
+              ]
+            }
+          ]
+        },
+        "theme": "lightbox",
+        "properties": {
+          "minimizable": false,
+          "closeable": true
+        }
+      },
+      {
+        "id": "solution",
+        "title": "${solution_comment_title}",
+        "content": {
+          "type":"documentPlain",
+          "flowAreas": [
+            {
+              "id":"frame1",
+              "elements":
+              [
+                {
+                  "type": "text",
+                  "id": "fillin-question-solution-comment-text",
+                  "text": "{{solution_comment_text}}"
+                }
+              ]
+            }
+          ]
+        }
+      },
+      {
+        "id":"evaluationCriteria",
+        "title":"${evaluation_criteria_title}",
+        "content":
+        {
+            "type":"documentPlain",
+            "flowAreas":
+            [
+                {
+                    "id":"frame1",
+                    "elements":
+                    [
+                        {
+                            "type":"text",
+                            "id":"evaluationCriteriaText",
+                            "text":"{{ evaluation_criteria_text }}"
+                        }
+                    ]
+                }
+            ]
+        },
+        "properties":
+        {
+            "closeable":"true",
+            "styleClasses": {
+              "window": "evaluationCriteriaWindow"
+            }
+        }
+      }
+    ]
+  }

server/vbv_lernwelt/static/media/demo_oktober/fach_check_reisen/contents/1234_all/pages/item_GT.json

@@ -0,0 +1,193 @@
+{
+    "type": "testInteraction",
+    "interaction": {
+      "id": "item_GT",
+      "type": "matchingGapText",
+      "attempts": 0,
+      "shuffleAnswers": false,
+      "feedback": {
+        "immediate": false
+      },    
+      "solution":"{{solution_text}}",
+      "scoring": {
+        "maxPoints": 1,
+        "weight": 1,
+        "scheme":"correctMinusIncorrect",
+        "subtractions":
+        {
+            "incorrect":true,
+            "empty":false,
+            "lowerLimit":0
+        }
+      }
+    },
+    "flowAreas": [
+      {
+        "id": "frame1",
+        "elements": [
+          {
+            "type": "title",
+            "id": "gap-text-question-title",
+            "text": "{{mainTitle}}"
+          },
+          {
+            "type": "text",
+            "id": "gap-text-question-label",
+            "text": "{{label}}"
+          },
+          {
+            "type": "text",
+            "id": "gap-text-question-text",
+            "text": "{{text}}"
+          },
+          {
+						"type": "pdfLink",
+						"id": "multiplechoice-pdf-link",
+						"text": "<p><a href=\"${contentDir}/media/pdf/{{pdflink_filename}}\" target=\"_blank\"><span>{{pdflink_text}}</span></a></p>"
+					}
+        ]
+      },
+      {
+        "id": "frame2",      
+        "elements": [
+          {
+            "type": "image",
+            "id": "gap-text-question-image",
+            "classIds": ["ignoreSize"],
+            "url": "${contentDir}/media/images/dummy_pic.png",
+            "hyperlink": "#window/1414b7c014c-83"
+          }
+        ]
+      },
+      {
+        "id": "frame4",      
+        "elements": [
+          {
+            "type": "text",
+            "id": "gap-text-1",
+            "text": "{{text}}",
+            "classIds": ["newLine"]
+          },
+          {
+            "type": "comboboxAnswer",
+            "id": "gap-dropdown-1",
+            "sid": "A",
+            "dropdowns": [],
+            "options": [
+              {
+                "value": "{{value}}", 
+                "text": "{{option}}"
+              },
+              {
+                "value": "{{value}}", 
+                "text": "{{option}}"
+              },
+              {
+                "value": "{{value}}", 
+                "text": "{{option}}"
+              }
+            ]
+          },
+          {
+            "type": "text",
+            "id": "gap-text-2",
+            "text": "{{text}}"
+          },
+          {
+            "type": "comboboxAnswer",
+            "id": "gap-dropdown-2",
+            "sid": "B",
+            "dropdowns": [],
+            "options": [
+              {
+                "value": "{{value}}", 
+                "text": "{{option}}"
+              },
+              {
+                "value": "{{value}}", 
+                "text": "{{option}}"
+              },
+              {
+                "value": "{{value}}", 
+                "text": "{{option}}"
+              }
+            ]
+          }
+        ]
+      }
+    ],
+    "windows": [
+      {
+        "id": "1414b7c014c-83",
+        "content": {
+          "type": "documentPlain",
+          "flowAreas": [
+            {
+              "id": "frame1",
+              "elements": [
+                {
+                  "type": "image",
+                  "id": "image1",
+                  "url":"${contentDir}/media/images/dummy_pic.png"
+                }
+              ]
+            }
+          ]
+        },
+        "theme": "lightbox",
+        "properties": {
+          "minimizable": false,
+          "closeable": true
+        }
+      },
+      {
+        "id": "solution",
+        "title": "${solution_comment_title}",
+        "content": {
+          "type":"documentPlain",
+          "flowAreas": [
+            {
+              "id":"frame1",
+              "elements":
+              [
+                {
+                  "type": "text",
+                  "id": "gap-text-question-solution-comment-text",
+                  "text": "{{solution_comment_text}}"
+                }
+              ]
+            }
+          ]
+        }
+      },
+      {
+        "id":"evaluationCriteria",
+        "title":"${evaluation_criteria_title}",
+        "content":
+        {
+            "type":"documentPlain",
+            "flowAreas":
+            [
+                {
+                    "id":"frame1",
+                    "elements":
+                    [
+                        {
+                            "type":"text",
+                            "id":"evaluationCriteriaText",
+                            "text":"{{ evaluation_criteria_text }}"
+                        }
+                    ]
+                }
+            ]
+        },
+        "properties":
+        {
+            "closeable":"true",
+            "styleClasses": {
+              "window": "evaluationCriteriaWindow"
+            }
+        }
+      }
+    ]
+  }

server/vbv_lernwelt/static/media/demo_oktober/fach_check_reisen/contents/1234_all/pages/item_MATRIX.json

@@ -0,0 +1,206 @@
+{
+    "type":"testInteraction",
+    "interaction":
+    {
+        "id":"item_MATRIX",
+        "type":"matrixMultiple",
+        "attempts":0,
+        "shuffleAnswers":false,
+        "feedback":
+        {
+            "immediate":false
+        },
+        "solution":"{{solution_text}}",
+        "scoring":
+        {
+            "maxPoints":6,
+            "weight":1,
+            "scheme":"correctMinusIncorrect",
+            "subtractions":
+            {
+                "incorrect":true,
+                "empty":false,
+                "lowerLimit":0
+            }
+        }
+    },
+    "flowAreas":
+    [
+        {
+            "id":"frame1",
+            "elements":
+            [
+                {
+                    "type":"title",
+                    "id":"matrixsingle-question-title",
+                    "text":"{{question_title}}"
+                },
+                {
+                  "type": "image",
+                  "id": "gap-text-question-image",
+                  "classIds": ["ignoreSize"],
+                  "url": "${contentDir}/media/images/dummy_pic.png",
+                  "hyperlink": "#window/1414b7c014c-83"
+                },
+                {
+                    "type":"text",
+                    "id":"matrixsingle-question-text",
+                    "text":"{{question_text}}"
+                },
+                {
+                    "type": "pdfLink",
+                    "id": "multiplechoice-pdf-link",
+                    "text": "<p><a href=\"${contentDir}/media/pdf/{{pdflink_filename}}\" target=\"_blank\"><span>{{pdflink_text}}</span></a></p>"
+                }
+            ]
+        },
+        {
+            "id":"frame2",
+            "elements":
+            [
+                {
+                    "type":"matrixRowHeader",
+                    "id":"matrixsingle-row-header",
+                    "columns":
+                    [
+                        {
+                            "type":"text",
+                            "text":"{{heading}}"
+                        },
+                        {
+                            "type":"text",
+                            "text":"{{heading}}"
+                        },
+                        {
+                            "type":"text",
+                            "text":"{{heading}}"
+                        }
+                    ]
+                },
+                {
+                    "type":"matrixRow",
+                    "id":"497e79f4-3373-47d1-b256-c3e8a9f4ff68",
+                    "sid":"1",
+                    "columns":
+                    [
+                        {
+                            "type":"text",
+                            "text":"{{row_text}}"
+                        },
+                        {
+                            "sid":"A",
+                            "type":"checkbox"
+                        },
+                        {
+                            "sid":"B",
+                            "type":"checkbox"
+                        },
+                        {
+                            "sid":"C",
+                            "type":"checkbox"
+                        }
+                    ]
+                },
+                {
+                    "type":"matrixRow",
+                    "id":"78a8f981-e06c-4851-8cb7-f8de2962c212",
+                    "sid":"2",
+                    "columns":
+                    [
+                        {
+                            "type":"text",
+                            "text":"{{row_text}}"
+                        },
+                        {
+                            "sid":"A",
+                            "type":"checkbox"
+                        },
+                        {
+                            "sid":"B",
+                            "type":"checkbox"
+                        },
+                        {
+                            "sid":"C",
+                            "type":"checkbox"
+                        }
+                    ]
+                },
+                {
+                    "type":"matrixRow",
+                    "id":"0d6ab3aa-76e0-403c-86a3-4fb3446b06c3",
+                    "sid":"3",
+                    "columns":
+                    [
+                        {
+                            "type":"text",
+                            "text":"{{row_text}}"                          
+                        },
+                        {
+                            "sid":"A",
+                            "type":"checkbox"
+                        },
+                        {
+                            "sid":"B",
+                            "type":"checkbox"
+                        },
+                        {
+                            "sid":"C",
+                            "type":"checkbox"
+                        }
+                    ]
+                }
+            ]
+        }
+    ],
+    "windows":
+    [
+        {
+            "id":"1414b7c014c-83",
+            "content":
+            {
+                "type":"documentPlain",
+                "flowAreas":
+                [
+                    {
+                        "id":"frame1",
+                        "elements":
+                        [
+                            {
+                                "type":"image",
+                                "id":"image1",
+                                "url":"${contentDir}\/media\/images\/dummy_pic.png"
+                            }
+                        ]
+                    }
+                ]
+            },
+            "theme":"lightbox",
+            "properties":
+            {
+                "closeable":"true"
+            }
+        },
+        {
+            "id":"solution",
+            "title":"${solution_comment_title}",
+            "content":
+            {
+                "type":"documentPlain",
+                "flowAreas":
+                [
+                    {
+                        "id":"frame1",
+                        "elements":
+                        [
+                            {
+                                "type":"text",
+                                "id":"matrixsingle-solution-comment-text",
+                                "text":"-"
+                            }
+                        ]
+                    }
+                ]
+            }
+        }
+    ]
+  }

server/vbv_lernwelt/static/media/demo_oktober/fach_check_reisen/contents/1234_all/pages/item_MC.json

@@ -0,0 +1,118 @@
+{
+  "type": "multipleChoice",
+  "interaction": {
+    "id": "item_MC",
+    "type": "singleChoice",
+    "attempts": 0,
+    "shuffleAnswers": true,
+    "feedback": {
+      "immediate": false
+    },
+    "solution": "{{solution_text}}",
+    "scoring": {
+      "maxPoints": 1,
+      "weight": 1,
+      "scheme": "correctMinusIncorrect"
+    }
+  },
+  "flowAreas": [
+    {
+      "id": "frame1",
+      "elements": [
+        {
+          "type": "title",
+          "id": "singlechoice-question-title",
+          "text": "{{question_title}}"
+        },
+        {
+          "type": "text",
+          "id": "singlechoice-question-text",
+          "text": "{{question_text}}"
+        },
+        {
+          "type": "pdfLink",
+          "id": "singlechoice-pdf-link",
+          "text": "<p><a href=\"${contentDir}/media/pdf/{{pdflink_filename}}\" target=\"_blank\"><span>{{pdflink_text}}</span></a></p>"
+        },
+        {
+          "type": "image",
+          "id": "singlechoice-image",
+          "classIds": ["ignoreSize"],
+          "url": "${contentDir}/media/images/dummy_pic.png",
+          "hyperlink": "#window/1414b7c014c-83"
+        }
+      ]
+    },
+    {
+      "id": "frame2",
+      "elements": [
+        {
+          "type": "textAnswer",
+          "id": "singlechoice-text-answer-1",
+          "sid": "A",
+          "label": "CHF 125'000.-- (richtig)",
+          "input": "radio"
+        },
+        {
+          "type": "textAnswer",
+          "id": "singlechoice-text-answer-2",
+          "sid": "B",
+          "label": "CHF 100500.--",
+          "input": "radio"
+        },
+        {
+          "type": "textAnswer",
+          "id": "singlechoice-text-answer-3",
+          "sid": "C",
+          "label": "CHF 155'000.--",
+          "input": "radio"
+        }
+      ]
+    }
+  ],
+  "windows": [
+    {
+      "id": "1414b7c014c-83",
+      "content": {
+        "type": "documentPlain",
+        "flowAreas": [
+          {
+            "id": "frame1",
+            "elements": [
+              {
+                "type": "image",
+                "id": "image1",
+                "url":"${contentDir}/media/images/dummy_pic.png"
+              }
+            ]
+          }
+        ]
+      },
+      "theme": "lightbox",
+      "properties": {
+        "minimizable": false,
+        "closeable": true
+      }
+    },
+    {
+      "id": "solution",
+      "title": "${solution_comment_title}",
+      "content": {
+        "type":"documentPlain",
+        "flowAreas": [
+          {
+            "id":"frame1",
+            "elements":
+            [
+              {
+                "type": "text",
+                "id": "singlechoice-solution-comment-text",
+                "text": "{{solution_comment_text}}"
+              }
+            ]
+          }
+        ]
+      }
+    }
+  ]
+}

server/vbv_lernwelt/static/media/demo_oktober/fach_check_reisen/contents/1234_all/pages/item_MR.json

@@ -0,0 +1,124 @@
+{
+  "type": "multipleChoice",
+  "interaction": {
+    "id": "item_MR",
+    "type": "multipleChoice",
+    "attempts": 0,
+    "shuffleAnswers": true,
+    "feedback": {
+      "immediate": false
+    },
+    "solution": "{{solution_text}}",
+    "scoring": {
+      "maxPoints": 1,
+      "weight": 1,
+      "scheme": "correctMinusIncorrect"
+    }
+  },
+  "flowAreas": [
+    {
+      "id": "frame1",
+      "elements": [
+        {
+          "type": "title",
+          "id": "multiplechoice-question-title",
+          "text": "{{question_title}}"
+        },
+        {
+          "type": "text",
+          "id": "multiplechoice-question-text",
+          "text": "{{question_text}}"
+        },
+        {
+          "type": "pdfLink",
+          "id": "multiplechoice-pdf-link",
+          "text": "<p><a href=\"${contentDir}/media/pdf/{{pdflink_filename}}\" target=\"_blank\"><span>{{pdflink_text}}</span></a></p>"
+        },
+        {
+          "type": "image",
+          "id": "multiplechoice-image",
+          "classIds": ["ignoreSize"],
+          "url": "${contentDir}/media/images/dummy_pic.png",
+          "hyperlink": "#window/1414b7c014c-83"
+        }
+      ]
+    },
+    {
+      "id": "frame2",
+      "elements": [
+        {
+          "type": "textAnswer",
+          "id": "multiplechoice-text-answer-1",
+          "sid": "A",
+          "label": "Antwort A",
+          "input": "checkbox"
+        },
+        {
+          "type": "textAnswer",
+          "id": "multiplechoice-text-answer-2",
+          "sid": "B",
+          "label": "Antwort B (richtig)",
+          "input": "checkbox"
+        },
+        {
+          "type": "textAnswer",
+          "id": "multiplechoice-text-answer-3",
+          "sid": "C",
+          "label": "Antwort C (richtig)",
+          "input": "checkbox"
+        },
+        {
+          "type": "textAnswer",
+          "id": "multiplechoice-text-answer-4",
+          "sid": "D",
+          "label": "Antwort D",
+          "input": "checkbox"
+        }
+      ]
+    }
+  ],
+  "windows": [
+    {
+      "id": "1414b7c014c-83",
+      "content": {
+        "type": "documentPlain",
+        "flowAreas": [
+          {
+            "id": "frame1",
+            "elements": [
+              {
+                "type": "image",
+                "id": "image1",
+                "url": "${contentDir}/media/images/dummy_pic.png"
+              }
+            ]
+          }
+        ]
+      },
+      "theme": "lightbox",
+      "properties": {
+        "minimizable": false,
+        "closeable": true
+      }
+    },
+    {
+      "id": "solution",
+      "title": "${solution_comment_title}",
+      "content": {
+        "type": "documentPlain",
+        "flowAreas": [
+          {
+            "id": "frame1",
+            "elements": [
+              {
+                "type": "text",
+                "id": "multiplechoice-solution-comment-text",
+                "text": "{{solution_comment_text}}"
+              }
+            ]
+          }
+        ]
+      }
+    }
+  ]
+}

server/vbv_lernwelt/static/media/demo_oktober/fach_check_reisen/contents/1234_all/pages/item_MTF.json

@@ -0,0 +1,230 @@
+{
+  "type": "testInteraction",
+  "interaction": {
+    "id": "item_MTF",
+    "type": "matrixSingle",
+	"shuffleAnswers": true,
+    "attempts": 0,
+    "feedback": {
+      "immediate": false
+    },
+    "solution": "{{solution_text}}",
+    "scoring": {
+      "maxPoints": 1,
+      "weight": 1,
+      "scheme": "correctMinusIncorrect",
+			"subtractions": {
+				"incorrect": true,
+				"empty": false,
+				"lowerLimit":  0
+			}
+    }
+  },
+  "flowAreas": [
+    {
+      "id": "frame1",
+      "elements": [
+        {
+          "type": "title",
+          "id": "matrixsingle-question-title",
+          "text": "{{question_title}}"
+        },
+        {
+          "type": "text",
+          "id": "matrixsingle-question-text",
+          "text": "{{question_text}}"
+        },
+        {
+          "type": "pdfLink",
+          "id": "matrixsingle-pdf-link",
+          "text": "<p><a href=\"${contentDir}/media/pdf/{{pdflink_filename}}\" target=\"_blank\"><span>{{pdflink_text}}</span></a></p>"
+        },
+        {
+          "type": "image",
+          "id": "matrixsingle-image",
+          "classIds": ["ignoreSize"],
+          "url": "${contentDir}/media/images/dummy_pic.png",
+          "hyperlink": "#window/1414b7c014c-83"
+        }
+      ]
+    },
+    {
+      "id": "frame2",
+      "elements": [
+        {
+          "type": "matrixRowHeader",
+          "id": "matrixsingle-row-header",
+          "columns": [
+            {
+              "type": "text",
+              "text": "Richtig"
+            },
+            {
+              "type": "text",
+              "text": "Falsch"
+            }
+          ]
+        },
+        {
+          "type": "matrixRow",
+          "id": "matrixsingle-row-1",
+          "sid": "1",
+          "columns": [
+            {
+              "type": "text",
+              "text": "Betreff: Etwas für dich; Anhang: Bilder.xls"
+            },
+            {
+              "sid": "B",
+              "type": "radio"
+            },
+            {
+              "sid": "A",
+              "type": "radio"
+            }
+          ]
+        },
+        {
+          "type": "matrixRow",
+          "id": "matrixsingle-row-2",
+          "sid": "2",
+          "columns": [
+            {
+              "type": "text",
+              "text": "Betreff: Warnung; Anhang: Programm.exe"
+            },
+            {
+              "sid": "B",
+              "type": "radio"
+            },
+            {
+              "sid": "A",
+              "type": "radio"
+            }
+          ]
+        },
+        {
+          "type": "matrixRow",
+          "id": "matrixsingle-row-3",
+          "sid": "3",
+          "columns": [
+            {
+              "type": "text",
+              "text": "Betreff: Wichtig; Anhang: Documente.zip"
+            },
+            {
+              "sid": "B",
+              "type": "radio"
+            },
+            {
+              "sid": "A",
+              "type": "radio"
+            }
+          ]
+        },
+        {
+          "type": "matrixRow",
+          "id": "matrixsingle-row-4",
+          "sid": "4",
+          "columns": [
+            {
+              "type": "text",
+              "text": "Betreff: Party; Anhang: Party.jpg"
+            },
+            {
+              "sid": "B",
+              "type": "radio"
+            },
+            {
+              "sid": "A",
+              "type": "radio"
+            }
+          ]
+        },
+        {
+          "type": "matrixRow",
+          "id": "matrixsingle-row-5",
+          "sid": "5",
+          "columns": [
+            {
+              "type": "text",
+              "text": "Betreff: Achtung Virus; Anhang: -"
+            },
+            {
+              "sid": "B",
+              "type": "radio"
+            },
+            {
+              "sid": "A",
+              "type": "radio"
+            }
+          ]
+        },
+        {
+          "type": "matrixRow",
+          "id": "matrixsingle-row-6",
+          "sid": "6",
+          "columns": [
+            {
+              "type": "text",
+              "text": "Betreff: Budget des Projektes „Fuchs“; Anhang: Budget.xls"
+            },
+            {
+              "sid": "B",
+              "type": "radio"
+            },
+            {
+              "sid": "A",
+              "type": "radio"
+            }
+          ]
+        }
+      ]
+    }
+  ],
+  "windows": [
+    {
+      "id": "1414b7c014c-83",
+      "content": {
+        "type": "documentPlain",
+        "flowAreas": [
+          {
+            "id": "frame1",
+            "elements": [
+              {
+                "type": "image",
+                "id": "image1",
+                "url":"${contentDir}/media/images/dummy_pic.png"
+              }
+            ]
+          }
+        ]
+      },
+      "theme": "lightbox",
+      "properties": {
+        "minimizable": false,
+        "closeable": true
+      }
+    },
+    {
+      "id": "solution",
+      "title": "${solution_comment_title}",
+      "content": {
+        "type":"documentPlain",
+        "flowAreas": [
+          {
+            "id":"frame1",
+            "elements":
+            [
+              {
+                "type": "text",
+                "id": "matrixsingle-solution-comment-text",
+                "text": "{{solution_comment_text}}"
+              }
+            ]
+          }
+        ]
+      }
+    }
+  ]
+}

server/vbv_lernwelt/static/media/demo_oktober/fach_check_reisen/contents/1234_all/pages/item_OP.json

@@ -0,0 +1,136 @@
+{
+  "type": "testInteraction",
+  "interaction": {
+    "id": "item_OP",
+    "type": "openQuestion",
+    "attempts": 0,
+    "shuffleAnswers": true,
+    "feedback": {
+      "immediate": false
+    },
+    "solution": "{{solution_text}}",
+    "scoring": {
+      "maxPoints": 1,
+      "weight": 1,
+      "scheme": "allCorrect"
+    }
+  },
+  "flowAreas": [
+    {
+      "id": "frame1",
+      "elements": [
+        {
+          "type": "title",
+          "id": "open-question-question-title",
+          "text": "{{question_title}}"
+        },
+        {
+          "type": "text",
+          "id": "open-question-question-label",
+          "text": "{{question}}"
+        },
+        {
+          "type": "image",
+          "id": "open-question-question-image",
+          "classIds": ["ignoreSize"],
+          "url": "${contentDir}/media/images/dummy_pic.png",
+          "hyperlink": "#window/1414b7c014c-83"
+        },
+        {
+          "type": "text",
+          "id": "open-question-question-text",
+          "text": "{{question_text}}"
+        },
+        {
+          "type": "pdfLink",
+          "id": "open-question-question-pdf-link",
+          "text": "<p><a href=\"${contentDir}/media/pdf/{{pdflink_filename}}\" target=\"_blank\"><span>{{pdflink_text}}</span></a></p>"
+        },
+        {
+          "type": "text",
+          "id": "open-question-answer-label",
+          "text": "{{answer}}"
+        },
+        {
+          "type": "textArea",
+          "id": "open-question-answer-input",
+          "sid": "C"
+        }
+      ]
+    }
+  ],
+  "windows": [
+    {
+      "id": "1414b7c014c-83",
+      "content": {
+        "type": "documentPlain",
+        "flowAreas": [
+          {
+            "id": "frame1",
+            "elements": [
+              {
+                "type": "image",
+                "id": "image1",
+                "url":"${contentDir}/media/images/dummy_pic.png"
+              }
+            ]
+          }
+        ]
+      },
+      "theme": "lightbox",
+      "properties": {
+        "minimizable": false,
+        "closeable": true
+      }
+    },
+    {
+      "id": "solution",
+      "title": "${solution_comment_title}",
+      "content": {
+        "type":"documentPlain",
+        "flowAreas": [
+          {
+            "id":"frame1",
+            "elements":
+            [
+              {
+                "type": "text",
+                "id": "open-question-solution-comment-text",
+                "text": "{{solution_comment_text}}"
+              }
+            ]
+          }
+        ]
+      }
+    },
+    {
+      "id":"evaluationCriteria",
+      "title":"${evaluation_criteria_title}",
+      "content":
+      {
+          "type":"documentPlain",
+          "flowAreas":
+          [
+              {
+                  "id":"frame1",
+                  "elements":
+                  [
+                      {
+                          "type":"text",
+                          "id":"evaluationCriteriaText",
+                          "text":"{{ evaluation_criteria_text }}"
+                      }
+                  ]
+              }
+          ]
+      },
+      "properties":
+      {
+          "closeable":"true",
+          "styleClasses": {
+            "window": "evaluationCriteriaWindow"
+          }
+      }
+    }
+  ]
+}

server/vbv_lernwelt/static/media/demo_oktober/fach_check_reisen/contents/1234_all/pages/item_OPT.json

@@ -0,0 +1,117 @@
+{
+  "type": "testInteraction",
+  "interaction": {
+    "id": "item_OPT",
+    "type": "openQuestion",
+    "attempts": 0,
+    "shuffleAnswers": true,
+    "feedback": {
+      "immediate": false
+    },
+    "solution": "{{solution_text}}",
+    "scoring": {
+      "maxPoints": 1,
+      "weight": 1,
+      "scheme": "allCorrect"
+    }
+  },
+  "flowAreas": [
+    {
+      "id": "frame1",
+      "elements": [
+        {
+          "type": "title",
+          "id": "13e454e8feb-2[p]",
+          "text": "{{question_title}}",
+          "x": "-409px",
+          "y": "0px",
+          "width": "1142px",
+          "height": "53px"
+        },
+        {
+          "type": "text",
+          "id": "13b9916919a-5",
+          "text": "{{initial_position}}",
+          "x": "-409px",
+          "y": "53px",
+          "width": "596px"
+        },
+        {
+          "type": "text",
+          "id": "123hgbsda945-c",
+          "style": {
+            "display": "block",
+            "overflow-y": "auto",
+            "height": "170px",
+            "padding": "2px 0 0 2px",
+            "background": "rgba(255, 255, 255, 0.5)",
+            "filter": "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#7cffffff', endColorstr='#7cffffff')",
+            "-webkit-border-top-left-radius": "4px",
+            "-webkit-border-top-right-radius": "4px",
+            "-moz-border-radius-topleft": "4px",
+            "-moz-border-radius-topright": "4px",
+            "border-top-left-radius": "4px",
+            "border-top-right-radius": "4px",
+            "-webkit-box-shadow": "#666 0px 2px 4px",
+            "-moz-box-shadow": "#666 0px 4px 4px",
+            "box-shadow": "#666 0px 2px 4px"
+          },
+          "text": "{{initial_position_text}}",
+          "x": "-409px",
+          "y": "80px",
+          "width": "596px"
+        },
+        {
+          "type": "text",
+          "id": "13b99sadsdsdasdasdasdasda",
+          "text": "{{question}}",
+          "x": "-409px",
+          "y": "263px",
+          "width": "596px"
+        },
+        {
+          "type": "text",
+          "id": "13a64c8fedf-a",
+          "style": {
+            "display": "block",
+            "overflow-y": "auto",
+            "height": "170px",
+            "padding": "2px 0 0 2px",
+            "background": "rgba(255, 255, 255, 0.5)",
+            "filter": "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#7cffffff', endColorstr='#7cffffff')",
+            "-webkit-border-top-left-radius": "4px",
+            "-webkit-border-top-right-radius": "4px",
+            "-moz-border-radius-topleft": "4px",
+            "-moz-border-radius-topright": "4px",
+            "border-top-left-radius": "4px",
+            "border-top-right-radius": "4px",
+            "-webkit-box-shadow": "#666 0px 2px 4px",
+            "-moz-box-shadow": "#666 0px 4px 4px",
+            "box-shadow": "#666 0px 2px 4px"
+          },
+          "text": "{{question_text}}",
+          "x": "-409px",
+          "y": "290px",
+          "width": "596px"
+        },
+        {
+          "type": "text",
+          "id": "13a64cf49a6-b",
+          "text": "{{answer}}",
+          "x": "206px",
+          "y": "53px",
+          "width": "528px"
+        },
+        {
+          "type": "textArea",
+          "id": "1296f05cf4d-3",
+          "sid": "C",
+          "x": "206px",
+          "y": "80px",
+          "width": "596px",
+          "height": "375px"
+        }
+      ]
+    }
+  ]
+}

server/vbv_lernwelt/static/media/demo_oktober/fach_check_reisen/contents/1234_all/pages/item_TF.json

@@ -0,0 +1,111 @@
+{
+  "type": "multipleChoice",
+  "interaction": {
+    "id": "item_TF",
+    "type": "trueFalse",
+    "attempts": 0,
+    "shuffleAnswers": false,
+    "feedback": {
+      "immediate": false
+    },
+    "solution": "{{solution_text}}",
+    "scoring": {
+      "maxPoints": 1,
+      "weight": 1,
+      "scheme": "correctMinusIncorrect"
+    }
+  },
+  "flowAreas": [
+    {
+      "id": "frame1",
+      "elements": [
+        {
+          "type": "title",
+          "id": "truefalse-question-title",
+          "text": "{{question_title}}"
+        },
+        {
+          "type": "text",
+          "id": "truefalse-question-text",
+          "text": "{{question_text}}"
+        },
+        {
+          "type": "pdfLink",
+          "id": "truefalse-pdf-link",
+          "text": "<p><a href=\"${contentDir}/media/pdf/{{pdflink_filename}}\" target=\"_blank\"><span>{{pdflink_text}}</span></a></p>"
+        },
+        {
+          "type": "image",
+          "id": "truefalse-image",
+          "url": "${contentDir}/media/images/dummy_pic.png",
+          "classIds": ["ignoreSize"],
+          "hyperlink": "#window/1414b7c014c-83"
+        }
+      ]
+    },
+    {
+      "id": "frame2",
+      "elements": [
+        {
+          "type": "textAnswer",
+          "id": "truefalse-text-answer-correct",
+          "sid": "T",
+          "label": "Richtig",
+          "input": "radio"
+        },
+        {
+          "type": "textAnswer",
+          "id": "truefalse-text-answer-incorrect",
+          "sid": "F",
+          "label": "Falsch",
+          "input": "radio"
+        }
+      ]
+    }
+  ],
+  "windows": [
+    {
+      "id": "1414b7c014c-83",
+      "content": {
+        "type": "documentPlain",
+        "flowAreas": [
+          {
+            "id": "frame1",
+            "elements": [
+              {
+                "type": "image",
+                "id": "image1",
+                "url":"${contentDir}/media/images/dummy_pic.png"
+              }
+            ]
+          }
+        ]
+      },
+      "theme": "lightbox",
+      "properties": {
+        "minimizable": false,
+        "closeable": true
+      }
+    },
+    {
+      "id": "solution",
+      "title": "${solution_comment_title}",
+      "content": {
+        "type":"documentPlain",
+        "flowAreas": [
+          {
+            "id":"frame1",
+            "elements":
+            [
+              {
+                "type": "text",
+                "id": "truefalse-solution-comment-text",
+                "text": "{{solution_comment_text}}"
+              }
+            ]
+          }
+        ]
+      }
+    }
+  ]
+}

server/vbv_lernwelt/static/media/demo_oktober/fach_check_reisen/contents/1234_all/pages/item_hotspot.json

@@ -0,0 +1,78 @@
+{
+    "type":"smartFrames",
+    "interaction":
+    {
+        "id":"3245_de",
+        "type":"{{hotspot_type}}",
+        "attempts":0,
+        "feedback":
+        {
+            "immediate":false
+        },
+        "solution": "{{solution_text}}",
+        "scoring":
+        {
+            "maxPoints":4,
+            "weight":2,
+            "scheme":"correctMinusIncorrect"
+        }
+    },
+    "flowAreas":
+    [
+        {
+            "id":"leftFrame",
+            "elements":
+            [
+                {
+                    "type":"title",
+                    "id":"hotspot-question-title",
+                    "text":"{{question_title}}"
+                },
+                {
+                    "type":"text",
+                    "id":"hotspot-question-text",
+                    "text":"{{question_text}}"
+                },
+                {
+                    "type": "pdfLink",
+                    "id": "hotspot-question-pdf-link",
+                    "text": "<p><a href=\"${contentDir}/media/pdf/{{pdflink_filename}}\" target=\"_blank\"><span>{{pdflink_text}}</span></a></p>"
+                }
+            ]
+        },
+        {
+            "id":"rightFrame",
+            "elements":
+            [
+                {
+                  "type": "image",
+                  "id": "image1",
+                  "url": "${mediaDir}/images/dummy.png",
+                  "scalable": true
+                }
+            ]
+        }
+    ],
+    "windows": [
+    {
+      "id": "solution",
+      "title": "${solution_comment_title}",
+      "content": {
+        "type":"documentPlain",
+        "flowAreas": [
+          {
+            "id":"frame1",
+            "elements":
+            [
+              {
+                "type": "text",
+                "id": "hotspot-solution-comment-text",
+                "text": "{{solution_comment_text}}"
+              }
+            ]
+          }
+        ]
+      }
+    }
+  ]
+}

server/vbv_lernwelt/static/media/demo_oktober/fach_check_reisen/contents/1234_all/pages/resultpage.json

@@ -0,0 +1,92 @@
+{
+    "type":"dynamicFrames",
+    "flowAreas":
+    [
+        {
+            "id":"frame1",
+            "elements":
+            [
+                {
+                  "type": "title",
+                  "id": "140ee1f2314-2f[p]",
+                  "text": "<p><span>{{html_testReport_title}}: ={studentName}</span></p>"
+                },
+                {
+                  "type": "text",
+                  "id": "resultpage-max-points",
+                  "text": "<p><span>${max_points}</span></p>"
+                },
+                {
+                  "type": "text",
+                  "id": "resultpage-minimal-passing-score",
+                  "text": "<p><span>${minimal_passing_score}</span></p>"
+                },
+                {
+                  "type": "text",
+                  "id": "resultpage-score",
+                  "text": "<p><span>${your_score}</span></p>"
+                },
+                {
+                  "type": "text",
+                  "id": "resultpage-bilanz",
+                  "text": "<p><span>${testReport_bilanz}</span></p>"
+                },
+                {
+                  "type": "text",
+                  "id": "resultpage-number-of-attempts",
+                  "text": "<p><span>${number_of_attempts}</span></p>"
+                },
+                {
+                  "type": "text",
+                  "id": "resultpage-elapsed-time-text",
+                  "text": "<p><span>${elapsed_time}</span></p>"
+                },
+                {
+                  "type": "text",
+                  "id": "resultpage-max-score",
+                  "text": "<p><span>={maxScore} (100%)</span></p>"
+                },
+                {
+                  "type": "text",
+                  "id": "resultpage-passing-data",
+                  "text": "<p><span>={passingScore} (={passing_percentage})</span></p>"
+                },
+                {
+                  "type": "text",
+                  "id": "resultpage-passing-test-results",
+                  "text": "<p><span>={score}  (={percentage})</span></p>"
+                },
+                {
+                  "type": "text",
+                  "id": "resultpage-compared-number-of-attempts",
+                  "text": "<p><span>${compared_number_of_attempts}</span></p>"
+                },
+                {
+                  "type": "text",
+                  "id": "resultpage-elapsed-time",
+                  "text": "<p><span>={elapsedTime}</span></p>"
+                },
+                {
+                  "type": "text",
+                  "id": "resultpage-last-run",
+                  "text": "${last_run_timestamp}"
+                },
+                {
+                  "type":"text",
+                  "id":"resultpage-start-time",
+                  "text":"<p><span>={startTimestamp}<\/span><\/p>"
+                }
+            ]
+        },
+        {
+          "id": "frame2",
+          "elements": [
+            {
+              "type": "testReportTable",
+              "exactScore": true,
+              "id": "resultpage-testreporttable"
+            }
+          ]
+        }
+    ]
+}

server/vbv_lernwelt/static/media/demo_oktober/fach_check_reisen/contents/1234_all/pages/startpage.json

@@ -0,0 +1,97 @@
+{
+  "type": "dynamicFrames",
+  "flowAreas": [
+    {
+      "id": "frame1",
+      "elements": [
+        {
+          "type": "text",
+          "id": "startpage-title",
+          "text": "${startpage_title}"
+        },
+        {
+          "type": "text",
+          "id": "startpage-intro",
+          "text": "{{startpage_intro}}"
+        },
+        {
+          "type": "text",
+          "id": "startpage-number-of-questions-text",
+          "text": "{{startpage_number_of_questions_text}}"
+        },
+        {
+          "type": "text",
+          "id": "startpage-number-of-questions",
+          "text": "{{number_of_questions}}"
+        },
+        {
+            "type":"text",
+            "id":"startpage-max-points",
+            "text":"<p><span>${max_points}<\/span><\/p>"
+        },
+        {
+            "type":"text",
+            "id":"startpage-max-score",
+            "text":"<p><span>={maxScore}<\/span><\/p>"
+        },
+        {
+            "type":"text",
+            "id":"startpage-minimal-passing-score",
+            "text":"<p><span>${minimal_passing_score}<\/span><\/p>"
+        },
+        {
+            "type":"text",
+            "id":"startpage-passing-data",
+            "text":"<p><span>={passingScore} (={passing_percentage})<\/span><\/p>"
+        },
+        {
+          "type": "text",
+          "id": "startpage-work-time-text",
+          "text": "{{startpage_work_time_minutes_text}}"
+        },
+        {
+          "type": "text",
+          "id": "startpage-work-time",
+          "text": "{{work_time_minutes}}"
+        },
+        {
+          "type": "text",
+          "id": "startpage-number-of-attempts",
+          "text": "<p><span>${number_of_attempts}</span></p>"
+        },
+        {
+          "type": "text",
+          "id": "startpage-compared-number-of-attempts",
+          "text": "${compared_number_of_attempts}"
+        },
+        {
+          "type": "text",
+          "id": "startpage-student-name",
+          "text": "${student_name}"
+        },
+        {
+          "type":"text",
+          "id":"startpage-student-name-field",
+          "text":"<span class=\"editable-field type-textfield\" data-fieldkey=\"studentName\">={studentName}<\/span>"
+        },
+        {
+          "type":"image",
+          "id":"startpage-image",
+          "url": "${contentDir}/media/images/dummy_pic.png",
+          "classIds": ["ignoreSize"]
+        },
+        {
+          "type": "confirmCheckbox",
+          "id": "13ad5ce10b1-10",
+          "text": "{{startpage_confirmation_text}}",
+          "x": "0px",
+          "y": "428px"
+        }
+      ]
+    },
+    {
+      "id": "frame3",
+      "elements": []
+    }
+  ]
+}

server/vbv_lernwelt/static/media/demo_oktober/fach_check_reisen/contents/1234_all/translations.json

@@ -0,0 +1,374 @@
+[
+  {
+    "key": "button_label_repeat_test",
+    "value": "{{button_label_repeat_test}}"
+  },
+  {
+    "key": "dialog_evaluation_text_timelimit",
+    "value": "{{dialog_evaluation_text_timelimit}}"
+  },
+  {
+    "key": "dialog_evaluation_title",
+    "value": "{{dialog_evaluation_title}}"
+  },
+  {
+    "key": "dialog_start_test_button_label_repeat",
+    "value": "{{dialog_start_test_button_label_repeat}}"
+  },
+  {
+    "key": "dialog_start_test_button_label_show_result",
+    "value": "{{dialog_start_test_button_label_show_result}}"
+  },
+  {
+    "key": "dialog_start_test_text",
+    "value": "{{dialog_start_test_text}}"
+  },
+  {
+    "key": "dialog_test_overview_point",
+    "value": "{{dialog_test_overview_point}}"
+  },
+  {
+    "key": "dialog_test_overview_points",
+    "value": "{{dialog_test_overview_points}}"
+  },
+  {
+    "key": "dialog_timeout_button_label_ok",
+    "value": "{{dialog_timeout_button_label_ok}}"
+  },
+  {
+    "key": "dialog_quit_text",
+    "value": "{{dialog_quit_text}}"
+  },
+  {
+    "key": "exitAlert_cancel",
+    "value": "{{exitAlert_cancel}}"
+  },
+  {
+    "key": "exitAlert_ok",
+    "value": "{{exitAlert_ok}}"
+  },
+  {
+    "key": "feedback_solved_incorrectly",
+    "value": "{{feedback_solved_incorrectly}}"
+  },
+  {
+    "key": "feedback_solved_partially_correct",
+    "value": "{{feedback_solved_partially_correct}}"
+  },
+  {
+    "key": "question_overview_close_label",
+    "value": "{{question_overview_close_label}}"
+  },
+  {
+    "key": "question_overview_text",
+    "value": "{{question_overview_text}}"
+  },
+  {
+    "key": "question_overview_title",
+    "value": "{{question_overview_title}}"
+  },
+  {
+    "key": "testFinalEvaluation_text",
+    "value": "{{testFinalEvaluation_text}}"
+  },
+  {
+    "key": "testFinalEvaluation_title",
+    "value": "{{testFinalEvaluation_title}}"
+  },
+  {
+    "key": "testSuccess_failed",
+    "value": "<b>{{testSuccess_failed}}</b>"
+  },
+  {
+    "key": "testSuccess_passed",
+    "value": "<b>{{testSuccess_passed}}</b>"
+  },
+  {
+    "key": "test_counter_von",
+    "value": "{{test_counter_von}}"
+  },
+  {
+    "key": "application_title",
+    "value": "{{application_title}}"
+  },
+  {
+    "key": "question_overview_legende_normal",
+    "value": "{{question_overview_legende_normal}}"
+  },
+  {
+    "key": "question_overview_legende_answered",
+    "value": "{{question_overview_legende_answered}}"
+  },
+  {
+    "key": "question_overview_legende_marked",
+    "value": "{{question_overview_legende_marked}}"
+  },
+  {
+    "key": "question_overview_points",
+    "value": "{{question_overview_points}}"
+  },
+  {
+    "key": "question_overview_point",
+    "value": "{{question_overview_point}}"
+  },
+  {
+    "key": "label_question_overview",
+    "value": "{{label_question_overview}}"
+  },
+  {
+    "key": "label_bookmark",
+    "value": "{{label_bookmark}}"
+  },
+  {
+    "key": "label_close",
+    "value": "{{label_close}}"
+  },
+  {
+    "key": "label_guidelines",
+    "value": "{{label_guidelines}}"
+  },
+  {
+    "key": "nav_time_text",
+    "value": "{{nav_time_text}}"
+  },
+  {
+    "key": "nav_question_text",
+    "value": "{{nav_question_text}}"
+  },
+  {
+    "key": "dialog_info_close",
+    "value": "{{dialog_info_close}}"
+  },
+  {
+    "key": "dialog_info_title",
+    "value": "{{dialog_info_title}}"
+  },
+  {
+    "key": "dialog_info_subTitle",
+    "value": "{{dialog_info_subTitle}}"
+  },
+  {
+    "key": "dialog_info_context",
+    "value": "{{dialog_info_context}}"
+  },
+  {
+    "key": "label_info",
+    "value": "{{label_guidelines}}"
+  },
+  {
+    "key": "print_results",
+    "value": "{{print_results}}"
+   },
+  {
+    "key": "max_points",
+    "value": "{{max_points}}"
+  },
+  {
+    "key": "minimal_passing_score",
+    "value": "{{minimal_passing_score}}"
+  },
+  {
+    "key": "your_score",
+    "value": "{{your_score}}"
+  },
+  {
+    "key": "number_of_attempts",
+    "value": "{{number_of_attempts}}"
+  },
+  {
+    "key": "testReport_bilanz",
+    "value": "={passedText}"
+  },
+  {
+    "key": "number_of_starts",
+    "value": "{{number_of_starts}}"
+  },
+  {
+    "key": "last_run_timestamp",
+    "value": "{{last_run_timestamp}}"
+  },
+  {
+    "key": "label_show_feedback",
+    "value": "{{label_show_feedback}}"
+  },
+  {
+    "key": "label_show_certificate",
+    "value": "{{label_show_certificate}}"
+  },
+  {
+    "key": "label_restart_test",
+    "value": "{{label_restart_test}}"
+  },
+  {
+    "key": "testReport_bilanz_default",
+    "value": "{{testReport_bilanz_default}}"
+  },
+  {
+    "key": "testReport_correct",
+    "value": "{{testReport_correct}}"
+  },
+  {
+    "key": "testReport_incorrect",
+    "value": "{{testReport_incorrect}}"
+  },
+  {
+    "key": "testReport_maxScore",
+    "value": "{{testReport_maxScore}}"
+  },
+  {
+    "key": "testReport_nr",
+    "value": "{{testReport_nr}}"
+  },
+  {
+    "key": "testReport_score",
+    "value": "{{testReport_score}}"
+  },
+  {
+    "key": "testReport_subject",
+    "value": "{{testReport_subject}}"
+  },
+  {
+    "key": "label_header",
+    "value": "{{label_header}}"
+  },
+  {
+    "key": "startpage_title",
+    "value": "{{startpage_title}}"
+  },
+  {
+    "key": "compared_number_of_attempts",
+    "value": "={trials} {{startpage_of}} ={maxTrials}"
+  },
+  {
+    "key": "default_dialog_scorm_error_title",
+    "value": "{{default_dialog_scorm_error_title}}"
+  },
+  {
+    "key": "default_dialog_scorm_error_message",
+    "value": "{{default_dialog_scorm_error_message}}"
+  },
+  {
+    "key": "default_dialog_scorm_error_init_message",
+    "value": "{{default_dialog_scorm_error_init_message}}"
+  },
+  {
+    "key": "default_dialog_scorm_error_button_close",
+    "value": "{{default_dialog_scorm_error_button_close}}"
+  },
+  {
+    "key": "default_dialog_scorm_retry_title",
+    "value": "{{default_dialog_scorm_retry_title}}"
+  },
+  {
+    "key": "default_dialog_scorm_retry_message",
+    "value": "{{default_dialog_scorm_retry_message}}"
+  },
+  {
+    "key": "default_dialog_scorm_retry_message_failed",
+    "value": "{{default_dialog_scorm_retry_message_failed}}"
+  },
+  {
+    "key": "default_dialog_scorm_retry_button_retry",
+    "value": "{{default_dialog_scorm_retry_button_retry}}"
+  },
+  {
+    "key": "default_dialog_scorm_retry_button_close",
+    "value": "{{default_dialog_scorm_retry_button_close}}"
+  },
+  {
+    "key": "elapsed_time",
+    "value": "{{elapsed_time}}"
+  },
+  {
+    "key": "dialog_web_service_error_title",
+    "value": "{{dialog_web_service_error_title}}"
+  },
+  {
+    "key": "dialog_web_service_error_message",
+    "value": "{{dialog_web_service_error_message}}"
+  },
+  {
+    "key": "dialog_certificate_title",
+    "value": "{{dialog_certificate_title}}"
+  },
+  {
+    "key": "dialog_sitemap_button_label_close",
+    "value": "{{dialog_sitemap_button_label_close}}"
+  },
+  {
+    "key": "guest",
+    "value": "{{guest}}"
+  },
+  {
+    "key": "student_name",
+    "value": "{{student_name}}"
+  },
+  {
+    "key": "certificate_passing_title",
+    "value": "{{certificate_passing_title}}"
+  },
+  {
+    "key": "label_show_solution",
+    "value": "{{label_show_solution}}"
+  },
+  {
+    "key": "solution_comment_title",
+    "value": "{{solution_comment_title}}"
+  },
+  {
+    "key": "evaluation_chapter_not_evaluated_title",
+    "value": "{{ dialog_chapter_not_evaluated_title }}"
+  },
+  {
+    "key": "evaluation_chapter_not_evaluated_message",
+    "value": "{{ dialog_chapter_not_evaluated_message }}"
+  },
+  {
+    "key": "testSuccess_unknown",
+    "value": "{{ test_success_unknown }}"
+  },
+  {
+    "key": "testreport_score_result",
+    "value": "{{ testreport_score_result }}"
+  },
+  {
+    "key": "testreport_score_result_unknown",
+    "value": "{{ testreport_score_result_unknown }}"
+  },
+  {
+    "key": "label_finish_evaluation",
+    "value": "{{ label_finish_evaluation }}"
+  },
+  {
+    "key": "label_evaluation_criteria",
+    "value": "{{ label_evaluation_criteria }}"
+  },
+  {
+    "key": "evaluation_success",
+    "value": "{{ evaluation_success }}"
+  },
+  {
+    "key": "evaluation_maxscore_of_points",
+    "value": "{{ evaluation_maxscore_of_points }}"
+  },
+  {
+    "key": "evaluation_criteria_title",
+    "value": "{{ evaluation_criteria_title }}"
+  },
+  {
+    "key": "read_more_link",
+    "value": "{{ read_more_link }}"
+  },
+  {
+    "key": "dialog_dnd_text_button_label_cancel",
+    "value": "{{ dialog_dnd_text_button_label_cancel }}"
+  },
+  {
+    "key": "default_dialog_scorm_retry_message_zip",
+    "value": "{{default_dialog_scorm_retry_message_zip}}"
+  },
+  {
+    "key": "default_dialog_scorm_retry_button_zip",
+    "value": "{{default_dialog_scorm_retry_button_zip}}"
+  }
+]

server/vbv_lernwelt/static/media/demo_oktober/fach_check_reisen/contents/2852_20220930_1133/certificate/certificate.html

@@ -0,0 +1,46 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
+    <script src="js/underscore.js" type="text/javascript" charset="utf-8"></script>
+    <link rel="shortcut icon" href="images/favicon.ico" type="image/x-icon" />
+    <link rel="stylesheet" type="text/css" media="all"  href="css/style.css" />
+    <script>
+    setTimeout(function() {
+      window.print();
+    }, 1000 );
+    </script>
+  </head>
+  <body>
+    <div id="certificate">
+      <div class="certification-header">
+        <div class="logo">
+          <div class="logo_text"></div>
+          <img src="images/header.png" class="bgHeader">
+          <a target="_blank" href="http://education.crealogix.com/clxtestpool/autoren-tool-clxtestpool/">
+            <img height="60px" src="images/logo.png" class="logo" alt="logo" />
+          </a>
+        </div>
+          <h1>TITLE</h1>
+      </div>
+      <div class="certification-body">
+        <div class="certification-textarea">
+          <h2>TITLE</h2>
+          <div class="overview">OVERVIEW</div>
+          <div class="passedText">PASSED TEXT</div>
+          <div class="table-container">QUESTION TABLE</div>
+      <div class="certification-footer">
+        <div class="footerBg"></div>
+        <div class="date">DATE</div>
+        <div class="link">
+          <a target="_blank" href="https://www.vbv.ch/">&copy; VBV</a>
+        </div>
+      </div>
+    </div>
+
+    <!-- DOM is ready here -->
+    <script src="js/certificate.js" type="text/javascript" charset="utf-8"></script>
+  </body>
+</html>

server/vbv_lernwelt/static/media/demo_oktober/fach_check_reisen/contents/2852_20220930_1133/certificate/css/style.css

@@ -0,0 +1,207 @@
+body {
+  background: white;
+}
+
+#certificate {
+  background-color: #FFF;
+  font-family: Arial, Verdana;
+  margin: 10px;
+  line-height: 18px;
+  font-size: 13px;
+  max-width: 768px;
+  min-width: 768px;
+}
+
+.certification-header {
+	position: relative;
+}
+
+.certification-header h1 {
+  position: absolute;
+  left: 0;
+  font-family: 'Arial';
+  font-size: 18px;
+  font-weight: bold;
+  margin: 0 0 10px 0;
+  padding-top: 26px;
+  color: #FFF;
+  margin-left: 10px;
+}
+
+.certification-header h2 {
+  position: absolute;
+  left: 0;
+  top: 33px;
+  font-family: 'Arial';
+  font-size: 18px;
+  margin: 0 0 14px 0;
+  font-weight: normal;
+}
+
+
+.logo {
+  position: absolute;
+  right: 0;
+}
+
+.logo .bgHeader {
+  position: absolute;
+  top: 0px;
+  right: 0;
+  width: 768px;
+  background-color: #00224d;
+}
+
+.logo  img {
+  position: absolute;
+  top: 0;
+  right: 0;
+}
+
+.certification-textarea {
+  padding-top: 100px;
+  margin-left: 10px;
+}
+
+.overview, .certification-footer {
+  font-family: Arial, Verdana;
+  font-size: 13px;
+}
+.certification-body h2 {
+  font-size: 16px;
+  margin: 0 0 10px 0;
+}
+
+.overview {
+  float: left;
+  width: 100%;
+  margin-bottom: 15px;
+}
+.overview .column-1 {
+  float: left;
+  width: 35%;
+}
+.overview .column-2 {
+  float: left;
+  width: 25%;
+}
+.overview .column-3 {
+  float: left;
+  text-align: right;
+  width: 20%;
+
+}
+.overview .column-4 {
+  float: left;
+  text-align: right;
+  width: 20%;
+}
+
+.table-header {
+  border-bottom: 1px solid rgb(196, 196, 196);
+  margin: 15px 0 8px 0;
+  padding-bottom: 2px;
+  font-weight: bold;
+  overflow: hidden;
+  width: 100%;
+}
+
+.table-header.chapter-header {
+  border-bottom:  1px solid rgb(196, 196, 196);
+  padding-bottom: 0px;
+}
+
+.table-footer {
+  height: auto;
+  overflow: auto;
+  margin-top: 10px;
+  padding-top: 5px;
+  border-top: 1px solid rgb(196, 196, 196);
+}
+
+.table-footer .column-1 {
+  float: right;
+  width: 20%;
+  text-align: right;
+  word-break: break-all;
+  font-weight: bold;
+}
+
+.table-footer .column-2 {
+  float: right;
+  width: 20%;
+  word-break: break-all;
+  text-align: right;
+  font-weight: bold;
+}
+
+.table-row {
+  overflow: hidden;
+}
+
+.table-header .column-1,
+.table-row .column-1 {
+  text-align: left;
+  float: left;
+  width: 7%;
+  word-break: break-all;
+}
+.table-header .column-2,
+.table-row .column-2 {
+  float: left;
+  width: 53%;
+  word-break: break-all;
+}
+.table-header .column-3,
+.table-row .column-3 {
+  float: left;
+  text-align: right;
+  width: 20%;
+  word-break: break-all;
+}
+
+.table-header .column-4,
+.table-row .column-4 {
+  float: left;
+  text-align: right;
+  width: 20%;
+  word-break: break-all;
+}
+
+.divider {
+  float: left;
+  width: 100%;
+  border-bottom: 1px dashed gray;
+  margin: 10px 0;
+}
+
+.certification-footer {
+  position: relative;
+  border-top: 1px solid rgb(196, 196, 196);
+  padding-top: 7px;
+  margin-top: 30px;
+}
+.certification-footer .date {
+  position: absolute;
+  top: 10px;
+  left: 5px;
+  color: black;
+}
+.certification-footer .link {
+  position: absolute;
+  top: 10px;
+  right: 5px;
+}
+.certification-footer .link a,
+.certification-footer .link a:hover {
+  color: black;
+  text-decoration: none;
+}
+
+.certification-footer .footerBg {
+  border-bottom: 40px solid white;
+  width: 100%;
+  position: absolute;
+  top: 0px;
+  left: 0px;
+}

server/vbv_lernwelt/static/media/demo_oktober/fach_check_reisen/contents/2852_20220930_1133/certificate/js/certificate.js

@@ -0,0 +1,277 @@
+/*global Certificate:true, document: true, window: true*/
+Certificate = (function( data ){
+  var mapping;
+
+  /**
+   * Template for a table row. Members:
+   * - rowClass: css class for a single row
+   * - columns: list of column strings
+   * 
+   * @private
+   * @method createTableRow
+   * @author Jan Aeberli
+   */
+  var createTableRow = _.template(
+    '<div class="<%= (typeof(rowClass) !== "undefined") ? rowClass : "table-row"  %>">'+
+      ' <% _.each( columns, function( column, index ) { %>' +
+        '<div class="column-<%= index + 1 %>"><%= column %></div>' +
+      '<% }); %>' +
+    '</div>'
+  );
+
+  /**
+   * Template for a table. Members:
+   * - header: stores a header string
+   * - footer: stores a footer string
+   * - contentData: stores the data for the content (list)
+   * - createContentItem: will be called for each element of contentData
+   *
+   * @private
+   * @method createTable
+   * @author Jan Aeberli
+   */
+  var createTable = _.template(
+    '<div class="table <%= className %>"">' +
+    ' <%= header %>' +
+      ' <% _.each( contentData, function( item ) { %>'+
+        '<%= createContentItem( item ) %>' +
+      ' <%} ); %>' +
+    ' <%= footer %>' +
+    '</div>'
+  );
+
+  /**
+   * Creates the overview
+   * 
+   * @method  createOverview
+   * @author  Jan Aeberli
+   */
+  var createOverview = function() {
+    var maxScore = data.setRuntimeValues("={maxScore} <br />" ),
+        passingScore =  data.setRuntimeValues("={passingScore} (={passing_percentage}) <br />"),
+        score = data.setRuntimeValues("<b>={score}  (={percentage})</b>"),
+        startTime = data.setRuntimeValues("={startTimestamp}<br />" ),
+        translations = {
+          maxScore: data.getTranslation("max_points"),
+          minPassingScore: data.getTranslation("minimal_passing_score"),
+          score: data.getTranslation("your_score"),
+          lastRun: data.getTranslation("last_run_timestamp"),
+          attempts: data.getTranslation("number_of_attempts"),
+          comparedAttempts: data.setRuntimeValues( data.getTranslation("compared_number_of_attempts" ) )
+        };
+
+    return createTableRow({
+      rowClass: "",
+      columns: [
+        translations.maxScore + "<br />" + translations.minPassingScore + "<br />" + "<b>" + translations.score + "</b><br />",
+        maxScore + passingScore + score,
+        translations.lastRun + "<br />" + translations.attempts,
+        startTime + translations.comparedAttempts
+      ]
+    });
+  };
+
+  /**
+   * Creates a page row entry for the table
+   *
+   * @private
+   * @method createTableFooter
+   * @author Jan Aeberli
+   */
+  var createPageRow = function( page ) {
+    var link = page.link.replace( "#page/", "" ).replace( "_de","" ),
+        first = ( +page.scoring.score ).toFixed(2),
+        second = ( +page.scoring.maxScore ).toFixed(2);
+
+    return createTableRow({
+      columns: [
+        link,
+        page.title,
+        first,
+        second
+      ]
+    });
+  };
+
+  /**
+   * Creates a header for the table
+   *
+   * @private
+   * @method createTableFooter
+   * @author Jan Aeberli
+   */
+  var createTableHeader = function() {
+    return createTableRow({
+      rowClass: "table-header",
+      columns: [
+        "ID",
+        data.getTranslation("testReport_subject"),
+        data.getTranslation("testReport_score"),
+        data.getTranslation("testReport_maxScore")
+      ]
+    });
+  };
+
+  /**
+   * Creates a footer for the table
+   *
+   * @private
+   * @method createTableFooter
+   * @author Jan Aeberli
+   */
+  var createTableFooter = function() {
+    return createTableRow({
+      rowClass: "table-footer",
+      columns: [
+        (+data.setRuntimeValues("={maxScore}" )).toFixed(2),
+        (+data.setRuntimeValues("={score}" )).toFixed(2)
+      ]
+    });
+  };
+
+  /**
+   * Creates the table header for a chapter.
+   *
+   * @private
+   * @method createChapterTableHeader
+   * @author Jan Aeberli
+   */
+  var createChapterTableHeader = function( chapter ) {
+    return createTableRow({
+      rowClass: "table-header chapter-header",
+      columns: [
+        "&nbsp",
+        chapter.title,
+        chapter.scoring.score.toFixed(2),
+        chapter.scoring.maxScore.toFixed(2)
+      ]
+    });
+  };
+
+  /**
+   * Creates a table for a chapter (SubTable) by using the chapterTable template
+   *
+   * @private
+   * @method createChapterTable
+   * @author Jan Aeberli
+   */
+  var createChapterTable = function( chapter ) {
+    return createTable({
+      className: "chapter-table",
+      header: createChapterTableHeader( chapter ),
+      contentData: chapter.children,
+      footer: "",
+      createContentItem: createPageRow
+    });
+  };
+
+  /**
+   * Creates the questiontable (Main Table) by using the createTable template
+   *
+   * @private
+   * @method getCertificateTitle
+   * @author Jan Aeberli
+   */
+  var createQuestionTable = function( rowData, className ) {
+    return createTable({
+      className: "",
+      header: createTableHeader(),
+      contentData: data.chapter.getTableRowData(),
+      footer: createTableFooter(),
+      createContentItem: function( item ) {
+        if ( item.children !== undefined ) {
+          return createChapterTable( item );
+        } else {
+          return createPageRow( item );
+        }
+      }
+    });
+  };
+
+
+  /**
+   * Returns a formated title string fot the certificate
+   *
+   * @private
+   * @method getCertificateTitle
+   * @author Jan Aeberli
+   */
+  var getCertificateTitle = function() {
+    var certificateUser = data.getTranslation("guest"),
+        score = parseFloat( data.setRuntimeValues("={score}") ),
+        passingScore = parseFloat( data.setRuntimeValues("={passingScore}") ),
+        certificateTitle = data.getTranslation("dialog_evaluation_title");
+
+    if ( data && data.user && ( data.user.firstName && data.user.lastName ) ) {
+        certificateUser = data.user.firstName + " " + data.user.lastName;
+    }
+
+    if ( score >= passingScore ) {
+      certificateTitle = data.getTranslation("certificate_passing_title");
+    }
+
+    return certificateTitle + ": " + certificateUser;
+  };
+
+  /**
+   * Sets the certificate data for the locale context.
+   *
+   * @method setData
+   * @author Jan Aeberli
+   */
+  var setData = function( certData ) {
+    data = certData;
+    render();
+  };
+
+  /**
+   * Rerenders the configured Certificate
+   *
+   * @method construct
+   * @author Jan Aeberli
+   */
+  var render = function() {
+    _.each( mapping, function( value, selector ) {
+      var domElement = document.querySelector( selector );
+
+      if ( domElement ) {
+        if ( _.isFunction( value ) ) {
+          domElement.innerHTML = value.call( this );
+        } else {
+          domElement.innerHTML = value;
+        }
+      }
+    });
+  };
+
+  /**
+   * Initalizes the certification singleton.
+   *
+   * @private
+   * @method construct
+   * @author Jan Aeberli
+   */
+  var construct = function() {
+    if ( !_.isObject( data ) ) {
+      alert("Could not get certificate data");
+    } else {
+      render();
+    }
+  };
+
+  mapping = {
+    ".certification-header > h1": data.moduleTitle,
+    ".certification-textarea > h2": getCertificateTitle,
+    ".passedText": data.setRuntimeValues("={passedText} <br />" ),
+    ".certification-footer > .date": data.getDate("DD.MM.YYYY").trim(),
+    ".table-container": createQuestionTable,
+    ".overview": createOverview
+  };
+
+  construct();
+
+  return {
+    render: render,
+    setData: setData
+  };
+})( window.certificateData || window.opener.certificateData );

server/vbv_lernwelt/static/media/demo_oktober/fach_check_reisen/contents/2852_20220930_1133/config.json

@@ -0,0 +1,47 @@
+{
+    "project":
+    {
+        "language":"de",
+        "allowInfoDialog":true,
+        "previewMode":false
+    },
+    "files":
+    {
+        "manifest":"manifest.json",
+        "translations":"translations.json"
+    },
+    "communication":
+    {
+        "protocol":"SCORM 1.2",
+        "debugMode":false,
+        "scoreRawUnit":"Percent"
+    },
+    "navigation":
+    {
+        "replayStopSwitch":true,
+        "skipToEndOfSequence":true,
+        "winkContinueButton":false,
+        "pageCountPolicy":"perCourse",
+        "projectVersionPolicy":"version",
+        "pageIndexPolicy":"index",
+        "menuFixed":true,
+        "menuAdjustHeight":false,
+        "menuSlide":"horizontal"
+    },
+    "page":
+    {
+        "completion":
+        {
+            "onPlaybackCompleted":false,
+            "onCorrectResponse":false
+        }
+    },
+    "printing":
+    {
+        "enabled":false
+    },
+    "editor":
+    {
+        "on":false
+    }
+}

server/vbv_lernwelt/static/media/demo_oktober/fach_check_reisen/contents/2852_20220930_1133/manifest.json

@@ -0,0 +1,206 @@
+{
+  "title": "Fach-Check \"Reisen\"",
+  "versionNr": "2022.06.21",
+  "versionDate": "20220930_1133",
+  "sectionId": "0f8f94d0-7932-4f05-a17c-464f9cb74053",
+  "creationDateTime": "2022-09-30T11:33:14",
+  "language": "de",
+  "pagesDir": "pages",
+  "structure": [
+    {
+      "id": "chapter_010",
+      "title": "Testchapter",
+      "visible": true,
+      "shuffleMode": 1,
+      "poolsize": 10,
+      "children": [
+        {
+          "id": "startpage",
+          "title": "Test Start",
+          "file": "startpage.json",
+          "visible": true,
+          "isTestStart": true,
+          "navigation": {
+            "buttons": {
+              "nav_btn_next": "enabled",
+              "nav_btn_prev": "hidden",
+              "nav_btn_question_overview": "hidden",
+              "nav_btn_bookmarker": "hidden",
+              "nav_btn_help": "hidden",
+              "nav_btn_certificate": null,
+              "nav_btn_info": "hidden"
+            }
+          }
+        },
+        {
+          "id": "17357_de",
+          "title": "Reiseversicherung",
+          "file": "17357_de.json",
+          "visible": true,
+          "eduObjective": "",
+          "questionNr": "17357",
+          "targetGroupText": "Vermittler",
+          "lessonText": "VV - Reisen",
+          "lessonToken": "VV - Reisen",
+          "labelToken": "MR",
+          "mandatoryInPool": true
+        },
+        {
+          "id": "17358_de",
+          "title": "Reiseversicherung",
+          "file": "17358_de.json",
+          "visible": true,
+          "eduObjective": "",
+          "questionNr": "17358",
+          "targetGroupText": "Vermittler",
+          "lessonText": "VV - Reisen",
+          "lessonToken": "VV - Reisen",
+          "labelToken": "MR",
+          "mandatoryInPool": true
+        },
+        {
+          "id": "17359_de",
+          "title": "Reiseversicherung",
+          "file": "17359_de.json",
+          "visible": true,
+          "eduObjective": "",
+          "questionNr": "17359",
+          "targetGroupText": "Vermittler",
+          "lessonText": "VV - Reisen",
+          "lessonToken": "VV - Reisen",
+          "labelToken": "T/F",
+          "mandatoryInPool": true
+        },
+        {
+          "id": "17360_de",
+          "title": "Reiseversicherung",
+          "file": "17360_de.json",
+          "visible": true,
+          "eduObjective": "",
+          "questionNr": "17360",
+          "targetGroupText": "Vermittler",
+          "lessonText": "VV - Reisen",
+          "lessonToken": "VV - Reisen",
+          "labelToken": "MC",
+          "mandatoryInPool": true
+        },
+        {
+          "id": "17361_de",
+          "title": "Reiseversicherung",
+          "file": "17361_de.json",
+          "visible": true,
+          "eduObjective": "",
+          "questionNr": "17361",
+          "targetGroupText": "Vermittler",
+          "lessonText": "VV - Reisen",
+          "lessonToken": "VV - Reisen",
+          "labelToken": "MC",
+          "mandatoryInPool": true
+        },
+        {
+          "id": "17362_de",
+          "title": "Reiseversicherung",
+          "file": "17362_de.json",
+          "visible": true,
+          "eduObjective": "",
+          "questionNr": "17362",
+          "targetGroupText": "Vermittler",
+          "lessonText": "VV - Reisen",
+          "lessonToken": "VV - Reisen",
+          "labelToken": "MC",
+          "mandatoryInPool": true
+        },
+        {
+          "id": "17363_de",
+          "title": "Reiseversicherung",
+          "file": "17363_de.json",
+          "visible": true,
+          "eduObjective": "",
+          "questionNr": "17363",
+          "targetGroupText": "Vermittler",
+          "lessonText": "VV - Reisen",
+          "lessonToken": "VV - Reisen",
+          "labelToken": "MR",
+          "mandatoryInPool": true
+        },
+        {
+          "id": "17364_de",
+          "title": "Reiseversicherung",
+          "file": "17364_de.json",
+          "visible": true,
+          "eduObjective": "",
+          "questionNr": "17364",
+          "targetGroupText": "Vermittler",
+          "lessonText": "VV - Reisen",
+          "lessonToken": "VV - Reisen",
+          "labelToken": "MR",
+          "mandatoryInPool": true
+        },
+        {
+          "id": "17365_de",
+          "title": "Reiseversicherung",
+          "file": "17365_de.json",
+          "visible": true,
+          "eduObjective": "",
+          "questionNr": "17365",
+          "targetGroupText": "Vermittler",
+          "lessonText": "VV - Reisen",
+          "lessonToken": "VV - Reisen",
+          "labelToken": "MR",
+          "mandatoryInPool": true
+        },
+        {
+          "id": "17366_de",
+          "title": "Reiseversicherung",
+          "file": "17366_de.json",
+          "visible": true,
+          "eduObjective": "",
+          "questionNr": "17366",
+          "targetGroupText": "Vermittler",
+          "lessonText": "VV - Reisen",
+          "lessonToken": "VV - Reisen",
+          "labelToken": "MR",
+          "mandatoryInPool": true
+        },
+        {
+          "id": "resultpage",
+          "title": "Test Results",
+          "file": "resultpage.json",
+          "visible": true,
+          "isTestEnd": true,
+          "navigation": {
+            "buttons": {
+              "nav_btn_next": "hidden",
+              "nav_btn_prev": "hidden",
+              "nav_btn_question_overview": "hidden",
+              "nav_btn_bookmarker": "hidden",
+              "nav_btn_help": "hidden",
+              "nav_btn_close": "enabled",
+              "nav_btn_certificate": "enabled",
+              "nav_btn_info": "hidden"
+            }
+          }
+        }
+      ],
+      "testChapterData": {
+        "mode": "test",
+        "maxTrials": 0,
+        "timeLimit": 15,
+        "review": false,
+        "resetOnStart": false,
+        "resetOnLeave": false,
+        "questionSelection": {
+          "shuffled": true
+        },
+        "evaluation": {
+          "scaledPassingScore": 0.8,
+          "chapterCompletedOnPassed": false,
+          "autoEvaluate": true,
+          "showFinalEvaluationPrompt": true
+        },
+        "questionAccess": "allowed",
+        "feedbackType": "solution"
+      }
+    }
+  ]
+}