Added toggle control to AI authoring

openassessment/templates/openassessmentblock/edit/ai/oa_edit_example_based_assessment_tab.html

@@ -39,13 +39,12 @@
                     {% for example in assessments.ai.examples %}
                         {% include 'openassessmentblock/edit/ai/oa_edit_ai_example.html' with example=example %}
                     {% endfor %}
-
                     <li id="openassessment_ai_editor_import_xml" class="is--hidden openassessment_ai_editor_single_visibility">
-                        <h2 id="openassessment_ai_editor_sub_modal_header"> Upload from XML file </h2>
-                        <div id="openassessment_ai_editor_sub_modal_instructions">
+                        <h2 id="openassessment_ai_editor_upload_header"> Upload from XML file </h2>
+                        <div id="openassessment_ai_editor_upload_instructions">
                             <p>Upload your file using this selector. Lorem ipsum dolce decorum est.  Lorem ipsum dolce decorum est.  Lorem ipsum dolce decorum est.  Lorem ipsum dolce decorum est.  Lorem ipsum dolce decorum est.  Lorem ipsum dolce decorum est.  Lorem ipsum dolce decorum est.</p>
                         </div>
-                        <div id="openassessment_ai_editor_sub_modal_file_upload">
+                        <div id="openassessment_ai_editor_upload_file_upload">
                             <label>Upload XML File
                                 <input type="file">
                             </label>
@@ -56,6 +55,10 @@
                             <li class="openassessment_ai_editor_file_status_importing">Verify Rubric</li>
                             <li class="openassessment_ai_editor_file_status_importing">Ready for Import</li>
                         </ol>
+                        <textarea id="ai_training_examples">{{ assessments.example_based_assessment.examples }}</textarea>
+                        <div id="openassessment_ai_editor_upload_warning">
+                            <p>Upload your file using this selector. Lorem ipsum dolce decorum est.  Lorem ipsum dolce decorum est.  Lorem ipsum dolce decorum est.  Lorem ipsum dolce decorum est.  Lorem ipsum dolce decorum est.  Lorem ipsum dolce decorum est.  Lorem ipsum dolce decorum est.</p>
+                        </div>
                         <div id="openassessment_ai_editor_sub_modal_buttons">
                             <div id="openassessment_ai_editor_sub_modal_save">Confirm</div>
                             <div id="openassessment_ai_editor_sub_modal_cancel">Cancel</div>

openassessment/templates/openassessmentblock/edit/oa_edit.html

@@ -7,7 +7,7 @@
         <div id="openassessment_editor_header">
             <h6 id="oa_editor_window_title" class="title modal_window_title" >{% trans "Open Response Assessment" %}</h6>
             <ul class="editor_modes action_list action_modes editor_tabs">
-                <li class="view-button oa_editor_tab"><a href="#oa_ai_editor_wrapper">{% trans "AI" %}</a></li>
+                <li id="oa_editor_tab_ai" class="view-button oa_editor_tab {% if not assessments.example_based_assessment %} is--hidden{% endif %}"><a href="#oa_ai_editor_wrapper">{% trans "AI" %}</a></li>
                 <li class="view-button oa_editor_tab"><a href="#oa_settings_editor_wrapper">{% trans "Settings" %}</a></li>
                 <li class="view-button oa_editor_tab"><a href="#oa_rubric_editor_wrapper">{% trans "Rubric" %}</a></li>
                 <li class="view-button oa_editor_tab"><a href="#oa_prompt_editor_wrapper">{% trans "Prompt" %}</a></li>

openassessment/templates/openassessmentblock/edit/oa_edit_example_based_assessment.html

@@ -13,9 +13,8 @@
         </p>
         <div id="ai_assessment_settings_editor" class="assessment_settings_wrapper {% if not assessments.example_based_assessment %} is--hidden {% endif %}">
             <p class="openassessment_description">
-                {% trans "Enter one or more sample responses that you've created, and then specify the options that you would choose for each criterion in your rubric. Note that you must add your rubric to the Rubric tab before you can complete this step." %}
+                {% trans "Enter one or more sample responses that you've created in the new tab labeled AI, and then specify the options that you would choose for each criterion in your rubric. Note that you must add your rubric to the Rubric tab before you can complete this step." %}
             </p>
-            <textarea id="ai_training_examples">{{ assessments.example_based_assessment.examples }}</textarea>
         </div>
     </div>
 </li>

openassessment/xblock/static/js/src/studio/oa_edit_assessment.js

@@ -548,6 +548,11 @@ OpenAssessment.EditExampleBasedAssessmentView = function(element) {
             new OpenAssessment.AssessmentToggleListener()
         ])
     ).install();
+
+    $("#include_ai_assessment", this.element).click(function() {
+        $('#oa_editor_tab_ai').toggleClass('is--hidden');
+        debugger;
+    });
 };
 
 OpenAssessment.EditExampleBasedAssessmentView.prototype = {