292 lines
13 KiB
HTML
292 lines
13 KiB
HTML
<%inherit file="base.html" />
|
|
<%! from django.core.urlresolvers import reverse %>
|
|
<%namespace name="units" file="widgets/units.html" />
|
|
<%block name="bodyclass">unit</%block>
|
|
<%block name="title">CMS Unit</%block>
|
|
<%block name="jsextra">
|
|
<script type='text/javascript'>
|
|
new CMS.Views.UnitEdit({
|
|
el: $('.main-wrapper'),
|
|
model: new CMS.Models.Module({
|
|
id: '${unit_location}',
|
|
state: '${unit_state}'
|
|
})
|
|
});
|
|
</script>
|
|
|
|
<script src="/static/js/speed-editor.js"></script>
|
|
|
|
<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]</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>
|
|
|
|
<script type="text/template" id="component-actions">
|
|
<div class="component-actions">
|
|
<a href="#" class="edit-button"><span class="edit-icon white"></span>Edit</a>
|
|
<a href="#" class="delete-button"><span class="delete-icon white"></span>Delete</a>
|
|
</div>
|
|
<a href="#" class="drag-handle"></a>
|
|
</script>
|
|
|
|
<script type="text/template" id="problem-editor">
|
|
<div class="problem-editor editor">
|
|
<div class="row">
|
|
<div class="editor-bar">
|
|
<ul class="format-buttons">
|
|
<li><a href="#" class="multiple-choice-button" data-tooltip="Multiple Choice"><span class="problem-editor-icon multiple-choice"></span></a></li>
|
|
<li><a href="#" class="checks-button" data-tooltip="Check Multiple"><span class="problem-editor-icon checks"></span></a></li>
|
|
<li><a href="#" class="string-button" data-tooltip="String Response"><span class="problem-editor-icon string"></span></a></li>
|
|
<li><a href="#" class="number-button" data-tooltip="Numerical Response"><span class="problem-editor-icon number"></span></a></li>
|
|
<li><a href="#" class="dropdown-button" data-tooltip="Dropdown"><span class="problem-editor-icon dropdown"></span></a></li>
|
|
</ul>
|
|
<ul class="editor-tabs">
|
|
<li><a href="#" class="simple-tab tab current">Simple</a></li>
|
|
<li><a href="#" class="xml-tab tab">XML</a></li>
|
|
<li><a href="#" class="cheatsheet-toggle" data-tooltip="Toggle Cheatsheet">?</a></li>
|
|
</ul>
|
|
</div>
|
|
<textarea class="edit-box"></textarea>
|
|
<textarea class="xml-box"></textarea>
|
|
</div>
|
|
<div class="row">
|
|
<div class="problem-settings">
|
|
<div class="row">
|
|
<label>Show Answer:</label>
|
|
<select>
|
|
<option>attempted</option>
|
|
<option>always</option>
|
|
<option>never</option>
|
|
<option>closed</option>
|
|
</select>
|
|
</div>
|
|
<div class="row">
|
|
<label>Rerandomize:</label>
|
|
<select>
|
|
<option>always</option>
|
|
<option>never</option>
|
|
<option>per_student</option>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
<a href="#" class="problem-settings-button"><span class="settings-icon"></span><span class="button-label">Show Advanced Settings</span></a>
|
|
</div>
|
|
<div class="row">
|
|
<a href="#" class="save-button">Save</a><a href="#" class="cancel-button">Cancel</a>
|
|
</div>
|
|
</div>
|
|
</script>
|
|
|
|
<script type="text/template" id="problem-preview">
|
|
<section class="xmodule_display xmodule_CapaModule" data-type="Problem">
|
|
<section id="problem_i4x-Giannattasio-313-problem-9e62f3fb1fa14ba6a671b3de73c02eab" class="problems-wrapper" data-problem-id="i4x://Giannattasio/313/problem/9e62f3fb1fa14ba6a671b3de73c02eab" data-url="/preview/modx/0/i4x://Giannattasio/313/problem/9e62f3fb1fa14ba6a671b3de73c02eab">
|
|
|
|
<section class="problem"></section>
|
|
|
|
<section class="action">
|
|
<input type="hidden" name="problem_id" value="Option Response">
|
|
<input class="check Check" type="button" value="Check">
|
|
<input class="show" type="button" value="Show Answer">
|
|
</section>
|
|
</section>
|
|
</section>
|
|
</script>
|
|
|
|
<script type="text/template" id="video-editor">
|
|
<div class="video-editor editor">
|
|
<div class="row">
|
|
<label>YouTube ID(s):</label>
|
|
<input type="text" value="0.75:JMD_ifUUfsU,1.0:OEoXaMPEzfM,1.25:AKqURZnYqpk,1.50:DYpADpL7jAY" class="video-id-field">
|
|
<a href="#" class="browse-button">Browse…</a>
|
|
</div>
|
|
<div class="row">
|
|
<label>Transcript:</label>
|
|
<input type="text" class="transcript-field">
|
|
<a href="#" class="browse-button">Browse…</a>
|
|
</div>
|
|
<div class="row">
|
|
<a href="#" class="save-button">Save</a><a href="#" class="cancel-button">Cancel</a>
|
|
</div>
|
|
</div>
|
|
</script>
|
|
|
|
<script type="text/template" id="video-preview">
|
|
<div class="video-preview">
|
|
<section class="xmodule_display xmodule_VideoModule" data-type="Video">
|
|
<div id="video_i4x-Giannattasio-313-video-39532ac1a90742bbbd70148122a8fcfa" class="video video-load-complete" data-streams="0.75:JMD_ifUUfsU,1.0:OEoXaMPEzfM,1.25:AKqURZnYqpk,1.50:DYpADpL7jAY" data-caption-data-dir="0458bf5495cf4072adde09918f6a9941" data-show-captions="true">
|
|
<div class="tc-wrapper">
|
|
<article class="video-wrapper">
|
|
<section class="video-player">
|
|
<iframe frameborder="0" allowfullscreen="" id="i4x-Giannattasio-313-video-39532ac1a90742bbbd70148122a8fcfa" title="YouTube video player" height="390" width="640" src="http://www.youtube.com/embed/OEoXaMPEzfM?controls=0&wmode=transparent&rel=0&showinfo=0&enablejsapi=1&modestbranding=1&origin=http%3A%2F%2Flocalhost%3A8001"></iframe>
|
|
</section>
|
|
|
|
<section class="video-controls"><div class="slider ui-slider ui-slider-horizontal ui-widget ui-widget-content ui-corner-all"><div class="ui-slider-range ui-widget-header ui-slider-range-min" style="width: 2.586206896551724%; "></div><a class="ui-slider-handle ui-state-default ui-corner-all" href="#" style="left: 2.586206896551724%; "></a></div>
|
|
<div>
|
|
<ul class="vcr">
|
|
<li><a class="video_control play" href="#">Play</a></li>
|
|
<li>
|
|
<div class="vidtime">0:02 / 1:56</div>
|
|
</li>
|
|
</ul>
|
|
<div class="secondary-controls"><div class="speeds">
|
|
<a href="#">
|
|
<h3>Speed</h3>
|
|
<p class="active">1.0x</p>
|
|
</a>
|
|
<ol class="video_speeds"><li data-speed="1.50"><a href="#">1.50x</a></li><li data-speed="1.25"><a href="#">1.25x</a></li><li data-speed="1.0" class="active"><a href="#">1.0x</a></li><li data-speed="0.75"><a href="#">0.75x</a></li></ol>
|
|
</div><div class="volume">
|
|
<a href="#"></a>
|
|
<div class="volume-slider-container">
|
|
<div class="volume-slider ui-slider ui-slider-vertical ui-widget ui-widget-content ui-corner-all"><div class="ui-slider-range ui-widget-header ui-slider-range-min" style="height: 100%; "></div><a class="ui-slider-handle ui-state-default ui-corner-all" href="#" style="bottom: 100%; "></a></div>
|
|
</div>
|
|
</div>
|
|
<a href="#" class="add-fullscreen" oldtitle="Fill browser">Fill Browser</a>
|
|
<a href="#" class="quality_control" title="HD">HD</a><a href="#" class="hide-subtitles" oldtitle="Turn off captions">Captions</a></div>
|
|
</div></section>
|
|
</article><ol class="subtitles" style="max-height: 342px; "></ol>
|
|
</div>
|
|
</div>
|
|
|
|
</section>
|
|
</div>
|
|
</script>
|
|
</%block>
|
|
<%block name="content">
|
|
<div class="main-wrapper edit-state-${unit_state}" data-id="${unit_location}">
|
|
<div class="inner-wrapper">
|
|
<div class="alert editing-draft-alert">
|
|
<p class="alert-message"><strong>You are editing a draft.</strong>
|
|
% if published_date:
|
|
This unit was originally published on ${published_date}.
|
|
% endif
|
|
</p>
|
|
<a href="${published_preview_link}" target="_blank" class="alert-action secondary">Preview the published version</a>
|
|
</div>
|
|
<div class="main-column">
|
|
<article class="unit-body window">
|
|
<p class="unit-name-input"><label>Display Name:</label><input type="text" value="${unit.display_name}" class="unit-display-name-input" /></p>
|
|
<ol class="components">
|
|
% for id in components:
|
|
<li class="component" data-id="${id}"/>
|
|
% endfor
|
|
<li class="new-component-item adding">
|
|
<div class="new-component">
|
|
<h5>Add New Component</h5>
|
|
<ul class="new-component-type">
|
|
% for type in sorted(component_templates.keys()):
|
|
<li>
|
|
<a href="#" data-type="${type}">
|
|
<span class="large-template-icon large-${type}-icon"></span>
|
|
<span class="name">${type}</span>
|
|
</a>
|
|
</li>
|
|
% endfor
|
|
</ul>
|
|
</div>
|
|
</li>
|
|
</ol>
|
|
</article>
|
|
</div>
|
|
|
|
<div class="sidebar">
|
|
<div class="unit-settings window">
|
|
<h4>Unit Settings</h4>
|
|
<div class="window-contents">
|
|
<div class="row visibility">
|
|
<label class="inline-label">Visibility:</label>
|
|
<select class='visibility-select'>
|
|
<option value="public">Public</option>
|
|
<option value="private">Private</option>
|
|
</select>
|
|
</div>
|
|
<div class="row published-alert">
|
|
<p class="edit-draft-message">This unit has been published. To make changes, you must <a href="#" class="create-draft">edit a draft</a>.</p>
|
|
<p class="publish-draft-message">This is a draft of the published unit. To update the live version, you must <a href="#" class="publish-draft">replace it with this draft</a>.</p>
|
|
</div>
|
|
<div class="row status">
|
|
<p>This unit is scheduled to be released to <strong>students</strong> on <strong>${release_date}</strong> with the subsection <a href="${reverse('edit_subsection', kwargs={'location': subsection.location})}">"${subsection.display_name}"</a></p>
|
|
</div>
|
|
<div class="row unit-actions">
|
|
<a href="#" class="delete-draft delete-button">Delete Draft</a>
|
|
<a href="${draft_preview_link}" target="_blank" class="preview-button">Preview</a>
|
|
<a href="${published_preview_link}" target="_blank" class="view-button">View Live</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="window unit-location">
|
|
<h4>Unit Location</h4>
|
|
<div class="window-contents">
|
|
<div><input type="text" class="url" value="/courseware/${section.url_name}/${subsection.url_name}" disabled /></div>
|
|
<ol>
|
|
<li>
|
|
<a href="#" class="section-item">${section.display_name}</a>
|
|
<ol>
|
|
<li>
|
|
<a href="${reverse('edit_subsection', args=[subsection.location])}" class="section-item">
|
|
<span class="folder-icon"></span>
|
|
<span class="subsection-name"><span class="subsection-name-value">${subsection.display_name}</span></span>
|
|
</a>
|
|
${units.enum_units(subsection, actions=False, selected=unit.location)}
|
|
</li>
|
|
</ol>
|
|
</li>
|
|
</ol>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</%block>
|