<!--
<script type='x-tmpl/mustache' id='show_settings_UX'>
    <p>
        Generic Hints: <input type="text" class="csh_generic_hints" value = "{{generic}}">
    </p>
    <p>
        Initial Hints: <input type="text" class="csh_initial_hints" value = "{{initial}}">
    </p>
    <p>
        Problem Element: <input type="text" class="csh_hinting_element" value = "{{hinting_element}}">
    </p>
    <p>
       <input type="button" class="csh_apply_settings" value="Apply Settings"> 
    </p>
</script>
-->

<div class="crowdsourcehinter_edit_block">
    <p>
        Generic hints should be in the form of a python list. e.x. ['generic hint text']
    </p>
    <p>
        Generic Hints: <textarea type="text" class="csh_generic_hints" value = "{{generic}}"/>
    </p>
    <p>
        Initial hints should be a python dictionary, with further dictionaries for each key. The format should be as follows:  { "incorrect answer example": {"hint text" : rating}, "incorrect answer example 2": {"hint text": rating} } New hints that are student made will start off with a rating of 0, so set your hint's rating accordingly.
    </p>
    <p>
        Initial Hints: <textarea type="text" class="csh_initial_hints" value = "{{initial}}"/>
    </p>
    <p>
        This is the element of the problem for which the hinter is working. This is the "data-usage-id" of the problem block. It should look something like i4x://edX/DemoX/problem/f958789435cf47218ff32f0d600f1184
    </p>
    <p>
        Problem Element: <textarea type="text" class="csh_hinting_element" value = "{{hinting_element}}"/>
    </p>
    <p>
       <input type="button" class="csh_apply_settings" value="Apply Settings"> 
    </p>
    <div class='csh_check_success'/>
</div>
