timed-examination-preference-editor.underscore 4.74 KB
Newer Older
1
<form>
cahrens committed
2
    <h3 class="modal-section-title"><%- gettext('Set as a Special Exam') %></h3>
3
    <div class="modal-section-content has-actions">
cahrens committed
4 5 6 7 8 9 10 11 12 13 14 15
        <div class="list-fields list-input exam-types" role="group" aria-label="<%- gettext('Exam Types') %>">
            <label class="label no-descriptive-text">
                <input type="radio" name="exam_type" class="input input-radio no_special_exam" checked="checked"/>
                <%- gettext('None') %>
            </label>
            <label class="label">
                <input type="radio" name="exam_type" class="input input-radio timed_exam"
                    aria-describedby="timed-exam-description" />
                <%- gettext('Timed') %>
            </label>
            <p class='field-message' id='timed-exam-description'> <%- gettext('Use a timed exam to limit the time learners can spend on problems in this subsection. Learners must submit answers before the time expires. You can allow additional time for individual learners through the Instructor Dashboard.') %> </p>
            <% if (enable_proctored_exam) { %>
16
                <label class="label">
cahrens committed
17 18 19
                    <input type="radio" name="exam_type" class="input input-radio proctored_exam"
                        aria-describedby="proctored-exam-description" />
                    <%- gettext('Proctored') %>
20
                </label>
cahrens committed
21
                <p class='field-message' id='proctored-exam-description'> <%- gettext('Proctored exams are timed and they record video of each learner taking the exam. The videos are then reviewed to ensure that learners follow all examination rules.') %> </p>
22
                <label class="label">
cahrens committed
23 24 25
                    <input type="radio" name="exam_type" class="input input-radio practice_exam"
                        aria-describedby="practice-exam-description"/>
                    <%- gettext('Practice Proctored') %>
26
                </label>
cahrens committed
27
                <p class='field-message' id='practice-exam-description'> <%- gettext("Use a practice proctored exam to introduce learners to the proctoring tools and processes. Results of a practice exam do not affect a learner's grade.") %> </p>
28
            <% } %>
cahrens committed
29 30 31
        </div>
        <div class="list-fields list-input exam-options">
            <div class="field field-text field-time-limit">
32 33 34 35 36
                <label class="label">
                    <%- gettext('Time Allotted (HH:MM):') %>
                    <input type="text" value="" aria-describedby="time-limit-description" placeholder="HH:MM"
                        class="time_limit release-time time input input-text" autocomplete="off" />
                </label>
37
                <p class='field-message' id='time-limit-description'><%- gettext('Select a time allotment for the exam. If it is over 24 hours, type in the amount of time. You can grant individual learners extra time to complete the exam through the Instructor Dashboard.') %></p>
cahrens committed
38 39
            </div>
            <div class="field field-text field-exam-review-rules">
40
                <label class="label">
cahrens committed
41
                    <%- gettext('Review Rules') %>
42
                    <textarea cols="50" maxlength="255" aria-describedby="review-rules-description"
Muhammad Shoaib committed
43
                        class="review-rules input input-text" autocomplete="off" />
44
                </label>
45 46
                <% var online_proctoring_rules = xblockInfo.get('online_proctoring_rules'); %>
                <p class='field-message' id='review-rules-description'>
47 48 49 50 51 52 53 54 55 56 57 58 59
                <% if (online_proctoring_rules) { %>
                    <%= edx.HtmlUtils.interpolateHtml(
                        gettext('Specify any rules or rule exceptions that the proctoring review team should enforce when reviewing the videos. For example, you could specify that calculators are allowed. These specified rules are visible to learners before the learners start the exam, along with the {linkStart}general proctored exam rules{linkEnd}.'),
                        {
                            linkStart: edx.HtmlUtils.interpolateHtml(
                                edx.HtmlUtils.HTML('<a href="{onlineProctoringUrl}" title="{onlineProctoringTitle}">'),
                                { onlineProctoringUrl: online_proctoring_rules, onlineProctoringTitle: gettext('General Proctored Exam Rules')}),
                            linkEnd: edx.HtmlUtils.HTML('</a>')
                        })
                    %>
                <% } else { %>
                    <%- gettext('Specify any rules or rule exceptions that the proctoring review team should enforce when reviewing the videos. For example, you could specify that calculators are allowed. These specified rules are visible to learners before the learners start the exam.') %>
                <% } %>
60
                </p>
cahrens committed
61 62
            </div>
        </div>
63 64
    </div>
</form>