Jan/slaeforms
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

New feature: infovide text can be html block now

Browse Source
This commit is contained in:
Jan 2024-09-18 17:53:59 +02:00
parent 428a9b0b44
commit 664c5bc1af
3 changed files with 85 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

65
slaeforms/templates/dqinfos.html Normal file
View File

@ -0,0 +1,65 @@
<div style="margin: auto; max-width: 80%;">
<p>Demographic Question Info:</p>
<ol start="1">
<li>Wie alt sind sie?</li>
<li>Wie ist ihr Geschlecht?
<ol>
<li>Männlich</li>
<li>Weiblich</li>
<li>Divers</li>
<li>Keine Angabe</li>
</ol></li>
<li>Was ist ihr höchster Bildungsabschluss?
<ol>
<li>Keiner</li>
<li>Hauptschule</li>
<li>Realschule</li>
<li>Ausbildung</li>
<li>Abitur</li>
<li>Fachhochschulreife</li>
<li>Bachelor</li>
<li>Master</li>
<li>Diplom</li>
<li>Magister</li>
<li>Promotion</li>
</ol>
</li>
<li>Wie ist ihr Hörstatus?
<ol>
<li>Gehörlos</li>
<li>Schwerhörig</li>
<li>Gehörlos mit Cochlea-Implantat</li>
<li>Hörend</li>
</ol>
</li>
<li>In welchem Alter wurden sie gehörlos/schwerhörig? ("0" für ab Geburt, "-1" falls sie hörend sind)</li>
<li>Seit welchem Alter lernen sie Gebärdensprache?</li>
<li>Sind ihre Eltern Gehörlos?
<ol>
<li>Ein Elternteil</li>
<li>Beide</li>
<li>Nein</li>
</ol>
</li>
<li>Welche Sprache(n) verwenden sie zuhause?
<ol>
<li>Deutsch</li>
<li>Gebärdensprache</li>
<li>Sonstige</li>
</ol>
</li>
<li>Welche Sprache(n) verwenden sie auf der Arbeit/in der Schule?
<ol>
<li>Deutsch</li>
<li>Gebärdensprache</li>
<li>Sonstige</li>
</ol>
</li>
<li>Haben sie schonmal Computeranimationen von Gebärdensprache gesehen? (Gebärdenavatare)
<ol>
<li>Ja</li>
<li>Nein</li>
</ol>
</li>
</ol>
</div>

13
slaeforms/templates/standard_template.html
View File

@ -121,13 +121,16 @@ step={{question["step"]}}
<button class="dialogBtn" autofocus><img class="infoButtonIcon" id="buttonClose" <button class="dialogBtn" autofocus><img class="infoButtonIcon" id="buttonClose"
src="{{ url_for('static', filename='icons/x-icon.png')}}" alt="Delete Icon"></button> src="{{ url_for('static', filename='icons/x-icon.png')}}" alt="Delete Icon"></button>
<div class="iframe-container"> <video controls>
<iframe class="center" src="{{ infovideo['videourl'] }}" title="YouTube video player" frameborder="0" <source src="{{ url_for('static', filename=infovideo['videourl']) }}" type="video/mp4">
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" </video>
allowfullscreen></iframe>
</div>
<div class="dialogTextContainer"> <div class="dialogTextContainer">
{% if ("infotext" in infovideo) %}
<p>{{ infovideo["infotext"] }}</p> <p>{{ infovideo["infotext"] }}</p>
{% endif %}
{% if ("htmlblock" in infovideo) %}
{% include infovideo["htmlblock"] %}
{% endif %}
</div> </div>
</dialog> </dialog>
<button class="dialogBtn"><img class="infoButtonIcon" id="buttonInfoIcon" <button class="dialogBtn"><img class="infoButtonIcon" id="buttonInfoIcon"

24
slaeforms/userstudy1.json
View File

@ -222,10 +222,10 @@
} }
}, },
"infovideo": { "infovideo": {
"videourl": "https://www.youtube-nocookie.com/embed/F_w50c5Us3Y?si=-H07MmQ4lYOC2Bwh", "videourl": "videos/0009-inflected.mp4",
"infotext": "Hier wird in Zukunft ein Erklärtext stehen, in dem die Fragestellungen erklärt werden. \n Dazu werden alle Fragen der Seite einzeln durchgegangen und einfach erklärt. Zum Beispiel wird hier erklärt, dass man um Feedback zu geben, ein Video aufnehmen kann. Dazu drückt man auf den Knopf mit dem Videokamera Symbol. Danach muss man oben links am Browser bestätigen, dass der Browser auf die Kamera zugreifen darf.", "htmlblock": "dqinfos.html",
"configuration": { "configuration": {
"embed": "yt" "embed": "no"
} }
}, },
"database_table": { "database_table": {
@ -442,10 +442,10 @@
} }
}, },
"infovideo": { "infovideo": {
"videourl": "https://www.youtube-nocookie.com/embed/F_w50c5Us3Y?si=-H07MmQ4lYOC2Bwh", "videourl": "0009-inflected.mp4",
"infotext": "Hier wird in Zukunft ein Erklärtext stehen, in dem die Fragestellungen erklärt werden.\\n Dazu werden alle Fragen der Seite einzeln durchgegangen und einfach erklärt.\\n Zum Beispiel wird hier erklärt, dass man um Feedback zu geben, ein Video aufnehmen kann. Dazu drückt man auf den Knopf mit dem Videokamera Symbol. Danach muss man oben links am Browser bestätigen, dass der Browser auf die Kamera zugreifen darf.", "infotext": "nnnn",
"configuration": { "configuration": {
"embed": "yt" "embed": "no"
} }
}, },
"database_table": { "database_table": {
@ -508,10 +508,10 @@
} }
}, },
"infovideo": { "infovideo": {
"videourl": "https://www.youtube-nocookie.com/embed/F_w50c5Us3Y?si=-H07MmQ4lYOC2Bwh", "videourl": "0009-inflected.mp4",
"infotext": "Hier wird in Zukunft ein Erklärtext stehen, in dem die Fragestellungen erklärt werden. Dazu werden alle Fragen der Seite einzeln durchgegangen und einfach erklärt. Zum Beispiel wird hier erklärt, dass man um Feedback zu geben, ein Video aufnehmen kann. Dazu drückt man auf den Knopf mit dem Videokamera Symbol. Danach muss man oben links am Browser bestätigen, dass der Browser auf die Kamera zugreifen darf.", "infotext": "nnnn",
"configuration": { "configuration": {
"embed": "yt" "embed": "no"
} }
}, },
"database_table": { "database_table": {
@ -543,10 +543,10 @@
} }
}, },
"infovideo": { "infovideo": {
"videourl": "https://www.youtube-nocookie.com/embed/F_w50c5Us3Y?si=-H07MmQ4lYOC2Bwh", "videourl": "0009-inflected.mp4",
"infotext": "Hier wird in Zukunft ein Erklärtext stehen, in dem die Fragestellungen erklärt werden. Dazu werden alle Fragen der Seite einzeln durchgegangen und einfach erklärt. Zum Beispiel wird hier erklärt, dass man um Feedback zu geben, ein Video aufnehmen kann. Dazu drückt man auf den Knopf mit dem Videokamera Symbol. Danach muss man oben links am Browser bestätigen, dass der Browser auf die Kamera zugreifen darf.", "infotext": "nnnn",
"configuration": { "configuration": {
"embed": "yt" "embed": "no"
} }
}, },
"database_table": { "database_table": {