PHX-47 added the html for the proctored exam instruction template

edx_proctoring/api.py

@@ -303,6 +303,7 @@ def get_student_view(user_id, course_id, content_id, context):
                 student_view_template = 'proctoring/seq_proctored_exam_entrance.html'
             else:
                 student_view_template = 'proctoring/seq_proctored_exam_instructions.html'
+                context.update({'exam_code': '@asDASD@E2313213SDASD213123423WEWA'})
         else:
             student_view_template = 'proctoring/seq_timed_exam_entrance.html'
     elif has_finished_exam:

edx_proctoring/templates/proctoring/seq_proctored_exam_entrance.html

 {% load i18n %}
-<div class="sequence" data-exam-id="{{exam_id}}">
-</div>
 <div class="sequence proctored-exam entrance" data-exam-id="{{exam_id}}">
   <h3>
     {% blocktrans %}
@@ -40,6 +38,14 @@
       <i class="fa fa-arrow-circle-right start-timed-exam" data-ajax-url="{{enter_exam_endpoint}}" data-exam-id="{{exam_id}}" data-attempt-proctored=false></i>
   </div>
 </div>
+<div class="footer-sequence">
+  <h4> {% trans "Why i am seeing these options?" %} </h4>
+    <p>
+    {% blocktrans %}
+      Text to be added here.
+    {% endblocktrans %}
+  </p>
+</div>
 {% include 'proctoring/seq_proctored_exam_footer.html' %}
 
 <script type="text/javascript">

edx_proctoring/templates/proctoring/seq_proctored_exam_footer.html

 {% load i18n %}
-<div class="footer-sequence">
-  <h4> {% trans "Why i am seeing these options?" %} </h4>
-    <p>
-    {% blocktrans %}
-      Text to be added here.
-    {% endblocktrans %}
-  </p>
-</div>
 <div class="faq-proctoring-exam">
   <h4> {% trans "See Also" %} </h4>
     <p>

edx_proctoring/templates/proctoring/seq_proctored_exam_instructions.html

 {% load i18n %}
-<div class="sequence" data-exam-id="{{exam_id}}">
-How to launch the proctored exam content goes here
+<div class="sequence proctored-exam instructions" data-exam-id="{{exam_id}}">
+  <h3>
+    {% blocktrans %}
+      Awaiting Proctoring Installation & Set Up
+    {% endblocktrans %}
+  </h3>
+  <p>
+    {% blocktrans %}
+      you have chosen to take {{display_name}} as a proctored exam. You should be redirected to a new window
+      with installation and setup instructions. You can also <a href="#">open the installation</a>
+    {% endblocktrans %}
+  </p>
+  <div class="exam-code">
+    <h3>
+    {% blocktrans %}
+      Here is your unique exam code. You'll be asked for it during the setup.
+    {% endblocktrans %}
+    </h3>
+    <h1> {{exam_code}}</h1>
+    <p>
+      {% blocktrans %}
+        Please do not share this code. It can only be used once and it tied to your edX Account.
+      {% endblocktrans %}
+    </p>
+  </div>
 </div>
+<div class="footer-sequence border-b-0 padding-b-0">
+  <span> {% trans "Note: Once you complete your installation and set up, your timed exam will begin." %} </span>
+    <p>
+    {% blocktrans %}
+      Please be prepared to start the exam and follow all the guidelines of an edX proctored exam.
+    {% endblocktrans %}
+  </p>
+  <p class="new">
+    {% blocktrans %}
+      Don't want to take this as a proctored exam? <a href="#">Take this as an open exam instead.</a>
+    {% endblocktrans %}
+  </p>
+</div>
+{% include 'proctoring/seq_proctored_exam_footer.html' %}