<div class="wrapper-comp-editor" id="editor-tab">
<section class="combinedopenended-editor editor">
    <div class="row">
        %if enable_markdown:
        <div class="editor-bar">
            <ul class="format-buttons">
                <li><a href="#" class="prompt-button" data-tooltip="Prompt"><span
                        class="combinedopenended-editor-icon icon-quote-left"></span></a></li>
                <li><a href="#" class="rubric-button" data-tooltip="Rubric"><span
                        class="combinedopenended-editor-icon icon-table"></span></a></li>
                <li><a href="#" class="tasks-button" data-tooltip="Tasks"><span
                        class="combinedopenended-editor-icon icon-sitemap"></span></a></li>
            </ul>
            <ul class="editor-tabs">
                <li><a href="#" class="xml-tab advanced-toggle" data-tab="xml">Advanced Editor</a></li>
                <li><a href="#" class="cheatsheet-toggle" data-tooltip="Toggle Cheatsheet">?</a></li>
            </ul>
        </div>
        <textarea class="markdown-box">${markdown | h}</textarea>
        %endif
        <textarea class="xml-box" rows="8" cols="40">${data | h}</textarea>
    </div>
</section>

<script type="text/template" id="open-ended-template">
    <openended %min_max_string%>
        <openendedparam>
            <initial_display>Enter essay here.</initial_display>
            <answer_display>This is the answer.</answer_display>
            <grader_payload>{"grader_settings" : "%grading_config%", "problem_id" : "6.002x/Welcome/OETest"}</grader_payload>
        </openendedparam>
    </openended>
</script>

<script type="text/template" id="simple-editor-open-ended-cheatsheet">
    <article class="simple-editor-open-ended-cheatsheet">
        <div class="cheatsheet-wrapper">
            <div class="row">
                <h6>Prompt</h6>
                <div class="col prompt">
                </div>
                <div class="col">
<pre><code>
    [prompt]
    Why is the sky blue?
    [prompt]
</code></pre>
                </div>
                <div class="col">
<p>The student will respond to the prompt.  The prompt can contain any html tags, such as paragraph tags and header tags.</p>
                </div>
            </div>
            <div class="row">
                <h6>Rubric</h6>
                <div class="col sample rubric"><!DOCTYPE html>
                </div>
                <div class="col">
                    <pre><code>
[rubric]
+ Color Identification
- Incorrect
- Correct
+ Grammar
- Poor
- Acceptable
- Superb
[rubric]
                    </code></pre>
                </div>
                <div class="col">
<p>The rubric is used for feedback and self-assessment.  The rubric can have as many categories (+) and options (-) as desired.  </p>
<p>The total score for the problem will be the sum of all the points possible on the rubric.  The options will be numbered sequentially from zero in each category, so each category will be worth as many points as its number of options minus one. </p>
                </div>
             </div>
            <div class="row">
                <h6>Tasks</h6>
                <div class="col sample tasks">
                </div>
                <div class="col">
                    <pre><code>
[tasks]
(Self), ({1-3}AI), ({2-3}Peer)
[tasks]
                    </code></pre>
                </div>
                <div class="col">
<p>The tasks define what feedback the student will get from the problem.</p>
<p>Each task is defined with parentheses around it.  Brackets (ie {2-3} above), specify the minimum and maximum score needed to attempt the given task.</p>
<p>In the example above, the student will first be asked to self-assess.  If they give themselves greater than or equal to a 1/3 and less than or equal to a 3/3 on the problem, then they will be moved to AI assessment.  If they score themselves a 2/3 or 3/3 on AI assessment, they will move to peer assessment.</p>
<p>Students will be given feedback from each task, and their final score for a given attempt of the problem will be their score last task that is completed.</p>
                </div>
            </div>
        </div>
    </article>
</script>
</div>
<%include file="metadata-edit.html" />