Andal.LND/edx-platform
6
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Save work

Browse Source
This commit is contained in:
cahrens
2013-01-08 13:39:16 -05:00
parent 735aa13496
commit bc10d080df
3 changed files with 89 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
cms/static/js/speed-editor.js
View File

@@ -13,7 +13,9 @@ var commandDown;
(function() {
$body.on('click', '.editor-bar a', onEditorButton);
$body.on('click', '.cheatsheet-toggle', toggleCheatsheet);
// NOTE: we are showing metadata in the standard way, not in an "Advanced" section below.
$body.on('click', '.problem-settings-button', toggleProblemSettings);
// NOTE: not doing keybindings at this time.
$(document).bind('keyup', onKeyboard);
})();
@@ -21,7 +23,7 @@ function initProblemEditors($editor, $prev) {
$currentEditor = $editor;
simpleEditor = CodeMirror.fromTextArea($editor.find('.edit-box')[0], {
lineWrapping: true,
// TODO: I left out the extra keys for now.
// NOTE: keybindings have been left out at this point. Needs further work.
extraKeys: {
'Ctrl-N': newUnit,
'Ctrl-H': makeHeader,
@@ -44,13 +46,15 @@ function initProblemEditors($editor, $prev) {
currentEditor = simpleEditor;
// NOTE: I left out setting the background color. Does not appear necessary.
$(simpleEditor.getWrapperElement()).css('background', '#fff');
$(xmlEditor.getWrapperElement()).css({
'background': '#fff'
}).hide();
// TODO: is this necessary??
// NOTE: I left this out, doesn't seem to be necessary.
$(simpleEditor.getWrapperElement()).bind('click', setFocus);
// NOTE: we are not supporting preview at this time.
$preview = $prev.find('.problem');
}

58
cms/templates/widgets/problem-edit.html
View File

@@ -25,4 +25,60 @@
%endif
<textarea class="xml-box" rows="8" cols="40">${data | h}</textarea>
</div>
</section>
</section>
<script type="text/template" id="simple-editor-cheatsheet">
<article class="simple-editor-cheatsheet">
<div class="cheatsheet-wrapper">
<div class="row">
<h6>Multiple Choice</h6>
<div class="col sample">
<img src="/static/img/choice-example.png" />
</div>
<div class="col">
<pre><code>( ) red
( ) green
(x) blue</code></pre>
</div>
</div>
<div class="row">
<h6>Multiple Check</h6>
<div class="col sample">
<img src="/static/img/multi-example.png" />
</div>
<div class="col">
<pre><code>[ ] earth
[ ] wind
[x] water</code></pre>
</div>
</div>
<div class="row">
<h6>String Response</h6>
<div class="col sample">
<img src="/static/img/string-example.png" />
</div>
<div class="col">
<pre><code>= dog</code></pre>
</div>
</div>
<div class="row">
<h6>Numerical Response</h6>
<div class="col sample">
<img src="/static/img/number-example.png" />
</div>
<div class="col">
<pre><code>= 3.14 +- 2%</code></pre>
</div>
</div>
<div class="row">
<h6>Option Response</h6>
<div class="col sample">
<img src="/static/img/select-example.png" />
</div>
<div class="col">
<pre><code>[[wrong, (right)]]</code></pre>
</div>
</div>
</div>
</article>
</script>