From 98b188a68b29b268f9fa39db6b578110959b78cf Mon Sep 17 00:00:00 2001
From: CJ Green <44074998+okaycj@users.noreply.github.com>
Date: Thu, 3 Oct 2024 14:31:10 -0400
Subject: [PATCH] Update to templates/move template from EFP

---
 packages/record/templates/consent-copy.hbs    | 176 ++++++++++++++++++
 .../record/templates/consent-video-trial.hbs  |  21 +++
 .../templates/consent-video-trial.mustache    |   8 -
 .../record/templates/playback-feed.mustache   |   2 +-
 .../record/templates/webcam-feed.mustache     |   2 +-
 5 files changed, 199 insertions(+), 10 deletions(-)
 create mode 100644 packages/record/templates/consent-copy.hbs
 create mode 100644 packages/record/templates/consent-video-trial.hbs
 delete mode 100644 packages/record/templates/consent-video-trial.mustache

diff --git a/packages/record/templates/consent-copy.hbs b/packages/record/templates/consent-copy.hbs
new file mode 100644
index 00000000..365e5fdf
--- /dev/null
+++ b/packages/record/templates/consent-copy.hbs
@@ -0,0 +1,176 @@
+<h1>
+  {{t "consent-template-5.header"}}:
+  {{experiment.name}}
+</h1>
+
+<p>
+  {{t
+    "consent-template-5.intro-sentence"
+    name=PIName
+    institution=institution
+    experiment=experiment.name
+  }}
+  {{exp-format summary_statement}}
+</p>
+
+<h2>
+  {{#if purpose_header}} {{purpose_header}} {{else}}
+    {{t "consent-template-5.purpose-header"}}
+  {{/if}}
+</h2>
+<p>{{exp-format purpose}}</p>
+
+<h2>
+  {{#if procedures_header}} {{procedures_header}} {{else}}
+    {{t "consent-template-5.procedures-header"}}
+  {{/if}}
+</h2>
+<p>
+  {{t "consent-template-5.duration-statement" duration=experiment.duration}}
+  {{exp-format procedures}}
+</p>
+
+<h2>
+  {{#if participation_header}} {{participation_header}} {{else}}
+    {{t "consent-template-5.participation-header"}}
+  {{/if}}
+</h2>
+<p>
+  {{t "consent-template-5.participation-content" only_adult=prompt_only_adults}}
+</p>
+
+{{#if voluntary_participation}}
+  <p>{{exp-format voluntary_participation}}</p>
+{{/if}}
+{{#if risk_statement}}
+
+  <h2>
+    {{#if risk_header}} {{risk_header}} {{else}}
+      {{t "consent-template-5.risk-header"}}
+    {{/if}}
+  </h2>
+
+  <p>{{exp-format risk_statement}}</p>
+{{/if}}
+
+<h2>
+  {{#if benefits_header}} {{benefits_header}} {{else}}
+    {{t "consent-template-5.benefits-header"}}
+  {{/if}}
+</h2>
+
+<p>{{exp-format payment}}</p>
+
+<h2>{{t "consent-template-5.data-collection-header"}}</h2>
+
+<p>
+  {{t "consent-template-5.data-collection-1" only_adult=prompt_only_adults}}
+  {{t "consent-template-5.data-collection-2"}}
+</p>
+
+<p>{{t "consent-template-5.data-collection-3"}}</p>
+
+<h2>{{t "consent-template-5.video-privacy-header"}}</h2>
+<p>{{t "consent-template-5.video-privacy-consent"}}</p>
+
+{{#if private_level_only}}
+  <p>
+    {{t "consent-template-5.video-privacy-private-description"}}
+    {{t "consent-template-5.video-privacy-withdraw-private-only"}}
+  </p>
+{{else}}
+  <p>{{t "consent-template-5.video-privacy-overview"}}:</p>
+  <ul>
+    <li>
+      "{{t "consent-template-5.video-privacy-Private"}}":
+      {{t "consent-template-5.video-privacy-private-description"}}
+    </li>
+    <li>
+      "{{t "consent-template-5.video-privacy-Scientific"}}":
+      {{t "consent-template-5.video-privacy-scientific-description"}}
+    </li>
+    <li>
+      "{{t "consent-template-5.video-privacy-Publicity"}}":
+      {{t "consent-template-5.video-privacy-publicity-description"}}
+    </li>
+  </ul>
+  <p>{{t "consent-template-5.video-privacy-withdraw"}}</p>
+{{/if}}
+{{#if include_databrary}}
+  <p>{{t "consent-template-5.databrary" htmlSafe=true}}</p>
+{{/if}}
+{{#if additional_video_privacy_statement}}
+  <p>{{exp-format additional_video_privacy_statement}}</p>
+{{/if}}
+
+<h2>{{t "consent-template-5.data-use-researchers-header"}}</h2>
+<p>
+  {{t
+    "consent-template-5.data-use-researchers-content-1"
+    name=PIName
+    institution=institution
+  }}
+</p>
+<ul>
+  <li>{{t "consent-template-5.data-use-researchers-item-1"}}</li>
+  <li>{{t "consent-template-5.data-use-researchers-item-2"}}</li>
+  <li>
+    {{t
+      "consent-template-5.data-use-researchers-item-3"
+      only_adult=prompt_only_adults
+    }}
+  </li>
+</ul>
+<p>
+  {{t
+    "consent-template-5.data-use-researchers-content-2"
+    only_adult=prompt_only_adults
+  }}
+</p>
+{{#if datause}}
+  <p>{{exp-format datause}}</p>
+{{/if}}
+
+<h2>{{t "consent-template-5.data-use-Lookit-header"}}</h2>
+<p>{{t "consent-template-5.data-use-Lookit-content"}}</p>
+
+<h2>{{t "consent-template-5.publication-header"}}</h2>
+<p>
+  {{t "consent-template-5.publication-content" only_adult=prompt_only_adults}}
+</p>
+
+{{#if additional_segments}}
+  {{#each additional_segments as |segment|}}
+    <h2>{{exp-format segment.title}}</h2>
+    <p>{{exp-format segment.text}}</p>
+  {{/each}}
+{{/if}}
+
+<h2>{{t "consent-template-5.research-subject-rights-header"}}</h2>
+<p>{{exp-format research_rights_statement}}</p>
+
+{{#if gdpr}}
+  <h2>{{t "consent-template-5.gdpr-header"}}</h2>
+  <p>
+    {{t "consent-template-5.gdpr-personal"}}:
+    {{exp-format gdpr_personal_data}}.
+    {{t "consent-template-5.gdpr-sensitive"}}:
+    {{exp-format gdpr_sensitive_data}}
+  </p>
+  <p>{{t "consent-template-5.gdpr-2"}}</p>
+{{/if}}
+
+<h2>{{t "consent-template-5.contact-header"}}</h2>
+<p>
+  {{t
+    "consent-template-5.contact-statement-1"
+    name=PIName
+    institution=institution
+    contact=PIContact
+    only_adult=prompt_only_adults
+    omit_injury=omit_injury_phrase
+  }}
+</p>
+<p>
+  {{t "consent-template-5.contact-statement-2" only_adult=prompt_only_adults}}
+</p>
\ No newline at end of file
diff --git a/packages/record/templates/consent-video-trial.hbs b/packages/record/templates/consent-video-trial.hbs
new file mode 100644
index 00000000..6b126fdc
--- /dev/null
+++ b/packages/record/templates/consent-video-trial.hbs
@@ -0,0 +1,21 @@
+<div id="consent-video-trial" style="display: flex">
+  <div class="left-column">{{{consent}}}</div>
+  <div class="right-column">
+    <div id="{{video_container_id}}" class="jspsych-content"></div>
+    <p class="buttons">
+      <button id="record" class="jspsych-btn">Record</button>
+      <button id="stop" class="jspsych-btn" disabled>Stop</button>
+      <button id="play" class="jspsych-btn" disabled>Play</button>
+      <button id="next" class="jspsych-btn" disabled>Next</button>
+    </p>
+    <p>1. Read through this consent document.</p>
+    <p>2. Click "Record".</p>
+    <p>3. Read the statement below <u>OUT LOUD</u>:</p>
+    <div class="consent-statement">
+      "I have read and understand the consent document. I am this child's parent
+      or legal guardian and we both agree to participate in this study."
+    </div>
+    <p>4. Click "Stop" and then "Play" to review the recording.</p>
+    <p>5. Click "Next".</p>
+  </div>
+</div>
\ No newline at end of file
diff --git a/packages/record/templates/consent-video-trial.mustache b/packages/record/templates/consent-video-trial.mustache
deleted file mode 100644
index 64a4b269..00000000
--- a/packages/record/templates/consent-video-trial.mustache
+++ /dev/null
@@ -1,8 +0,0 @@
-
-<div id="{{video_container_id}}" class="jspsych-content"></div>
-<p>
-    <button id="record" class="jspsych-btn">Record</button>
-    <button id="stop" class="jspsych-btn" disabled>Stop</button>
-    <button id="play" class="jspsych-btn" disabled>Play</button>
-    <button id="next" class="jspsych-btn" disabled>Next</button>
-</p>
diff --git a/packages/record/templates/playback-feed.mustache b/packages/record/templates/playback-feed.mustache
index e31f2a10..4e57735d 100644
--- a/packages/record/templates/playback-feed.mustache
+++ b/packages/record/templates/playback-feed.mustache
@@ -9,4 +9,4 @@
   controls
   style="display: inline-block"
 ></video>
-<img id="play-icon" src="{{{play_icon}}}"/>
+<img id="play-icon" src="{{{play_icon}}}" />
diff --git a/packages/record/templates/webcam-feed.mustache b/packages/record/templates/webcam-feed.mustache
index 4416875d..bc40348c 100644
--- a/packages/record/templates/webcam-feed.mustache
+++ b/packages/record/templates/webcam-feed.mustache
@@ -7,4 +7,4 @@
   height="{{height}}"
   style="display: inline-block"
 ></video>
-<img id="record-icon" src="{{{record_icon}}}">
+<img id="record-icon" src="{{&record_icon}}" />