Created studio editor templates for handling multiple prompts.

TNL-708

openassessment/templates/openassessmentblock/edit/oa_edit.html

@@ -25,9 +25,7 @@
             </a>
         </div>
 
-        <div id="oa_prompt_editor_wrapper" class="oa_editor_content_wrapper">
-            <textarea id="openassessment_prompt_editor" maxlength="10000">{{ prompt }}</textarea>
-        </div>
+        {% include "openassessmentblock/edit/oa_edit_prompts.html"  %}
 
         {% include "openassessmentblock/edit/oa_edit_rubric.html"  %}
 

openassessment/templates/openassessmentblock/edit/oa_edit_criterion.html

 {% load i18n %}
 {% spaceless %}
 <li class="openassessment_criterion is-collapsible" data-criterion="{{ criterion_name }}">
-    <div class="openassessment_criterion_header view-outline">
+    <div class="openassessment_container_header openassessment_criterion_header view-outline">
         <a class="action expand-collapse collapse"><i class="icon-caret-down ui-toggle-expansion"></i></a>
-        <div class="openassessment_criterion_header_title_box">
-            <h6 class="openassessment_criterion_header_title">{% trans "Criterion" %}</h6>
-            <p class="openassessment_criterion_guide">{% trans "You cannot delete a criterion after the assignment has been released." %}</p>
+        <div class="openassessment_container_header_title_box openassessment_criterion_header_title_box">
+            <h6 class="openassessment_container_header_title openassessment_criterion_header_title">{% trans "Criterion" %}</h6>
+            <p class="openassessment_container_guide openassessment_criterion_guide">{% trans "You cannot delete a criterion after the assignment has been released." %}</p>
         </div>
-        <div class="openassessment_criterion_remove_button"><h2>{% trans "Remove" %}</h2></div>
+        <div class="openassessment_container_remove_button openassessment_criterion_remove_button"><h2>{% trans "Remove" %}</h2></div>
     </div>
     <div class="openassessment_criterion_body wrapper-comp-settings">
         <input type="hidden" class="openassessment_criterion_name" value="{{ criterion_name }}" />

openassessment/templates/openassessmentblock/edit/oa_edit_prompt.html

+{% load i18n %}
+{% spaceless %}
+<li class="openassessment_prompt is-collapsible" data-prompt="{{ prompt_uuid }}">
+
+    <div class="openassessment_container_header openassessment_prompt_header view-outline">
+        <a class="action expand-collapse collapse"><i class="icon-caret-down ui-toggle-expansion"></i></a>
+        <div class="openassessment_container_header_title_box openassessment_prompt_header_title_box">
+            <h6 class="openassessment_container_header_title openassessment_prompt_header_title">{% trans "Prompt" %}</h6>
+            <p class="openassessment_container_guide openassessment_prompt_guide">{% trans "You cannot delete a prompt after the assignment has been released." %}</p>
+        </div>
+        <div class="openassessment_container_remove_button openassessment_prompt_remove_button"><h2>{% trans "Remove" %}</h2></div>
+    </div>
+
+    <div class="openassessment_prompt_body wrapper-comp-settings">
+        <input type="hidden" class="openassessment_prompt_uuid" value="{{ prompt_uuid }}" />
+
+        <ul class="list-input settings-list">
+            <li class="field comp-setting-entry openassessment_prompt_description_wrapper">
+                <div class="wrapper-comp-settings">
+                    <textarea class="openassessment_prompt_description setting-input" maxlength="10000">{{ prompt_description }}</textarea>
+                </div>
+            </li>
+        </ul>
+
+    </div>
+</li>
+{% endspaceless %}

openassessment/templates/openassessmentblock/edit/oa_edit_prompts.html

+{% load i18n %}
+{% spaceless %}
+<div id="oa_prompts_editor_wrapper" class="oa_editor_content_wrapper">
+    <div id="openassessment_prompt_template" class="is--hidden">
+        {% include "openassessmentblock/edit/oa_edit_prompt.html" with prompt_uuid="" prompt_description="" %}
+    </div>
+
+    <div id="openassessment_prompts_instructions" class="openassessment_tab_instructions">
+        <p class="openassessment_description">
+            {% trans "Prompts. Replace the sample text with your own text. For more information, see the ORA documentation." %}
+        </p>
+    </div>
+
+    <ul id="openassessment_prompts_list">
+        {% for prompt in prompts %}
+            {% include "openassessmentblock/edit/oa_edit_prompt.html" with prompt_uuid=prompt.uuid prompt_description=prompt.description %}
+        {% endfor %}
+    </ul>
+
+    <div id="openassessment_prompts_add_prompt" class="openassessment_container_add_button">
+        <h6>
+            {% trans "Add Prompt" %}
+        </h6>
+    </div>
+</div>
+{% endspaceless %}

openassessment/templates/openassessmentblock/edit/oa_edit_rubric.html

@@ -9,7 +9,7 @@
         {% include "openassessmentblock/edit/oa_edit_option.html" with option_name="" option_label="" option_points=1 option_explanation="" %}
     </div>
 
-    <div id="openassessment_rubric_instructions">
+    <div id="openassessment_rubric_instructions" class="openassessment_tab_instructions">
         <p class="openassessment_description">
             {% trans "Rubrics are made up of criteria, which usually contain one or more options. Each option has a point value. This template contains two sample criteria and their options. Replace the sample text with your own text. For more information, see the ORA documentation." %}
         </p>
@@ -21,7 +21,7 @@
         {% endfor %}
     </ul>
 
-    <div id="openassessment_rubric_add_criterion">
+    <div id="openassessment_rubric_add_criterion" class="openassessment_container_add_button">
         <h6>
             {% trans "Add Criterion" %}
         </h6>