fcc0231d4d
This is the changes for STUD-1244, which introduces the ability for Studio to display arbitrarily nested xblocks. In this change, a new container page is introduced which can display nested xblocks. In particular, the xblock type of 'vertical' is special cased to be shown inline as a collapsible section. The unit page is mostly unchanged, except that container xblock's are shown as a link to their container page, rather than being shown inline.
888 lines
59 KiB
HTML
888 lines
59 KiB
HTML
<%inherit file="../../base.html" />
|
|
<%!
|
|
from django.core.urlresolvers import reverse
|
|
from django.utils.translation import ugettext as _
|
|
%>
|
|
<%namespace name="units" file="../../widgets/units.html" />
|
|
<%block name="title">${_("Individual Unit")}</%block>
|
|
<%block name="bodyclass">is-signedin course unit view-unit</%block>
|
|
|
|
<%block name="content">
|
|
<div class="main-wrapper edit-state-private" data-locator="andya.AA101.2014_T1/branch/draft/block/vertical68b">
|
|
<div class="inner-wrapper">
|
|
<div class="alert editing-draft-alert">
|
|
<p class="alert-message"><strong>You are editing a draft.</strong>
|
|
</p>
|
|
<a href="//courses.edx.org/courses/andya/AA101/2014_T1/jump_to/i4x://andya/AA101/vertical/68bbc21110f2474f9b17ad3ede9aea60" target="_blank" class="alert-action secondary">View the Live Version</a>
|
|
</div>
|
|
<div class="main-column">
|
|
<article class="unit-body window">
|
|
<p class="unit-name-input">
|
|
<label for="unit-display-name-input">Display Name:</label>
|
|
<input type="text" value="New Unit" id="unit-display-name-input" class="unit-display-name-input">
|
|
</p>
|
|
<ol class="components ui-sortable">
|
|
<li class="component" data-locator="andya.AA101.2014_T1/branch/draft/block/htmlc8f">
|
|
<div class="wrapper wrapper-component-editor">
|
|
<div class="component-editor">
|
|
<div class="component-edit-header">
|
|
<span class="component-name"></span>
|
|
<ul class="nav-edit-modes">
|
|
<li id="editor-mode" class="mode active-mode" aria-controls="editor-tab" role="tab">
|
|
<a href="#">Editor</a>
|
|
</li>
|
|
<li id="settings-mode" class="mode active-mode" aria-controls="settings-tab" role="tab">
|
|
<a href="#">Settings</a>
|
|
</li>
|
|
</ul>
|
|
</div> <!-- Editor Header -->
|
|
|
|
<div class="component-edit-modes">
|
|
<div class="module-editor">
|
|
<section class="xblock xblock-studio_view xmodule_edit xmodule_HtmlDescriptor" data-runtime-version="1" data-init="XBlockToXModuleShim" data-handler-prefix="/preview/xblock/i4x:;_;_andya;_AA101;_html;_c8fb4780eb554aec95c6231680eb82cf/handler" data-type="HTMLEditingDescriptor" data-block-type="html">
|
|
<div class="wrapper-comp-editor" id="editor-tab" data-base-asset-url="/c4x/andya/AA101/asset/">
|
|
<section class="html-editor editor">
|
|
<ul class="editor-tabs">
|
|
<li><a href="#" class="visual-tab tab current" data-tab="visual">Visual</a></li>
|
|
<li><a href="#" class="html-tab tab" data-tab="advanced">HTML</a></li>
|
|
</ul>
|
|
|
|
<div class="row">
|
|
<textarea class="tiny-mce"><ol>
|
|
<li>
|
|
<h2> September 21 </h2>
|
|
<section class='update-description'>
|
|
<section class='primary'>
|
|
<p> Words of encouragement! This is a short note that most students will read. </p>
|
|
<p class='author'>Anant Agarwal (6.002x Principal Instructor)</p>
|
|
</section>
|
|
<p><h3>Primary versus Secondary Updates:</h3> Unfortunately, the internet throws a lot of text at students, and they
|
|
do not read everything that they are given. However, many students <em>do</em> read all that they are
|
|
given, and so detailed explainations in this section will benefit the most concientious.
|
|
Any essential information should be extremely quickly summarized in the primary section for skimmers.</p>
|
|
<p><h3>Star Forum Poster</h3>
|
|
Students appriciate knowing that the course staff is reading what they post, and one of several ways
|
|
that you can do this is by acknowledging the star posters in your announcements.
|
|
</p>
|
|
</section>
|
|
</li>
|
|
</ol>
|
|
</textarea>
|
|
<textarea name="" class="edit-box"><ol>
|
|
<li>
|
|
<h2> September 21 </h2>
|
|
<section class='update-description'>
|
|
<section class='primary'>
|
|
<p> Words of encouragement! This is a short note that most students will read. </p>
|
|
<p class='author'>Anant Agarwal (6.002x Principal Instructor)</p>
|
|
</section>
|
|
<p><h3>Primary versus Secondary Updates:</h3> Unfortunately, the internet throws a lot of text at students, and they
|
|
do not read everything that they are given. However, many students <em>do</em> read all that they are
|
|
given, and so detailed explainations in this section will benefit the most concientious.
|
|
Any essential information should be extremely quickly summarized in the primary section for skimmers.</p>
|
|
<p><h3>Star Forum Poster</h3>
|
|
Students appriciate knowing that the course staff is reading what they post, and one of several ways
|
|
that you can do this is by acknowledging the star posters in your announcements.
|
|
</p>
|
|
</section>
|
|
</li>
|
|
</ol>
|
|
</textarea>
|
|
</div>
|
|
</section>
|
|
</div>
|
|
<div class="wrapper-comp-settings metadata_edit" id="settings-tab" data-metadata="{"display_name": {"default_value": "Text", "explicitly_set": true, "display_name": "Display Name", "help": "This name appears in the horizontal navigation at the top of the page.", "type": "Generic", "value": "Announcement", "field_name": "display_name", "options": []}}">
|
|
</div>
|
|
</section>
|
|
</div>
|
|
</div>
|
|
<div class="row module-actions">
|
|
<a href="#" class="save-button action-primary action">Save</a>
|
|
<a href="#" class="cancel-button action-secondary action">Cancel</a>
|
|
</div> <!-- Module Actions-->
|
|
</div>
|
|
</div>
|
|
<div class="wrapper wrapper-component-action-header">
|
|
<div class="component-header">
|
|
Announcement
|
|
</div>
|
|
<ul class="component-actions">
|
|
<li class="action-item action-edit">
|
|
<a href="#" class="edit-button action-button">
|
|
<i class="icon-edit"></i>
|
|
<span class="action-button-text">Edit</span>
|
|
</a>
|
|
</li>
|
|
<li class="action-item action-duplicate">
|
|
<a href="#" data-tooltip="Duplicate" class="duplicate-button action-button">
|
|
<i class="icon-copy"></i>
|
|
<span class="sr">Duplicate this component</span>
|
|
</a>
|
|
</li>
|
|
<li class="action-item action-delete">
|
|
<a href="#" data-tooltip="Delete" class="delete-button action-button">
|
|
<i class="icon-trash"></i>
|
|
<span class="sr">Delete this component</span>
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
<span data-tooltip="Drag to reorder" class="drag-handle"></span>
|
|
<section class="xblock xblock-student_view xmodule_display xmodule_HtmlModule" data-runtime-version="1" data-init="XBlockToXModuleShim" data-handler-prefix="/preview/xblock/i4x:;_;_andya;_AA101;_html;_c8fb4780eb554aec95c6231680eb82cf/handler" data-type="HTMLModule" data-block-type="html">
|
|
<ol>
|
|
<li>
|
|
<h2> September 21 </h2>
|
|
<section class="update-description">
|
|
<section class="primary">
|
|
<p> Words of encouragement! This is a short note that most students will read. </p>
|
|
<p class="author">Anant Agarwal (6.002x Principal Instructor)</p>
|
|
</section>
|
|
<p></p><h3>Primary versus Secondary Updates:</h3> Unfortunately, the internet throws a lot of text at students, and they
|
|
do not read everything that they are given. However, many students <em>do</em> read all that they are
|
|
given, and so detailed explainations in this section will benefit the most concientious.
|
|
Any essential information should be extremely quickly summarized in the primary section for skimmers.<p></p>
|
|
<p></p><h3>Star Forum Poster</h3>
|
|
Students appriciate knowing that the course staff is reading what they post, and one of several ways
|
|
that you can do this is by acknowledging the star posters in your announcements.
|
|
<p></p>
|
|
</section>
|
|
</li>
|
|
</ol>
|
|
</section>
|
|
</li>
|
|
<li class="component" data-locator="andya.AA101.2014_T1/branch/draft/block/videoda3">
|
|
|
|
|
|
<div class="wrapper wrapper-component-editor">
|
|
<div class="component-editor">
|
|
<div class="component-edit-header">
|
|
<span class="component-name"></span>
|
|
<ul class="nav-edit-modes">
|
|
<li id="editor-mode" class="mode active-mode" aria-controls="editor-tab" role="tab">
|
|
<a href="#">Editor</a>
|
|
</li>
|
|
<li id="settings-mode" class="mode active-mode" aria-controls="settings-tab" role="tab">
|
|
<a href="#">Settings</a>
|
|
</li>
|
|
</ul>
|
|
</div> <!-- Editor Header -->
|
|
|
|
<div class="component-edit-modes">
|
|
<div class="module-editor">
|
|
<section class="xblock xblock-studio_view xmodule_edit xmodule_VideoDescriptor" data-runtime-version="1" data-init="XBlockToXModuleShim" data-handler-prefix="/preview/xblock/i4x:;_;_andya;_AA101;_video;_da30d8c1da6d43268152e19089ecc2fa/handler" data-type="TabsEditingDescriptor" data-block-type="video">
|
|
|
|
<div class="wrapper-comp-editor" id="editor-tab-i4x-andya-AA101-video-da30d8c1da6d43268152e19089ecc2fa" data-html_id="i4x-andya-AA101-video-da30d8c1da6d43268152e19089ecc2fa">
|
|
<section class="editor-with-tabs">
|
|
<div class="edit-header">
|
|
<span class="component-name"></span>
|
|
<ul class="editor-tabs">
|
|
<li class="inner_tab_wrap"><a href="#tab-i4x-andya-AA101-video-da30d8c1da6d43268152e19089ecc2fa-0" class="tab current">Basic</a></li>
|
|
<li class="inner_tab_wrap"><a href="#tab-i4x-andya-AA101-video-da30d8c1da6d43268152e19089ecc2fa-1" class="tab ">Advanced</a></li>
|
|
</ul>
|
|
</div>
|
|
<div class="tabs-wrapper">
|
|
<div class="component-tab " id="tab-i4x-andya-AA101-video-da30d8c1da6d43268152e19089ecc2fa-0">
|
|
|
|
<div class="wrapper-comp-settings basic_metadata_edit" data-metadata="{"display_name": {"default_value": "Video", "explicitly_set": false, "display_name": "Display Name", "help": "Display name for this module.", "field_name": "display_name", "value": "Video", "type": "Generic", "options": []}, "video_url": {"default_value": ["http://youtu.be/OEoXaMPEzfM"], "explicitly_set": false, "display_name": "Video URL", "help": "A YouTube URL or a link to a file hosted anywhere on the web.", "field_name": "video_url", "value": ["http://youtu.be/OEoXaMPEzfM"], "type": "VideoList", "options": []}}">
|
|
<ul class="list-input settings-list">
|
|
|
|
<li class="field comp-setting-entry metadata_entry">
|
|
<div class="wrapper-comp-setting">
|
|
<label class="label setting-label" for="metadata-string-entry_28">Display Name</label>
|
|
<input class="input setting-input" type="text" id="metadata-string-entry_28" value="Video">
|
|
<button class="action setting-clear inactive" type="button" name="setting-clear" value="Clear" data-tooltip="Clear">
|
|
<i class="icon-undo"></i><span class="sr">"Clear Value"</span>
|
|
</button>
|
|
</div>
|
|
<span class="tip setting-help">Display name for this module.</span>
|
|
|
|
</li>
|
|
|
|
<li class="field comp-setting-entry metadata_entry">
|
|
<div class="wrapper-comp-setting metadata-videolist-enum">
|
|
<label class="label setting-label" for="metadata-videolist-entry_33">Video URL</label>
|
|
<div class="wrapper-videolist-settings">
|
|
<div class="wrapper-videolist-url videolist-settings-item"><input type="text" id="metadata-videolist-entry_33" class="input videolist-url" value="http://youtu.be/OEoXaMPEzfM" placeholder="http://youtube.com/"></div>
|
|
<div class="tip videolist-url-tip setting-help">A YouTube URL or a link to a file hosted anywhere on the web.</div>
|
|
<div class="wrapper-videolist-urls">
|
|
<a href="#" class="collapse-action collapse-setting">
|
|
<i class="icon-plus"></i>Add more video sources <span class="sr">Video URL</span>
|
|
</a>
|
|
<div class="videolist-extra-videos">
|
|
<span class="tip videolist-extra-videos-tip setting-help">To be sure all students can view the video, we recommend providing alternate versions of the same video: mp4, webm and youtube (if available).</span>
|
|
<ol class="videolist-settings">
|
|
<li class="videolist-settings-item">
|
|
<input type="text" class="input" value="" placeholder="http://somesite.com/video.mp4">
|
|
</li>
|
|
<li class="videolist-settings-item">
|
|
<input type="text" class="input" value="" placeholder=".webm">
|
|
</li>
|
|
</ol>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="transcripts-status">
|
|
<label class="label setting-label transcripts-label">Timed Transcript</label>
|
|
<div class="wrapper-transcripts-message">
|
|
<div class="transcripts-message-status status-error"><i class="icon-remove"></i>No Timed Transcript</div>
|
|
<p class="transcripts-message">
|
|
We dont have a timed transcript for this video on edX, but we found a transcript for this video on YouTube. Would you like to import it to edX?
|
|
</p>
|
|
<div class="transcripts-file-uploader">
|
|
<div class="progress-bar is-invisible">
|
|
<div class="progress-fill"></div>
|
|
</div>
|
|
<form class="file-chooser" action="/transcripts/upload" method="post" enctype="multipart/form-data">
|
|
<input type="file" class="file-input" name="file" accept=".srt">
|
|
<input type="hidden" name="locator" value="andya.AA101.2014_T1/branch/draft/block/videoda3">
|
|
<input type="hidden" name="video_list" value="[{"mode":"youtube","video":"OEoXaMPEzfM","type":"youtube"}]">
|
|
</form>
|
|
|
|
</div>
|
|
<p class="transcripts-error-message is-invisible">
|
|
Error.
|
|
</p>
|
|
<div class="wrapper-transcripts-buttons">
|
|
<button class="action setting-upload" type="button" name="setting-upload" value="Upload New Timed Transcript" data-tooltip="Upload New Timed Transcript">
|
|
<span>Upload New Timed Transcript</span>
|
|
</button>
|
|
<button class="action setting-import" type="button" name="setting-import" value="Import from YouTube" data-tooltip="Import from YouTube">
|
|
<span>Import from YouTube</span>
|
|
</button>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<div class="component-tab is-inactive" id="tab-i4x-andya-AA101-video-da30d8c1da6d43268152e19089ecc2fa-1">
|
|
|
|
|
|
|
|
<div class="wrapper-comp-settings metadata_edit" id="settings-tab" data-metadata="{"youtube_id_1_25": {"default_value": "", "explicitly_set": false, "display_name": "Youtube ID for 1.25x speed", "help": "Optional, for older browsers: the Youtube ID for the 1.25x speed video.", "type": "Generic", "value": "", "field_name": "youtube_id_1_25", "options": []}, "download_video": {"default_value": false, "explicitly_set": false, "display_name": "Video Download Allowed", "help": "Show a link beneath the video to allow students to download the video. Note: You must add at least one video source below.", "type": "Select", "value": false, "field_name": "download_video", "options": [{"display_name": "True", "value": true}, {"display_name": "False", "value": false}]}, "display_name": {"default_value": "Video", "explicitly_set": false, "display_name": "Display Name", "help": "Display name for this module.", "type": "Generic", "value": "Video", "field_name": "display_name", "options": []}, "sub": {"default_value": "", "explicitly_set": false, "display_name": "HTML5 Transcript", "help": "The name of the timed transcript track (for non-Youtube videos).", "type": "Generic", "value": "", "field_name": "sub", "options": []}, "start_time": {"default_value": "00:00:00", "explicitly_set": false, "display_name": "Start Time", "help": "Start time for the video (HH:MM:SS). Max value is 23:59:59.", "type": "RelativeTime", "value": "00:00:00", "field_name": "start_time", "options": []}, "youtube_id_1_0": {"default_value": "OEoXaMPEzfM", "explicitly_set": false, "display_name": "Youtube ID", "help": "This is the Youtube ID reference for the normal speed video.", "type": "Generic", "value": "OEoXaMPEzfM", "field_name": "youtube_id_1_0", "options": []}, "html5_sources": {"default_value": [], "explicitly_set": false, "display_name": "Video Sources", "help": "A list of filenames to be used with HTML5 video. The first supported filetype will be displayed.", "type": "List", "value": [], "field_name": "html5_sources", "options": []}, "show_captions": {"default_value": true, "explicitly_set": false, "display_name": "Show Transcript", "help": "This controls whether or not captions are shown by default.", "type": "Select", "value": true, "field_name": "show_captions", "options": [{"display_name": "True", "value": true}, {"display_name": "False", "value": false}]}, "download_track": {"default_value": false, "explicitly_set": false, "display_name": "Transcript Download Allowed", "help": "Show a link beneath the video to allow students to download the transcript. Note: You must add a link to the HTML5 Transcript field above.", "type": "Select", "value": false, "field_name": "download_track", "options": [{"display_name": "True", "value": true}, {"display_name": "False", "value": false}]}, "youtube_id_1_5": {"default_value": "", "explicitly_set": false, "display_name": "Youtube ID for 1.5x speed", "help": "Optional, for older browsers: the Youtube ID for the 1.5x speed video.", "type": "Generic", "value": "", "field_name": "youtube_id_1_5", "options": []}, "youtube_id_0_75": {"default_value": "", "explicitly_set": false, "display_name": "Youtube ID for .75x speed", "help": "Optional, for older browsers: the Youtube ID for the .75x speed video.", "type": "Generic", "value": "", "field_name": "youtube_id_0_75", "options": []}, "end_time": {"default_value": "00:00:00", "explicitly_set": false, "display_name": "End Time", "help": "End time for the video (HH:MM:SS). Max value is 23:59:59.", "type": "RelativeTime", "value": "00:00:00", "field_name": "end_time", "options": []}}"></div>
|
|
|
|
|
|
</div>
|
|
</div>
|
|
</section>
|
|
</div>
|
|
|
|
|
|
</section>
|
|
</div>
|
|
</div>
|
|
<div class="row module-actions">
|
|
<a href="#" class="save-button action-primary action">Save</a>
|
|
<a href="#" class="cancel-button action-secondary action">Cancel</a>
|
|
</div> <!-- Module Actions-->
|
|
</div>
|
|
</div>
|
|
<div class="wrapper wrapper-component-action-header">
|
|
<div class="component-header">
|
|
Video
|
|
</div>
|
|
<ul class="component-actions">
|
|
<li class="action-item action-edit">
|
|
<a href="#" class="edit-button action-button">
|
|
<i class="icon-edit"></i>
|
|
<span class="action-button-text">Edit</span>
|
|
</a>
|
|
</li>
|
|
<li class="action-item action-duplicate">
|
|
<a href="#" data-tooltip="Duplicate" class="duplicate-button action-button">
|
|
<i class="icon-copy"></i>
|
|
<span class="sr">Duplicate this component</span>
|
|
</a>
|
|
</li>
|
|
<li class="action-item action-delete">
|
|
<a href="#" data-tooltip="Delete" class="delete-button action-button">
|
|
<i class="icon-trash"></i>
|
|
<span class="sr">Delete this component</span>
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
<span data-tooltip="Drag to reorder" class="drag-handle"></span>
|
|
<section class="xblock xblock-student_view xmodule_display xmodule_VideoModule" data-runtime-version="1" data-init="XBlockToXModuleShim" data-handler-prefix="/preview/xblock/i4x:;_;_andya;_AA101;_video;_da30d8c1da6d43268152e19089ecc2fa/handler" data-type="Video" data-block-type="video">
|
|
|
|
|
|
<h2>Video</h2>
|
|
|
|
<div id="video_i4x-andya-AA101-video-da30d8c1da6d43268152e19089ecc2fa" class="video closed is-initialized" data-streams="1.00:OEoXaMPEzfM" data-save-state-url="/preview/xblock/i4x:;_;_andya;_AA101;_video;_da30d8c1da6d43268152e19089ecc2fa/handler/xmodule_handler/save_user_state" data-caption-data-dir="None" data-show-captions="true" data-general-speed="1.0" data-speed="null" data-start="0.0" data-end="0.0" data-caption-asset-path="/c4x/andya/AA101/asset/subs_" data-autoplay="False" data-yt-test-timeout="1500" data-yt-test-url="https://gdata.youtube.com/feeds/api/videos/" data-autohide-html5="False" tabindex="-1">
|
|
<div class="focus_grabber first" tabindex="-1"></div>
|
|
|
|
<div class="tc-wrapper">
|
|
<a href="#before-transcript_i4x-andya-AA101-video-da30d8c1da6d43268152e19089ecc2fa" class="nav-skip sr">Skip to a navigable version of this video's transcript.</a>
|
|
|
|
<article class="video-wrapper">
|
|
<span tabindex="-1" class="spinner" aria-hidden="true" aria-label="Loading video player"></span>
|
|
<span tabindex="-1" class="btn-play is-hidden" aria-hidden="true" aria-label="Play video"></span>
|
|
<div class="video-player-pre"></div>
|
|
<section class="video-player">
|
|
<iframe id="i4x-andya-AA101-video-da30d8c1da6d43268152e19089ecc2fa" frameborder="0" allowfullscreen="1" title="YouTube video player" width="640" height="360" src="https://www.youtube.com/embed/OEoXaMPEzfM?controls=0&wmode=transparent&rel=0&showinfo=0&enablejsapi=1&modestbranding=1&html5=1&origin=https%3A%2F%2Fstudio.edx.org" style="height: 434.25px; width: 772px; top: 2.875px; left: 0px;"></iframe>
|
|
<h3 class="hidden">ERROR: No playable video sources found!</h3>
|
|
</section>
|
|
<div class="video-player-post"></div>
|
|
<section class="video-controls" style="">
|
|
<div class="slider ui-slider ui-slider-horizontal ui-widget ui-widget-content ui-corner-all" title="Video position" aria-disabled="false" tabindex="-1" style=""><div class="ui-slider-range ui-widget-header ui-slider-range-min" style="width: 0%;"></div><a class="ui-slider-handle ui-state-default ui-corner-all" href="#" role="slider" title="Video position" aria-disabled="false" aria-valuetext="0 seconds" style="left: 0%;"></a></div>
|
|
<div>
|
|
<ul class="vcr">
|
|
<li><a class="video_control play" href="#" title="Play" role="button" aria-disabled="false"></a></li>
|
|
<li><div class="vidtime">0:00 / 1:56</div></li>
|
|
</ul>
|
|
<div class="secondary-controls"><div class="speeds">
|
|
<a href="#" title="Speeds" role="button" aria-disabled="false">
|
|
<h3>Speed</h3>
|
|
<p class="active">1.0x</p>
|
|
</a>
|
|
<ol class="video_speeds"><li data-speed="2.0"><a class="speed_link" href="#">2.0x</a></li><li data-speed="1.50"><a class="speed_link" href="#">1.50x</a></li><li data-speed="1.0" class="active"><a class="speed_link" href="#">1.0x</a></li><li data-speed="0.50"><a class="speed_link" href="#">0.50x</a></li></ol>
|
|
</div><div class="volume">
|
|
<a href="#" title="Volume" role="button" aria-disabled="false" aria-label="Volume"></a>
|
|
<div class="volume-slider-container">
|
|
<div class="volume-slider ui-slider ui-slider-vertical ui-widget ui-widget-content ui-corner-all" aria-disabled="false"><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="#" role="slider" title="Volume" aria-disabled="false" aria-valuemin="0" aria-valuemax="100" aria-valuenow="100" aria-valuetext="Maximum" style="bottom: 100%;"></a></div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<a href="#" class="add-fullscreen" title="Fill browser" role="button" aria-disabled="false">Fill browser</a>
|
|
<a href="#" class="quality_control" title="HD off" role="button" aria-disabled="false" style="display: inline;">HD off</a>
|
|
|
|
<a href="#" class="hide-subtitles" title="Turn on captions" role="button" aria-disabled="false" style="display: none;">Turn on captions</a>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<a class="nav-skip sr" id="before-transcript_i4x-andya-AA101-video-da30d8c1da6d43268152e19089ecc2fa" href="#after-transcript_i4x-andya-AA101-video-da30d8c1da6d43268152e19089ecc2fa">Skip to end of transcript.</a>
|
|
</article>
|
|
|
|
<ol id="transcript-captions" class="subtitles" tabindex="0" title="Captions" role="group" aria-label="Activating an item in this group will spool the video to the corresponding time point. To skip transcript, go to previous item." style="max-height: 434px;">
|
|
<li style=""></li>
|
|
</ol>
|
|
</div>
|
|
|
|
<a class="nav-skip sr" id="after-transcript_i4x-andya-AA101-video-da30d8c1da6d43268152e19089ecc2fa" href="#before-transcript_i4x-andya-AA101-video-da30d8c1da6d43268152e19089ecc2fa">Go back to start of transcript.</a>
|
|
|
|
<div class="focus_grabber last" tabindex="-1"></div>
|
|
<ul class="wrapper-downloads">
|
|
</ul>
|
|
</div>
|
|
|
|
</section>
|
|
|
|
|
|
</li>
|
|
<li class="xblock-list-item">
|
|
<section class="wrapper-xblock level-element xblock-type-container">
|
|
<header class="xblock-header">
|
|
<div class="header-details">
|
|
Randomize Block
|
|
</div>
|
|
<div class="header-actions">
|
|
<ul class="actions-list">
|
|
<li class="action-item action-view">
|
|
<a href="container.html" class="action-button">
|
|
<span class="action-button-text">View</span>
|
|
<i class="icon-arrow-right"></i>
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</header>
|
|
<span data-tooltip="Drag to reorder" class="container-drag drag-handle"></span>
|
|
<article class="xblock-render">Shows Element - Example Randomize Block could be here.</article>
|
|
</section>
|
|
</li>
|
|
<li class="component" data-locator="andya.AA101.2014_T1/branch/draft/block/problem2fa">
|
|
<div class="wrapper wrapper-component-editor">
|
|
<div class="component-editor">
|
|
<div class="component-edit-header">
|
|
<span class="component-name"></span>
|
|
<ul class="nav-edit-modes">
|
|
<li id="editor-mode" class="mode active-mode" aria-controls="editor-tab" role="tab">
|
|
<a href="#">Editor</a>
|
|
</li>
|
|
<li id="settings-mode" class="mode active-mode" aria-controls="settings-tab" role="tab">
|
|
<a href="#">Settings</a>
|
|
</li>
|
|
</ul>
|
|
</div> <!-- Editor Header -->
|
|
|
|
<div class="component-edit-modes">
|
|
<div class="module-editor">
|
|
<section class="xblock xblock-studio_view xmodule_edit xmodule_CapaDescriptor" data-runtime-version="1" data-init="XBlockToXModuleShim" data-handler-prefix="/preview/xblock/i4x:;_;_andya;_AA101;_problem;_2fa3ab8048514b73b36e8807a42b3525/handler" data-type="MarkdownEditingDescriptor" data-block-type="problem">
|
|
|
|
|
|
|
|
<div class="wrapper-comp-editor" id="editor-tab">
|
|
<section class="problem-editor editor">
|
|
<div class="row">
|
|
<div class="editor-bar">
|
|
<ul class="format-buttons">
|
|
<li><a href="#" class="header-button" data-tooltip="Heading 1"><span class="problem-editor-icon heading1"></span></a></li>
|
|
<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="Checkboxes"><span class="problem-editor-icon checks"></span></a></li>
|
|
<li><a href="#" class="string-button" data-tooltip="Text Input"><span class="problem-editor-icon string"></span></a></li>
|
|
<li><a href="#" class="number-button" data-tooltip="Numerical Input"><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>
|
|
<li><a href="#" class="explanation-button" data-tooltip="Explanation"><span class="problem-editor-icon explanation"></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"></textarea>
|
|
<textarea class="xml-box" rows="8" cols="40"><problem></problem></textarea>
|
|
</div>
|
|
</section>
|
|
|
|
<script type="text/template" id="simple-editor-cheatsheet">
|
|
<article class="simple-editor-cheatsheet">
|
|
<div class="cheatsheet-wrapper">
|
|
<div class="row">
|
|
<h6>Heading 1</h6>
|
|
<div class="col sample heading-1">
|
|
<img src="/static/a0efe6e/img/header-example.e174a18baef2.png" />
|
|
</div>
|
|
<div class="col">
|
|
<pre><code>H1
|
|
=====
|
|
</pre>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<h6>Multiple Choice</h6>
|
|
<div class="col sample multiple-choice">
|
|
<img src="/static/a0efe6e/img/choice-example.c9baf5bb43c8.png" />
|
|
</div>
|
|
<div class="col">
|
|
<pre><code>( ) red
|
|
( ) green
|
|
(x) blue</code></pre>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<h6>Checkboxes</h6>
|
|
<div class="col sample check-multiple">
|
|
<img src="/static/a0efe6e/img/multi-example.19d6b4760d59.png" />
|
|
</div>
|
|
<div class="col">
|
|
<pre><code>[x] earth
|
|
[ ] wind
|
|
[x] water</code></pre>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<h6>Text Input</h6>
|
|
<div class="col sample string-response">
|
|
<img src="/static/a0efe6e/img/string-example.3515ad7cd1aa.png" />
|
|
</div>
|
|
<div class="col">
|
|
<pre><code>= dog
|
|
or= cat
|
|
or= mouse</code></pre>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<h6>Numerical Input</h6>
|
|
<div class="col sample numerical-response">
|
|
<img src="/static/a0efe6e/img/number-example.7809d7d48790.png" />
|
|
</div>
|
|
<div class="col">
|
|
<pre><code>= 3.14 +- 2%</code></pre>
|
|
<pre><code>= [3.14, 3.15)</code></pre>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<h6>Dropdown</h6>
|
|
<div class="col sample option-reponse">
|
|
<img src="/static/a0efe6e/img/select-example.d829349cdb8f.png" />
|
|
</div>
|
|
<div class="col">
|
|
<pre><code>[[wrong, (right)]]</code></pre>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<h6>Explanation</h6>
|
|
<div class="col sample explanation">
|
|
<img src="/static/a0efe6e/img/explanation-example.91c7eb9dfd65.png" />
|
|
</div>
|
|
<div class="col">
|
|
<pre><code>[explanation] A short explanation of the answer. [explanation]</code></pre>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</article>
|
|
</script>
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
<div class="wrapper-comp-settings metadata_edit" id="settings-tab" data-metadata="{"showanswer": {"default_value": "finished", "explicitly_set": false, "display_name": "Show Answer", "help": "Defines when to show the answer to the problem. A default value can be set in Advanced Settings.", "type": "Select", "value": "finished", "field_name": "showanswer", "options": [{"display_name": "Always", "value": "always"}, {"display_name": "Answered", "value": "answered"}, {"display_name": "Attempted", "value": "attempted"}, {"display_name": "Closed", "value": "closed"}, {"display_name": "Finished", "value": "finished"}, {"display_name": "Past Due", "value": "past_due"}, {"display_name": "Never", "value": "never"}]}, "display_name": {"default_value": "Blank Advanced Problem", "explicitly_set": true, "display_name": "Display Name", "help": "This name appears in the horizontal navigation at the top of the page.", "type": "Generic", "value": "Blank Common Problem", "field_name": "display_name", "options": []}, "weight": {"default_value": null, "explicitly_set": false, "display_name": "Problem Weight", "help": "Defines the number of points each problem is worth. If the value is not set, each response field in the problem is worth one point.", "type": "Float", "value": null, "field_name": "weight", "options": {"step": 0.1, "min": 0}}, "rerandomize": {"default_value": "never", "explicitly_set": false, "display_name": "Randomization", "help": "Defines how often inputs are randomized when a student loads the problem. This setting only applies to problems that can have randomly generated numeric values. A default value can be set in Advanced Settings.", "type": "Select", "value": "never", "field_name": "rerandomize", "options": [{"display_name": "Always", "value": "always"}, {"display_name": "On Reset", "value": "onreset"}, {"display_name": "Never", "value": "never"}, {"display_name": "Per Student", "value": "per_student"}]}, "max_attempts": {"default_value": null, "explicitly_set": false, "display_name": "Maximum Attempts", "help": "Defines the number of times a student can try to answer this problem. If the value is not set, infinite attempts are allowed.", "type": "Integer", "value": null, "field_name": "max_attempts", "options": {"min": 0}}}"></div>
|
|
|
|
|
|
</section>
|
|
|
|
</div>
|
|
</div>
|
|
<div class="row module-actions">
|
|
<a href="#" class="save-button action-primary action">Save</a>
|
|
<a href="#" class="cancel-button action-secondary action">Cancel</a>
|
|
</div> <!-- Module Actions-->
|
|
</div>
|
|
</div>
|
|
<div class="wrapper wrapper-component-action-header">
|
|
<div class="component-header">
|
|
Blank Common Problem
|
|
</div>
|
|
<ul class="component-actions">
|
|
<li class="action-item action-edit">
|
|
<a href="#" class="edit-button action-button">
|
|
<i class="icon-edit"></i>
|
|
<span class="action-button-text">Edit</span>
|
|
</a>
|
|
</li>
|
|
<li class="action-item action-duplicate">
|
|
<a href="#" data-tooltip="Duplicate" class="duplicate-button action-button">
|
|
<i class="icon-copy"></i>
|
|
<span class="sr">Duplicate this component</span>
|
|
</a>
|
|
</li>
|
|
<li class="action-item action-delete">
|
|
<a href="#" data-tooltip="Delete" class="delete-button action-button">
|
|
<i class="icon-trash"></i>
|
|
<span class="sr">Delete this component</span>
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
<span data-tooltip="Drag to reorder" class="drag-handle"></span>
|
|
<section class="xblock xblock-student_view xmodule_display xmodule_CapaModule" data-runtime-version="1" data-init="XBlockToXModuleShim" data-handler-prefix="/preview/xblock/i4x:;_;_andya;_AA101;_problem;_2fa3ab8048514b73b36e8807a42b3525/handler" data-type="Problem" data-block-type="problem">
|
|
<section id="problem_i4x-andya-AA101-problem-2fa3ab8048514b73b36e8807a42b3525" class="problems-wrapper" data-problem-id="i4x://andya/AA101/problem/2fa3ab8048514b73b36e8807a42b3525" data-url="/preview/xblock/i4x:;_;_andya;_AA101;_problem;_2fa3ab8048514b73b36e8807a42b3525/handler/xmodule_handler" data-progress_status="0" data-progress_detail="0">
|
|
|
|
|
|
<h2 class="problem-header">
|
|
Blank Common Problem
|
|
</h2>
|
|
|
|
<section class="problem-progress">(0 points)</section>
|
|
|
|
<section class="problem">
|
|
<div></div>
|
|
|
|
<section class="action">
|
|
<input type="hidden" name="problem_id" value="Blank Common Problem">
|
|
|
|
<input class="check Check" type="button" value="Check">
|
|
<button class="show"><span class="show-label">Show Answer(s)</span> <span class="sr">(for question(s) above - adjacent to each field)</span></button>
|
|
</section>
|
|
</section>
|
|
</section>
|
|
|
|
</section>
|
|
|
|
|
|
</li><li class="new-component-item adding">
|
|
<div class="new-component">
|
|
<h5>Add New Component</h5>
|
|
<ul class="new-component-type">
|
|
<li>
|
|
<a href="#" class="multiple-templates" data-type="advanced">
|
|
<span class="large-template-icon large-advanced-icon"></span>
|
|
<span class="name">advanced</span>
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="#" class="single-template" data-type="discussion" data-category="discussion">
|
|
<span class="large-template-icon large-discussion-icon"></span>
|
|
<span class="name">discussion</span>
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="#" class="multiple-templates" data-type="html">
|
|
<span class="large-template-icon large-html-icon"></span>
|
|
<span class="name">html</span>
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="#" class="multiple-templates" data-type="problem">
|
|
<span class="large-template-icon large-problem-icon"></span>
|
|
<span class="name">problem</span>
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="#" class="single-template" data-type="video" data-category="video">
|
|
<span class="large-template-icon large-video-icon"></span>
|
|
<span class="name">video</span>
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
<div class="new-component-templates new-component-advanced">
|
|
<div class="tab current" id="tab1">
|
|
<ul class="new-component-template"><li class="editor-md empty">
|
|
<a href="#" data-category="word_cloud">
|
|
<span class="name">Word cloud</span>
|
|
</a>
|
|
</li>
|
|
|
|
|
|
|
|
</ul>
|
|
</div>
|
|
<a href="#" class="cancel-button">Cancel</a>
|
|
</div>
|
|
<div class="new-component-templates new-component-html">
|
|
<div class="tab current" id="tab1">
|
|
<ul class="new-component-template"><li class="editor-md empty">
|
|
<a href="#" data-category="html">
|
|
<span class="name">Text</span>
|
|
</a>
|
|
</li>
|
|
<li class="editor-md">
|
|
<a href="#" data-category="html" data-boilerplate="announcement.yaml">
|
|
<span class="name">Announcement</span>
|
|
</a>
|
|
</li>
|
|
|
|
<li class="editor-md">
|
|
<a href="#" data-category="html" data-boilerplate="anon_user_id.yaml">
|
|
<span class="name">Anonymous User ID</span>
|
|
</a>
|
|
</li>
|
|
|
|
|
|
|
|
|
|
<li class="editor-md">
|
|
<a href="#" data-category="html" data-boilerplate="zooming_image.yaml">
|
|
<span class="name">Zooming Image</span>
|
|
</a>
|
|
</li>
|
|
|
|
</ul>
|
|
</div>
|
|
<a href="#" class="cancel-button">Cancel</a>
|
|
</div>
|
|
<div class="new-component-templates new-component-problem">
|
|
<div class="tab-group tabs ui-tabs ui-widget ui-widget-content ui-corner-all">
|
|
<ul class="problem-type-tabs nav-tabs ui-tabs-nav ui-helper-reset ui-helper-clearfix ui-widget-header ui-corner-all" role="tablist">
|
|
<li class="current ui-state-default ui-corner-top ui-tabs-active ui-state-active" role="tab" tabindex="0" aria-controls="tab1" aria-labelledby="ui-id-1" aria-selected="true">
|
|
<a class="link-tab ui-tabs-anchor" href="#tab1" role="presentation" tabindex="-1" id="ui-id-1">Common Problem Types</a>
|
|
</li>
|
|
<li class="ui-state-default ui-corner-top" role="tab" tabindex="-1" aria-controls="tab2" aria-labelledby="ui-id-2" aria-selected="false">
|
|
<a class="link-tab ui-tabs-anchor" href="#tab2" role="presentation" tabindex="-1" id="ui-id-2">Advanced</a>
|
|
</li>
|
|
</ul>
|
|
<div class="tab current ui-tabs-panel ui-widget-content ui-corner-bottom" id="tab1" aria-labelledby="ui-id-1" role="tabpanel" aria-expanded="true" aria-hidden="false">
|
|
<ul class="new-component-template">
|
|
|
|
<li class="editor-md">
|
|
<a href="#" data-category="problem" data-boilerplate="blank_common.yaml">
|
|
<span class="name">Blank Common Problem</span>
|
|
</a>
|
|
</li>
|
|
|
|
<li class="editor-md">
|
|
<a href="#" data-category="problem" data-boilerplate="checkboxes_response.yaml">
|
|
<span class="name">Checkboxes</span>
|
|
</a>
|
|
</li>
|
|
|
|
|
|
|
|
|
|
|
|
<li class="editor-md">
|
|
<a href="#" data-category="problem" data-boilerplate="optionresponse.yaml">
|
|
<span class="name">Dropdown</span>
|
|
</a>
|
|
</li>
|
|
|
|
|
|
|
|
<li class="editor-md">
|
|
<a href="#" data-category="problem" data-boilerplate="multiplechoice.yaml">
|
|
<span class="name">Multiple Choice</span>
|
|
</a>
|
|
</li>
|
|
|
|
<li class="editor-md">
|
|
<a href="#" data-category="problem" data-boilerplate="numericalresponse.yaml">
|
|
<span class="name">Numerical Input</span>
|
|
</a>
|
|
</li>
|
|
|
|
|
|
<li class="editor-md">
|
|
<a href="#" data-category="problem" data-boilerplate="string_response.yaml">
|
|
<span class="name">Text Input</span>
|
|
</a>
|
|
</li>
|
|
|
|
</ul>
|
|
</div>
|
|
<div class="tab ui-tabs-panel ui-widget-content ui-corner-bottom" id="tab2" aria-labelledby="ui-id-2" role="tabpanel" aria-expanded="false" aria-hidden="true" style="display: none;">
|
|
<ul class="new-component-template">
|
|
<li class="editor-manual">
|
|
<a href="#" data-category="problem" data-boilerplate="None">
|
|
<span class="name">Blank Advanced Problem</span>
|
|
</a>
|
|
</li>
|
|
<li class="editor-manual">
|
|
<a href="#" data-category="problem" data-boilerplate="circuitschematic.yaml">
|
|
<span class="name">Circuit Schematic Builder</span>
|
|
</a>
|
|
</li>
|
|
<li class="editor-manual">
|
|
<a href="#" data-category="problem" data-boilerplate="jsinput_response.yaml">
|
|
<span class="name">Custom Javascript Display and Grading</span>
|
|
</a>
|
|
</li>
|
|
<li class="editor-manual">
|
|
<a href="#" data-category="problem" data-boilerplate="customgrader.yaml">
|
|
<span class="name">Custom Python-Evaluated Input</span>
|
|
</a>
|
|
</li>
|
|
<li class="editor-manual">
|
|
<a href="#" data-category="problem" data-boilerplate="drag_and_drop.yaml">
|
|
<span class="name">Drag and Drop</span>
|
|
</a>
|
|
</li>
|
|
<li class="editor-manual">
|
|
<a href="#" data-category="problem" data-boilerplate="imageresponse.yaml">
|
|
<span class="name">Image Mapped Input</span>
|
|
</a>
|
|
</li>
|
|
<li class="editor-manual">
|
|
<a href="#" data-category="problem" data-boilerplate="forumularesponse.yaml">
|
|
<span class="name">Math Expression Input</span>
|
|
</a>
|
|
</li>
|
|
<li class="editor-manual">
|
|
<a href="#" data-category="problem" data-boilerplate="problem_with_hint.yaml">
|
|
<span class="name">Problem with Adaptive Hint</span>
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<a href="#" class="cancel-button">Cancel</a>
|
|
</div>
|
|
</li>
|
|
</ol>
|
|
</article>
|
|
</div>
|
|
|
|
|
|
<div class="sidebar">
|
|
<div class="unit-settings window">
|
|
<h4 class="header">Unit Settings</h4>
|
|
<div class="window-contents">
|
|
<div class="row visibility">
|
|
<label for="visibility-select" class="inline-label">Visibility:</label>
|
|
<select name="visibility-select" id="visibility-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>Jan 01, 2030 at 00:00 UTC</strong>
|
|
with the subsection <a href="/subsection/andya.AA101.2014_T1/branch/draft/block/sequentialfd4">Lesson 1</a>
|
|
</p>
|
|
</div>
|
|
<div class="row unit-actions">
|
|
<a href="#" class="delete-draft delete-button">Delete Draft</a>
|
|
<a href="//preview.edx.org/courses/andya/AA101/2014_T1/courseware/9d45ad78b67d484f9e60a2f152baf7c5/fd437235f8c54759a1e7c39d746d212e/1" target="_blank" class="preview-button">Preview</a>
|
|
<a href="//courses.edx.org/courses/andya/AA101/2014_T1/jump_to/i4x://andya/AA101/vertical/68bbc21110f2474f9b17ad3ede9aea60" target="_blank" class="view-button">View Live</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="window unit-location">
|
|
<h4 class="header">Unit Location</h4>
|
|
<div class="window-contents">
|
|
<div class="row wrapper-unit-id">
|
|
<p class="unit-id">
|
|
<label for="unit-location-id-input">Unit Identifier:</label>
|
|
<input type="text" class="url value" id="unit-location-id-input" value="68bbc21110f2474f9b17ad3ede9aea60" readonly="">
|
|
</p>
|
|
</div>
|
|
<div class="unit-tree-location">
|
|
<ol>
|
|
<li class="section">
|
|
<a href="/course/andya.AA101.2014_T1/branch/draft/block/2014_T1" class="section-item section-name">
|
|
<span class="section-name">Week 1</span>
|
|
</a>
|
|
<ol>
|
|
<li class="subsection">
|
|
<a href="/subsection/andya.AA101.2014_T1/branch/draft/block/sequentialfd4" class="section-item">
|
|
<span class="subsection-name"><span class="subsection-name-value">Lesson 1</span></span>
|
|
</a>
|
|
|
|
<ol class="sortable-unit-list">
|
|
|
|
|
|
|
|
<li class="courseware-unit unit is-draggable" data-locator="andya.AA101.2014_T1/branch/draft/block/vertical68b" data-parent="andya.AA101.2014_T1/branch/draft/block/sequentialfd4">
|
|
|
|
<span class="draggable-drop-indicator draggable-drop-indicator-before"><i class="icon-caret-right"></i></span>
|
|
|
|
|
|
|
|
<div class="section-item editing">
|
|
<a href="/unit/andya.AA101.2014_T1/branch/draft/block/vertical68b" class="private-item">
|
|
<span class="unit-name">New Unit</span>
|
|
</a>
|
|
</div>
|
|
|
|
<span class="draggable-drop-indicator draggable-drop-indicator-after"><i class="icon-caret-right"></i></span>
|
|
|
|
</li>
|
|
|
|
<li class="courseware-unit unit is-draggable" data-locator="andya.AA101.2014_T1/branch/draft/block/vertical95e" data-parent="andya.AA101.2014_T1/branch/draft/block/sequentialfd4">
|
|
|
|
<span class="draggable-drop-indicator draggable-drop-indicator-before"><i class="icon-caret-right"></i></span>
|
|
|
|
|
|
|
|
<div class="section-item ">
|
|
<a href="/unit/andya.AA101.2014_T1/branch/draft/block/vertical95e" class="private-item">
|
|
<span class="unit-name">Discussion</span>
|
|
</a>
|
|
</div>
|
|
|
|
<span class="draggable-drop-indicator draggable-drop-indicator-after"><i class="icon-caret-right"></i></span>
|
|
|
|
</li>
|
|
<li class="courseware-unit add-new-unit">
|
|
<span class="draggable-drop-indicator draggable-drop-indicator-initial"><i class="icon-caret-right"></i></span>
|
|
|
|
|
|
<a href="#" class="new-unit-item" data-category="vertical" data-parent="andya.AA101.2014_T1/branch/draft/block/sequentialfd4">
|
|
<i class="icon-plus"></i> New Unit
|
|
</a>
|
|
</li>
|
|
</ol>
|
|
|
|
</li>
|
|
</ol>
|
|
</li>
|
|
</ol>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</%block>
|