Extends the common capa response types (string, numeric, multiple choice, checkbox, dropdown) with feedback and hint capabilities. "Feedback" refers to feedback shown to the student when they check the problem, looking at their specific answer. "Hints" refers to a Hint button in LMS which the student can click at any time to see hints for that problem. The implementation extends the markdown syntax to include feedback and hints. There are new Feedback-and-Hint specific templates in Studio when the author clicks to add a new problem.
65 lines
2.7 KiB
Plaintext
65 lines
2.7 KiB
Plaintext
<div class="tab-group tabs">
|
|
<ul class="problem-type-tabs nav-tabs">
|
|
<li class="current">
|
|
<a class="link-tab" href="#tab1"><%= gettext("Common Problem Types") %></a>
|
|
</li>
|
|
<li>
|
|
<a class="link-tab" href="#tab2"><%= gettext("Common Problems with Hints and Feedback") %></a>
|
|
</li>
|
|
<li>
|
|
<a class="link-tab" href="#tab3"><%= gettext("Advanced") %></a>
|
|
</li>
|
|
</ul>
|
|
<div class="tab current" id="tab1">
|
|
<ul class="new-component-template">
|
|
<% for (var i = 0; i < templates.length; i++) { %>
|
|
<% if (templates[i].tab == "common") { %>
|
|
<% if (!templates[i].boilerplate_name) { %>
|
|
<li class="editor-md empty">
|
|
<a href="#" data-category="<%= templates[i].category %>">
|
|
<span class="name"><%= templates[i].display_name %></span>
|
|
</a>
|
|
</li>
|
|
<% } else { %>
|
|
<li class="editor-md">
|
|
<a href="#" data-category="<%= templates[i].category %>"
|
|
data-boilerplate="<%= templates[i].boilerplate_name %>">
|
|
<span class="name"><%= templates[i].display_name %></span>
|
|
</a>
|
|
</li>
|
|
<% } %>
|
|
<% } %>
|
|
<% } %>
|
|
</ul>
|
|
</div>
|
|
<div class="tab" id="tab2">
|
|
<ul class="new-component-template">
|
|
<% for (var i = 0; i < templates.length; i++) { %>
|
|
<% if (templates[i].tab == "hint") { %>
|
|
<li class="editor-manual">
|
|
<a href="#" data-category="<%= templates[i].category %>"
|
|
data-boilerplate="<%= templates[i].boilerplate_name %>">
|
|
<span class="name"><%= templates[i].display_name %></span>
|
|
</a>
|
|
</li>
|
|
<% } %>
|
|
<% } %>
|
|
</ul>
|
|
</div>
|
|
<div class="tab" id="tab3">
|
|
<ul class="new-component-template">
|
|
<% for (var i = 0; i < templates.length; i++) { %>
|
|
<% if (templates[i].tab == "advanced") { %>
|
|
<li class="editor-manual">
|
|
<a href="#" data-category="<%= templates[i].category %>"
|
|
data-boilerplate="<%= templates[i].boilerplate_name %>">
|
|
<span class="name"><%= templates[i].display_name %></span>
|
|
</a>
|
|
</li>
|
|
<% } %>
|
|
<% } %>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<a href="#" class="cancel-button"><%= gettext("Cancel") %></a>
|